Webサイトの概要・仕様
以下の「テーマ」「ページ構成」「フォルダーおよびファイル構成」「仕様」に従い、Webサイトを完成させなさい。
テーマ
- 「ウッソン美容室」を紹介するWebサイトである。
- トップページには、イメージ画像とニュースの案内文を掲載する。
- 「ウッソン美容室について」ページでは、紹介文とイメージ画像を掲載する。
- 「メニュー」ページでは、ヘアメニューを一覧表で掲載する。
- 「コンタクト」ページでは、ご予約やお問い合わせを受け付けるフォームを設置する。
ページ構成
下図の通りのページ構成とし、トップページと各ページは相互にリンクさせること。
フォルダーおよびファイル構成
- 「site」フォルダー内に必要なファイルを作成・修正し、Webサイトを完成させること。
- 問題で使用する画像ファイルは、「images」フォルダー内のファイルを使用すること。
- 問題で使用するCSSファイルは、「css」フォルダー内のファイルを使用すること。
- 「実技用」フォルダー
- start.html
- 「site」フォルダー
- menu.html ★新規作成
- index.html
- isson.html ★新規作成
- contact.html ★新規作成
- 「css」フォルダー
- common.css
- style.css
- 「images」フォルダー
- banner1.png
- banner2.png
- button_visit.png
- footer.png
- h1_right.gif
- h2_left.png
- header.png
- logo.png
- navigation1.png
- navigation2.png
- navigation3.png
- usson_image.jpg
- top_image.jpg
この問題は試験対策用にオリジナルで作成用意したものです。
Copyright 2017 MITSUYO NAKATA All rights reserved.
仕様
以下の仕様で記述すること。
- マークアップ言語:HTML5
- スタイルシート:CSS 2.1およびCSS3
- 文字コード:UTF-8(BOM付推奨)
- 改行コード:CR+LF