Webサイトの概要・仕様
以下の「テーマ」「ページ構成」「フォルダーおよびファイル構成」「仕様」に従い、Webサイトを完成させなさい。
テーマ
- 結婚式場「HOTEL IMPERIAL RESORT TOKYO」のWebサイトである。
- トップページには、スライドショーとお知らせを掲載する。
- 「結婚式場のコンセプト」ページでは、2つのコンセプトの紹介文を掲載する。
- 「プランのご案内」ページでは、標準的なプランを一覧表で掲載する。
- 「ブライダルフェア」ページでは、結婚式場の様子をサムネイルと紹介文とのセットで掲載する。
- 「お問い合わせ」ページでは、結婚式場に関するお問い合わせフォームを設置する。
ページ構成
下図の通りのページ構成とし、トップページと各ページは相互にリンクさせること。
フォルダーおよびファイル構成
- 「site」フォルダー内に必要なファイルを作成・修正し、Webサイトを完成させること。
- 問題で使用する画像ファイルは、「images」フォルダー内のファイルを使用すること。
- 問題で使用するCSSファイルは、「css」フォルダー内のファイルを使用すること。
- 問題で使用するJavaScriptファイルは、「js」フォルダー内のファイルを使用すること。
- 「material」フォルダーには、「start.html」に関連するファイルが格納されている。関連するファイルの閲覧は「start.html」からWebブラウザーで開き、確認すること。
- 「実技用」フォルダー
- start.html
- 「material」フォルダー
- 「site」フォルダー
- base.html
- concept.html ★新規作成
- contact.html ★新規作成
- fair.html ★新規作成
- index.html ★新規作成
- plan.html ★新規作成
- 「css」フォルダー
- common.css
- responsive.css
- style.css
- 「js」フォルダー
- slideshow.js
- 「images」フォルダー
- bg_arrow.png
- bg_footer.png
- bg_h1_bottom.png
- bg_h1_head.png
- bg_h2_bottom.png
- bg_h2_head.png
- bnr_contact.png
- bnr_contact_hover.png
- bnr_plan.jpg
- breadcrumb_arrow.png
- concept_photo1.jpg
- concept_photo2.jpg
- gallery_photo1.jpg
- gallery_photo2.jpg
- gallery_photo3.jpg
- gallery_photo4.jpg
- gallery_photo5.jpg
- gallery_photo6.jpg
- logo.png
- nav1.png
- nav2.png
- nav3.png
- nav4.png
- slide1.jpg
- slide2.jpg
- slide3.jpg
仕様
以下の仕様で記述すること。
- マークアップ言語：HTML5
- スタイルシート：CSS 2.1およびCSS3
- スクリプト：JavaScript
- 文字コード：UTF-8（BOM付推奨）
- 改行コード：CR+LF