フローチャート(サイトの完成予定構造図)を提出しました。
これを元に２学期には自分のサイトを作成しながら
新しい技術について説明、組み込み可能なものやより良い仕組みを検討しながら
WEBを構築して行きます。
[確認参照] [フローチャートの例・昨年一昨年のサイト例]
自分のサイトを作る
自分のフォルダの直下のindex.htmlは自分のサイトのトップページ
つぎに自分のサイトのレイアウトをどのパターンにするかの手順でindex.htmlを作るBをAに埋め込む
完成したらindex.htmlをサイトのトップページにアップロードする。
動画はここからダウンロード
(1) CSSとHTMLとは何だったか WEB 2学期 概要
(2) (1学期の復習)--【課題】元々作られているテンプレートを改造する
(3) idとclassの違い(画像にidを付ける) marginとpaddingの違い
(4) カラム落ちとは
(5) 子孫セレクタ
(6) スタイルシート3種類の適用方法の練習
(7) 外部ツールの実装／SNSや配布パーツをサイトに表示させる。
(8) jQueryを組み込む(例: lightbox)
(9) WEB上に公開したコードそのものをWEBブラウザでチェックする方法。
(10)WEB用のフリー素材の探し方(商用利用可のデータを探す)
(11)自分のサイトを作成する(フローチャートの数値を詳細に書き改める)
(12)ブラウザ別CSS
(13)質問の出た前例のサンプルデータ
(14)
(15)
(16)
(17) 仕上げ作業
(18) 仕上げ作業
(19) 仕上げ作業
(20) 仕上げ作業
[自分のサイトを作成する]で最低限実装してクリアするべきチェック項目
[1]indexがあるか
[2]menuバーがあるか
[3]テンプレートにmenuが組み込まれているか
[4]基本のテンプレートデザインを完成する(※段組みレイアウトになっているか)
[5]CSSを書き出す
[6]複製して各コンテンツを作成する
[7]ツールを組み込んでより高度なサイト作成を行う
[8]オリジナリティのあるサイトを作成し完成する
[9]さらに以下のうちのどれかの条件を盛り込んであるか
★画像の多いサイトを作成する場合lightboxやwebフォトギャラリーを使う
★SNSを外部表示するjsツールを使用する
★オンラインジェネレーターを使用する
0 件のコメント:
コメントを投稿