授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
HTMLによる問い合わせフォームを作成出来る。 |
テキスト入力、送信ボタン、ラジオボタンなどフォームを構成する要素について学習する。 |
| 【理解度確認】実習課題作成 |
| 2 |
CSSの基礎知識、セレクタの種類について説明出来る。 |
CSSの基礎知識、要素型セレクタ、classセレクタ、idセレクタなどについて学習する。 |
| 【理解度確認】実習課題作成 |
| 3 |
外部CSSファイルを用いたWebページを作成出来る。
フォントに関するプロパティを用いたWebページを作成出来る。 |
CSSの記述場所、外部CSSファイルのリンク、フォントデザインについて学習する。 |
| 【理解度確認】実習課題作成 |
| 4 |
文字列に関するプロパティや背景を指定したWebページを作成出来る。 |
文字列や背景デザインについて学習する。 |
| 【理解度確認】実習課題作成 |
| 5 |
CSSにおけるボックスモデルについて説明出来る。
マージン、パディングを活用したWebページが作成出来る。 |
ボックスモデル(マージン、パディング、枠線)について学習する。 |
| 【理解度確認】実習課題作成 |
| 6 |
レイアウトに関するプロパティを用い、回り込みレイアウトが作成出来る。 |
フロートやポジションプロパティによるレイアウト方法について学習する。 |
| 【理解度確認】実習課題作成 |
| 7 |
マルチカラムレイアウトを活用したWebページが作成出来る。 |
段組みレイアウトについて学習する。 |
| 【理解度確認】実習課題作成 |
| 8 |
制作実習
HTML、CSSを活用した実践的なWebページが作成出来る。 |
ここまでの復習および制作実習 |
| 【理解度確認】総合課題作成 |
| 9 |
クライアントサイド、サーバーサイドについて説明出来る。 |
クライアントサイド、サーバーサイドの違いについて学習する。 |
| 【理解度確認】確認問題 |
| 10 |
JavaScriptの記述方法について説明出来る。 |
HTMLにJavaScriptを組込み動作させる方法について学習する。 |
| 【理解度確認】実習課題作成 |
| 11 |
JavaScriptにおける変数と配列を使用することが出来る。 |
変数と配列の扱いについて学習する。 |
| 【理解度確認】実習課題作成 |
| 12 |
JavaScriptにおける文法を使用することが出来る。 |
if文、for文、while文などについて学習する。 |
| 【理解度確認】実習課題作成 |
| 13 |
イベントにより動作するスクリプトの作成が出来る。 |
ボタンクリック時の動作ならびに外部ファイルの呼び出しについて学習する。 |
| 【理解度確認】実習課題作成 |
| 14 |
DOMを使用したコンテンツの作成が出来る。 |
イベントにより動作するDOMを使用したコンテンツの作成について学習する。 |
| 【理解度確認】実習課題作成 |
| 15 |
DOMを使用したコンテンツの作成が出来る。 |
HTMLやCSSをJavaScriptにより変更し動的に変化するスクリプトの作成について学習する。
今までのまとめと期末テスト対策 |
| 【理解度確認】実習課題作成、期末テスト対策 |
