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

» 問題1に進む «

Webサイトの概要・仕様

以下の「テーマ」「ページ構成」「フォルダーおよびファイル構成」「仕様」に従い、Webサイトを完成させなさい。

テーマ

  • 「HAPPINESS FITNESS CLUB」を紹介するWebサイトである。
  • トップページには、イメージとお知らせを掲載する。
  • 「施設のご案内」ページでは、施設に関する案内文と施設のイメージ画像を掲載する。
  • 「料金プラン」ページでは、会員制の料金プランを一覧表で掲載する。
  • 「ご意見・ご要望」ページでは、施設に関するご意見・ご要望を承るフォームを設置する。

ページ構成

下図の通りのページ構成とし、トップページと各ページは相互にリンクさせること。

フォルダーおよびファイル構成

  • 「site」フォルダー内に必要なファイルを作成・修正し、Webサイトを完成させること。
  • 問題で使用する画像ファイルは、「images」フォルダー内のファイルを使用すること。
  • 問題で使用するCSSファイルは、「css」フォルダー内のファイルを使用すること。
  • 「material」フォルダーには、「start.html」に関連するファイルが格納されている。関連するファイルの閲覧は「start.html」からWebブラウザーで開き、確認すること。
  • 「実技用」フォルダー
    • start.html
    • 「material」フォルダー
    • 「site」フォルダー
      • fee.html ★新規作成
      • index.html
      • info.html ★新規作成
      • opinion.html ★新規作成
      • 「css」フォルダー
        • common.css
        • style.css
      • 「images」フォルダー
        • bg_footer.png
        • bg_header.png
        • bnr_info.png
        • bnr_opinion.png
        • graphic.jpg
        • h1.png
        • h2.png
        • logo.png
        • nav1.png
        • nav2.png
        • nav3.png
        • pic.jpg

仕様

以下の仕様で記述すること。

  • マークアップ言語:HTML5
  • スタイルシート:CSS 2.1およびCSS3
  • 文字コード:UTF-8(BOM付推奨)
  • 改行コード:CR+LF

» 問題1に進む «