ウェブデザイン技能検定試験３級

【実技試験科目及びその範囲】

ウェブサイト構築

 ウェブサイトデザイン

ウェブサイト構築に関するデザイン作業が出来ること
  • ウェブサイトデザイン
    • ハイパテキストマーク付け言語(HTML)、拡張可能なハイパテキストマーク付け言語(XHTML)、スタイルシート(CSS)によるコーディング
      <h1></h1>,<h2></h2>,<p></p>,<ul><li></li></ul>,<ol><li></li></ol>
      <link rel="stylesheet" href="style.css">
    • 画像の利用
      <img src="../img/magnifying_glass.png" alt="検索">
      虫眼鏡のアイコン画像でも、検索のテキスト入力欄に使用するために説明文は、「検索」にする。

      (例*)

      画像には、代替テキストを入れましょう

      芝生を駆け回る柴犬の写真
      <img src="../img/dog.png" alt="芝生を駆け回る柴犬の写真">
<!-- 画像が表示されない場合、非常に有用ですから、より具体的な説明文。 -->
    • マルチメディアデータの利用
      <audio src="../mp3/audio.mp3" controls loop><p>HTML5 Audioに対応したブラウザをご利用ください</p></audio>
      <video poster="../img/video.jpg" controls autoplay muted controls width="99.9999%"><source src="../mp4/video.mp4" type="video/mp4"><p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p></video>
    • ページデザイン・レイアウト
      margin: 20px auto 50px;
      color: #000000 /* blak */ ;
      color: #ffffff /* white */ ;
      color: #ff0000 /* red */ ;
      color: #00ff00 /* lime */ ;
      color: #0000ff /* blue */ ;
    • アクセシビリティ
      パンくずリストで、サイト内での現在位置を確かめ、どのように今のページに到着したのかを知ることができます。
      <ul class="list-inline">
<li class="list-inline-item"><a href="#">HOME</a></li>
<li class="list-inline-item"><a href="#">リンク</a></li>
<li class="list-inline-item"><a href="#">サイトマップ</a></li></ul>

 ウェブサイト運用管理

ウェブサイト運用・管理に関する作業が出来ること
  • ウェブサイト運用管理
    • 更新、管理
      ＜試験用 PC＞

      試験では以下のPC環境

      • 文字コードはUTF-8
      • Windows 8.1 以降のOS
      • キーボードおよびマウスの操作
      ＜アプリケーション＞

      試験では以下のテキストエディタがインストールされている

      ＜ブラウザ＞

      試験では以下を指定ブラウザとする

      • Microsoft社 Microsoft Edge 最新安定版
      • Mozilla Foundation Mozilla Firefox 最新安定版
      • Google Google Chrome 最新安定版
      • ※Internet Explorerは使用可能だが非推奨とする。

試験要項(R04_3)

実技実技試験概要(PDF)

更新日：

令和4年度第3回は、
2022-11-27(日)試験のため、
しばらくお待ち下さい。

３級ウェブデザイン技能検定実技試験は次のとおり実施します。

【出題形式】：課題選択方式

【合格基準】：70点以上（100点満点）

  1. 作業A

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    指示されるディレクトリ構造を示す図に従い、HTML ファイル、CSS ファイル、および画像などのソースファイルを適切に配置すること。またその構造に適応するよう、各ファイルの記述内容を修正し、更新すること。
    作業のポイント
    <!-- コメント：修正コード記載 -->


    /* コメント：修正コード記載 */

  2. 作業B

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    指定されるエリアにあるグローバルナビゲーションに対して、対応した各ページへのリンクを設定すること。併せて HTML ファイルの内容を指示のとおりに修正し、更新すること。
    作業のポイント
    <!-- コメント：修正コード記載 -->

  3. 作業C

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    指定されたコンテンツのブロックレベル要素を指示されたレイアウトになるよう、CSS ファイルを修正し、更新すること。
    作業のポイント
    /* コメント：修正コード記載 */

  4. 作業D

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    指示される要素に関連する背景色と文字色について、CSS ファイルを修正し、更新すること。
    作業のポイント
    /* コメント：修正コード記載 */

  5. 作業E

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    与えられる画像と同じブラウジング結果となるよう、HTML ファイルの body 要素、div 要素に対応する CSS ファイルの記述を修正し、更新すること。
    作業のポイント
    /* コメント：修正コード記載 */

  6. 作業F

    ウェブサイトデザイン
    HTML・XHTML・CSSによるコーディング、画像の利用
    ウェブサイト運用管理
    更新･管理
    作業の概要
    HTML ファイルのコンテンツエリア内の記述を削除し、与えられる文章に対し h1 要素、h2 要素、p 要素、ol要素、ul 要素のすべてをもれなく使用し構造化を行い、更新すること。
    作業のポイント
    <!-- コメント：修正コード記載 -->

学科試験要項(学科・実技共通)(PDF)

更新日：

令和4年度第3回は、
2022-11-27(日)試験のため、
しばらくお待ち下さい。

３級ウェブデザイン技能検定学科試験は次のとおり実施します。

【出題形式】：筆記試験（マーク方式）・「多肢選択法」「真偽法」形式

【合格基準】：70点以上（100点満点）

  1. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  2. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  3. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  4. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  5. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  6. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  7. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  8. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  9. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  10. Ｑ&Ａ答え：１２

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  11. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  12. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  13. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  14. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  15. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  16. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  17. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  18. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  19. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  20. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  21. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  22. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  23. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  24. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文

  25. Ｑ&Ａ答え：１２３４

    答え探し [ウィキペディア参照]

    重要

    見出し１
    説明文
    見出し２
    説明文
    見出し３
    説明文
Δ

R04_4-3級_復習→

Nu Html Checker