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