Webクリエイター能力認定試験 スタンダード
模擬問題3(HTML5)実技問題

» 問題1に進む «

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

» 問題1に進む «