» 問題1に進む «

## 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

» 問題1に進む «