| コーディング＆ソフト |
| 1 |
Web標準とは？ |
標準に準拠した Webデザインとは？
（SEO、アクセシビリティ、ユーザビリティとは？） |
| 2 |
XHTML＋CSSデザイン |
「構造とデザインの分離」を XHTML＋CSSで！
（XHTMLで情報を、CSSでデザインを指定） |
| 3 |
ボックスの概要と設定 |
それぞれにボックスという領域をもつコンテンツ
（テキストや画像）の概要と設定 |
| 4 |
ボックスによるレイアウト設定 |
ボックスによるレイアウトの設定
（段組レイアウトやボーダー設定など） |
| 5 |
文字設定で見やすいレイアウト |
見出しや段落のマークアップ
文章の行間やサイズ設定で、見やすく効率よい管理 |
| 6 |
リストとナビゲーション（１） |
リストタグを使ってナビゲーションを設定
（縦型ナビゲーション、横型ナビゲーション） |
| 7 |
リストとナビゲーション（２） |
画像を使ってナビゲーションを設定
（画像を使ってデザインにバリエーションを･･･） |
| 8 |
データテーブルのデザイン |
データテーブルに CSSでデザイン設定
（背景色や余白などのデザイン部分を CSSで指定） |
| 9 |
入力フォームの作成 |
入力フォームに CSSでデザイン設定
（入力フォームのデザインをCSSで指定） |
| 10 |
XHTML＋CSSでページ作成 |
XHTML＋CSSで簡単なページを作成 |
| 11 |
Dreamweaverでページビルディング（１） |
Dreamweaver
（XHTMLでサイト構造を作成） |
| 12 |
Dreamweaverでページビルディング（２） |
Dreamweaver
（CSSでデザインの設定） |
