2学期授業概要
９月
(1)9/02金 CSSとHTMLとは何だったか WEB 2学期 概要(2)9/06火 (1学期の復習)--【課題】元々作られているテンプレートを改造する
(3)9/09金 WEBサイト用のフローチャートの作成
(1学期の復習)-- idとclassの違い(画像にidを付ける) marginとpaddingの違い
(4)9/13火 WEBサイト用のフローチャートの作成 ※フローチャートの提出1
(4)9/13火 WEBサイト用のフローチャートの作成 ※フローチャートの提出1
(1学期の復習)-- スタイルシート3種類の適用方法の練習
(5)9/16金 menu.htmlの作成(1)
(6)9/20火 台風で休校
(7)9/23金 menu.htmlの作成(2)
(8)9/27火 カラム落ちとは---divボックスと段組の関係理解
(9)9/30金 テンプレートとは？／子孫セレクタ---cssの効率化
(5)9/16金 menu.htmlの作成(1)
(7)9/23金 menu.htmlの作成(2)
(8)9/27火 カラム落ちとは---divボックスと段組の関係理解
(9)9/30金 テンプレートとは？／子孫セレクタ---cssの効率化
１０月
(10)10/04火 外部ツールの実装／SNSや配布パーツをサイトに表示させる。
(11)10/07金 jQueryを組み込む1-1---練習 : lightbox 仕組みの把握
(12)10/11火 jQueryを組み込む1-2---練習 : lightbox 実作業
(13)10/14金 jQueryを組み込む2-1---自分のサイトの表現にあったjQueryを探す 仕組みの把握
(14)10/18火 jQueryを組み込む2-2---自分のサイトの表現にあったjQueryを探す 実作業
(15)10/21金 jQueryを組み込む2-2---自分のサイトの表現にあったjQueryを探す 実作業
(16)10/25火 自分のサイト構成を再確認(フローチャートの数値を詳細に書き改める) ※フローチャートの提出2
(17)10/28金 WEB用のフリー素材の探し方(商用利用可のデータを探す)
(16)10/25火 自分のサイト構成を再確認(フローチャートの数値を詳細に書き改める) ※フローチャートの提出2
(17)10/28金 WEB用のフリー素材の探し方(商用利用可のデータを探す)
１１月
(18)11/01火 (復習)WEB上に公開したコードそのものをWEBブラウザでチェックする方法。
(18)11/01火 (復習)WEB上に公開したコードそのものをWEBブラウザでチェックする方法。
(19)11/04金 ブラウザ別CSS
(20)11/08火 質問の出た前例のサンプルデータ
(21)11/11金 自分のサイトのindex.htmlの作成
(22)11/15火 自分のサイトのメニュー部分の作成
(23)11/18金 仕上げ作業 テンプレート完成
(24)11/22火 仕上げ作業 メニューと各カテゴリー(コンテンツ)ページの完成
(25)11/25金 仕上げ作業 jQueryを組み込み完成
(26)11/29火 仕上げ作業 SNSやWEBツール等の埋め込み表示完成
１２月
(27)12/02金 仕上げ作業 作品集ページの完成1
(28)12/06火 仕上げ作業 作品集ページの完成2
(29)12/09金 仕上げ作業 ※最終のアップロードは忍者サーバへ
1学期に何をしていたか?
・サイトスペースの契約
・test.html ----画像１枚をサーバへ送りhtmlファイルで表示
・kadaisite ----HTMLコード及びdivボックスとcssを使った段組レイアウトの基本の学習
(HTMLファイル３枚)
・design_zero ----段組レイアウトの基本とHTMLコードCSSの応用
(HTMLファイル１枚)
2学期の課題(先行して作業していた人は、大まかな説明を6月にしています)
・rollover.html(ロールオーバーボタンの作成)
・menu.html
・index.html = 自分のフォルダの直下のindex.htmlは自分のサイトのトップページ
2学期の最終チェックのクリア条件
[自分のサイトを作成する]で最低限実装してクリアするべきチェック項目
[1]indexがあるか
[2]menuバーがあるか
[3]テンプレートにmenuが組み込まれているか
[4]基本のテンプレートデザインを完成する(※段組みレイアウトになっているか)
[5]CSSを外部ファイルに書き出してあるか
[6]複製して各カテゴリー(コンテンツ)を作成する
[7]ツールを組み込んでより高度なサイト作成を行う
[8]オリジナリティのあるサイトを作成し完成する
[9]さらに以下のうちのどれかの条件を盛り込んで工夫がされているか
★画像の多いサイトを作成する場合lightboxやwebフォトギャラリーを使う
★SNSを外部表示するjsツールを使用する
★オンラインジェネレーターを使用する
(20)11/08火 質問の出た前例のサンプルデータ
(21)11/11金 自分のサイトのindex.htmlの作成
(22)11/15火 自分のサイトのメニュー部分の作成
(23)11/18金 仕上げ作業 テンプレート完成
(24)11/22火 仕上げ作業 メニューと各カテゴリー(コンテンツ)ページの完成
(25)11/25金 仕上げ作業 jQueryを組み込み完成
(26)11/29火 仕上げ作業 SNSやWEBツール等の埋め込み表示完成
１２月
(27)12/02金 仕上げ作業 作品集ページの完成1
(28)12/06火 仕上げ作業 作品集ページの完成2
(29)12/09金 仕上げ作業 ※最終のアップロードは忍者サーバへ
1学期に何をしていたか?
・サイトスペースの契約
・test.html ----画像１枚をサーバへ送りhtmlファイルで表示
・kadaisite ----HTMLコード及びdivボックスとcssを使った段組レイアウトの基本の学習
(HTMLファイル３枚)
・design_zero ----段組レイアウトの基本とHTMLコードCSSの応用
(HTMLファイル１枚)
2学期の課題(先行して作業していた人は、大まかな説明を6月にしています)
・rollover.html(ロールオーバーボタンの作成)
これから作成する自分のサイトの構成要素となるもの
6月に行った内容
・menu.html
・index.html = 自分のフォルダの直下のindex.htmlは自分のサイトのトップページ
2学期の最終チェックのクリア条件
[自分のサイトを作成する]で最低限実装してクリアするべきチェック項目
[1]indexがあるか
[2]menuバーがあるか
[3]テンプレートにmenuが組み込まれているか
[4]基本のテンプレートデザインを完成する(※段組みレイアウトになっているか)
[5]CSSを外部ファイルに書き出してあるか
[6]複製して各カテゴリー(コンテンツ)を作成する
[7]ツールを組み込んでより高度なサイト作成を行う
[8]オリジナリティのあるサイトを作成し完成する
[9]さらに以下のうちのどれかの条件を盛り込んで工夫がされているか
★画像の多いサイトを作成する場合lightboxやwebフォトギャラリーを使う
★SNSを外部表示するjsツールを使用する
★オンラインジェネレーターを使用する
0 件のコメント:
コメントを投稿