授業計画 |
| 回数 |
学習目標 |
学習項目 |
| 1 |
HTMLの書式について理解し、基本的なタグを使ったページを作成出来る。
使用するツールの操作方法を習得する。 |
HTML文書の基本要素（１）
基本タグ、見出しダグ、段落・改行タグ、作者情報タグ、非序列リスト、序列リスト |
| 【理解度確認】課題 |
| 2 |
メタタグや強調タグなどを使ったページを作成出来る。 |
HTML文書の基本要素（２）
定義型リスト、メタタグその１、重要タグ、強調タグ |
| 【理解度確認】課題 |
| 3 |
リンクタグを使ったページを作成出来る。
ブロックレベル要素とインライン要素について学習する。 |
リンク・画像の記述方法（１）
文字実体参照、画像表示、整形済みテキスト、リンクタグ |
| 【理解度確認】課題 |
| 4 |
画像を含めたページを作成出来る。
ページ遷移を含めたページを作成出来る。 |
リンク・画像の記述方法（２）
ページの特定の場所へのリンク |
| 【理解度確認】課題 |
| 5 |
第4回までに学習したテーブルタグまでの範囲で、実習課題（課題２）を作成する。 |
リンク・画像の記述方法（３）
|
| 【理解度確認】課題 |
| 6 |
第5回で作成した課題の問題点の修正を行い、課題2を完成させる。 |
リンク・画像の記述方法（４） |
| 【理解度確認】課題 |
| 7 |
テーブルタグを使ったページを作成出来る。 |
テーブルの記述方法（１）
テーブル関連のタグ |
| 【理解度確認】課題 |
| 8 |
第7回までに学習したテーブルタグまでの範囲で、実習課題（課題３）を作成する。 |
テーブルの記述方法（２） |
| 【理解度確認】課題 |
| 9 |
これまで習得したタグを使用して練習を行う。 |
リンク・テーブルの記述確認 |
| 【理解度確認】課題 |
| 10 |
プログラムにデータを引き渡す仕組みやフォームを構成する基本的なタグを理解する。 |
フォームの記述方法（１）
入力フォームの定義、テキスト入力欄、送信ボタン、リセットボタン、ラジオボタン、チェックボックス、ドロップダウンリスト |
| 【理解度確認】課題 |
| 11 |
複雑なフォームの入力タグを含めたページを作成出来る。 |
フォームの記述方法（２）
パスワード専用入力欄、POSTとGET、ラベル、グループ化、送信ボタンの画像作成
|
| 【理解度確認】課題 |
| 12 |
CSSを利用したページの装飾を行う。 |
CSSの記述方法（１） |
| 【理解度確認】課題 |
| 13 |
第12回までに学習したCSSまでの範囲で、実習課題（課題4）を作成する。 |
CSSの記述方法（２） |
| 【理解度確認】課題 |
| 14 |
総仕上げ課題（課題5）を作成する。 |
これまで学習したHTML＆CSSを利用したページの作成（１） |
| 【理解度確認】課題 |
| 15 |
総仕上げ課題（課題5）を作成する。 |
これまで学習したHTML＆CSSを利用したページの作成（２） |
| 【理解度確認】課題 |
