制作課題
仮想企業が題材となります。オンデマンド教材で学んだ知識を元に、ポイントを12回に細分化して、Web標準に準拠したコーディング作業を実際に行っていただきます。それぞれの課題に沿って記述していくことで、最終的に一つのWebサイトを完成させます。一つの企業サイトを元あるデザインから完成に導くため、より実践的な訓練となります。
高品質な仮想企業が題材
スポーツ・アンド・フィットネス・クラブ ジャポルト(Sports & Fitness Club Japort) という名称の、仮想企業を主要題材に講座を進めていきます。この仮想企業は、本講座の為に、プロのWebデザイン・チームがプロジェクト・チームを作り、仮想企業のWebサイト制作を試みました。 最先端のテクニック(Web標準やアクセスビリティ対応)に対応したWeb標準（XHTML+CSS）を主要題材として、オン・デマンド教材での学習を進めます。
制作課題/制作成果物 - 課題一覧
全12回に細分化した制作課題に取り組みます
| 1-1 | XHTML1.0の仕様に基づいたXHTMLの作成 |
|---|---|
| 1-2 | 原稿をXHTML1.0の仕様に基づき構造化する |
| 1-3 | 画像配置と外部CSSの作成 －テキスト／画像／ハイパーリンクの指定をCSSで |
| 1-4 | 見出しの設定 －背景画像を使った見出しをCSSで |
| 2-1 | レイアウト1 －基本的なレイアウトをCSSで（ヘッダー／コンテンツ／フッター） |
| 2-2 | レイアウト2 －トップページの基本的なレイアウトをCSSで |
| 2-3 | レイアウト3 －コンテンツページの基本的なレイアウトをCSSで |
| 2-4 | リストを使ったナビゲーション －ヘッダー／フッター |
| 2-5 | リストを使ったナビゲーション2 －グローバルナビゲーション／ローカルナビゲーション1 |
| 2-6 | リストを使ったナビゲーション2 －グローバルナビゲーション／ローカルナビゲーション2 |
| 3-1 | 見出しの設定／各コンテンツのレイアウト1 |
| 3-2 | 各コンテンツのレイアウト2 |
| 3-3 | 各コンテンツのレイアウト3 |
| 3-4 | ナビゲーションの仕組みを読み飛ばせるようにする／印刷用CSS |
