| 日付 | 内容 | |
| 第１回 | 4/16 | オリエンテーション・テキストエディタを用いたWEB作成基礎（1） HTMLとは。テキストエディタ「Mery」を用いてHTMLの基礎を学ぶ。 |
| 第２回 | 4/23 | テキストエディタを用いたWEB作成基礎（2） テキストエディタ「Mery」を用いてHTMLの基礎を学ぶ。ハイパーリンクと画像。 |
| 第３回 | 4/30 | Adobe DreamWeaverを用いたWEB作成基礎 WYSIWYGのHTMLエディタのAdobe DreamWeaverを利用すればテキストエディタでHTMLを書くよりも簡単で高機能であることを体感する。 |
| 第４回 | 5/7 | マルチメディアの基礎（１）WEBで使う静止画像（GIF、JPEG、PING、webpの特徴）。 WEBで使う静止画像の種類と特徴を学び、使い分けの基準を学習する。 ・画像エディタ「Adobe Photoshop」を使う。 ・Adobe Photoshop実習 |
| 第５回 | 5/14 | マルチメディアの基礎（２）「サウンド」「ビデオ」 |
| 第６回 | 5/21 | CSS（１）CSSとは何か？ セレクタを理解する。CSSはどこに書くか？、CSSの書き方の基本。 |
| 第７回 | 5/28 | CSS（2）属性とプロパティ ブロック要素とインライン要素。マージン、パディング。
完成サンプル 今回作成したHTML |
| 第８回 | 6/4 | CSS（3）テキストのスタイル テキストの色、フォントサイズの指定、行揃え、行の高さ。疑似セレクタ。 今回作成したHTML |
| 第９回 | 6/11 | CSS（4）背景のスタイル、画像のスタイル |
| 第１０回 | 6/18 | CSS（5）レイアウトを作る メインコンテンツのコーディング：画像付きリスト |
| 第１１回 | 6/25 | テンプレートの活用：2ページ目以降の作成とテーブルの使用 サンプル店舗情報「サイトトップページ」をWeb公開フォルダに保存 |
| 第１２回 | 7/2 | Javascript、Ajaxを使って機能を追加する Javascriptとは。Ajaxを使うと何が出来るか。 |
| 第１３回 | 7/9 | マルチメディアを活用したWEBページ創作（1） 課題概要 |
| 第１４回 | 7/16 | マルチメディアを活用したWEBページ創作（2） |
| 第１５回 | 7/23 | マルチメディアを活用したWEBページ創作（3） |
