| |
| 回数 | 授業スケジュール | 授業時間外学習・時間(分) |
|
| 1 | ガイダンス
Ｗｅｂサイトの基本
(1) 構成要素，
(2) Ｗｅｂブラウザの機能と種類，
(3) サイト公開までの流れ，
(4) 制作に利用するソフトウェア | 【予習】 教科書 pp.1-18
・ シラバスを読み本授業内容をあらかじめ把握(30)
・ 教科書の内容を事前に把握(60)
【復習】
・ Chapter01をWordにまとめる(60) |
|
| 2 | HTMLの基礎①
(1) HTMLとは，
(2) HTMLの基本的な書式，
(3) 関係（親子、子孫、兄弟），
(4) HTMLのバージョン | 【予習】 教科書 pp.19-28
・ 教科書の内容を事前に把握(60)
【復習】
・ Chapter02をWordにまとめる(60) |
|
| 3 | HTMLの基礎②
(1) Ｗｅｂサイト制作の準備，
(2) HTMLのタグ，
(3) 見出し， (4) 段落， (5) 非序列リスト | 【予習】 教科書 pp.29-58
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 4 | HTMLの基礎③
(1) リンク， (2) 外部再とへのリンク
(3) 画像の挿入， (4) 文字実体参照 | 【予習】 教科書 pp.59-74
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 5 | HTMLの基礎④
(1) 要素のグループ化，
(2) id属性、class属性，
(3) コメント文 | 【予習】 教科書 pp.75-90
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 6 | HTMLの基礎⑤
(1) 他ファイルの作成，
(2) 段落にテキストと画像を含める，
(3) テキストの装飾，
(4) ページの特定の場所にリンク | 【予習】 教科書 pp.91-108
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 7 | HTMLの基礎⑥
(1) テーブル， (2) 序列リスト，
(3) 要素のグループ化
HTMLのまとめ | 【予習】 教科書 pp.109-124
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 8 | 作品１制作 | 【予習】
・前半で学んだ内容を確認する(120)
【復習】
・作品１を完成させる(60) |
|
| 9 | CSSの基礎①
(1) CSSとは， (2) CSSの基本的な書式，
(3) セレクタ， (4) 継承，
(5) CSSを記述する場所，
(6) CSSファイルを作成，
(7) HTMLとCSSのリンク | 【予習】 教科書 pp.125-144
・ 教科書の内容を事前に把握(60)
【復習】
・ Chapter07をWordにまとめる(60) |
|
| 10 | CSSの基礎②
(1) 背景色の設定，
(2) テキスト色，フォントサイズ，
(3) マージン・パディング・ボーダー，
(4) 行の高さの調整，
(5) テキストのリンク色，
(6) ブロックレベルの行揃え，
(7) ブロック表示／インライン表示 | 【予習】 教科書 pp.145-173
・ 教科書の内容を事前に把握(60)
【復習】
・ Chapter08をWordにまとめる(60) |
|
| 11 | CSSの基礎③
(1) 背景に画像を指定， (2) カスケード順序
(3) 背景画像の繰り返し，
(4) ページ全体の中央配置，
(5) ページに固有のスタイルを適用 | 【予習】 教科書 pp.174-188
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 12 | CSSの基礎④
(1) フロート， (2) テーブルの整形，
(3) ２コラムレイアウト | 【予習】 教科書 pp.189-206
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 13 | CSSの基礎⑤
(1) フォームの基礎知識， (2) フォームの領域
(3) 便利な機能 | 【予習】 教科書 pp.207-232
・ 教科書の内容を事前に把握(60)
【復習】
・ 練習および課題を行う(60) |
|
| 14 | CSSの基礎⑤
(1) モバイル端末に対応する，
(2) Webサイトの公開手順
作品２制作 | 【予習】 教科書 pp.233-272
・ 教科書の内容を事前に把握(60)
【復習】
・ 作品２制作(60) |
|
| 15 | まとめ・作品２発表 | 【予習】
・ 作品２の完成，発表資料作成(120)
【復習】
・ 試験対策としてこれまでの学習内容の確認(120) |
|