2級学科オリジナル演習問題

【ウェブデザイン技能検定】令和5年度第3回2級学科試験対策オリジナル演習問題

2級学科オリジナル演習問題の他の回はこちらより

【ウェブデザイン技能検定】2級学科試験対策オリジナル演習問題一覧

続きを見る

 

ウェブデザイン技能検定2級の対策オリジナル演習問題（全40問）となっています。本演習問題は、該当回に対応できるように作成しています。

過去問はウェブデザイン技能検定の公式HPより取得できます。

 

正誤判定⚪︎×問題：第1問～第15問

第1問

HTTPステータスコードの分類において、400番台はサーバ側で発生したエラーを表す。

第2問

IPアドレスは、ネットワーク層で通信相手を識別するための番号であり、MACアドレス（物理アドレス）と同じものである。

第3問

HTMLでは、p 要素の終了タグは条件によって省略が認められている。

第4問

ロゴに含まれる装飾文字は、アクセシビリティ基準のコントラスト要件の対象外となる場合がある。

第5問

img 要素を picture 要素の中で使用する場合、画像の代替テキストは img 要素の alt属性 に指定する。

第6問

HTMLの cite 要素は、書籍や映画などの作品名ではなく、その作者名を示すための要素である。

第7問

WHATWGとは、「World Hypertext Architecture Tool Working Group」の略称である。

第8問

ユーザビリティ調査で行われる比較検証の一種として、複数パターンを数値的に比較する方法を A/B テストという。

第9問

HTMLの canvas 要素は、ピクセル単位で描画を行うラスタグラフィックス（ビットマップ形式）を扱うための仕組みである。

第10問

HTMLでは、属性値を記述する際には常に二重引用符または一重引用符（" または '）で囲まなければならない。

第11問

script 要素は、HTML文書では head 要素内だけでなく body 要素内にも配置できる。

第12問

PHPにおいて、print は言語構造として定義されている。

第13問

Apacheの設定において、.htaccessで指定できる内容は、httpd.confでも設定できる。

第14問

リセットCSSとは、リセットCSSとは、ユーザーの操作に応じてウェブページの表示を動的に変更・制御することを目的としたスタイルシートである。

第15問

個人情報保護法における「個人情報取扱事業者」の定義には、取り扱う個人情報の件数が5,000人分以下の小規模な事業者は含まれない。   

 

四者択一：第16問～第40問

第16問

16進数カラーコード #00CCFF に最も近い色を選びなさい。

  1. 赤系
  2. 黄系
  3. 水色系
  4. 黒系

第17問

ウェブコンテンツやWebアプリケーションのアクセシビリティを向上させるために利用される技術仕様として最も適切なものを選びなさい。

  1. WCAG
  2. WAI-ARIA
  3. DOM Level 3
  4. SVG 2.0

第18問

次のCSSを適用した場合、div要素の枠線の色は何色になるか。

 CSS

div{

  color: blue;

  border-color: green;

  border:2px solid;

}
  1. 青
  2. 緑
  3. 黒
  4. 枠線は表示されない

第19問

SVG の円を描画する際、中心座標を指定する属性として適切な組み合わせを選びなさい。

  1. left / top
  2. cx / cy
  3. width / height
  4. pos-x / pos-y

第20問

次のCSSでは、子要素にwidth:100%;と太い枠線を指定したため、親要素からはみ出してしまった。枠線を含めた幅を100%として表示するために指定するCSSとして最も適切なものを選びなさい。

  1. box-sizing: content-box;
  2. box-sizing: border-box;
  3. display: border-box;
  4. overflow: border-box;

第21問

HTMLの legend 要素は、どの要素のキャプション（見出し）として使用されるか。

  1. table
  2. figure
  3. fieldset
  4. details

第22問

次のJavaScriptを実行した結果として正しいものを選びなさい。

 JavaScript

const data = ["red", "green", "blue", "yellow"];

console.log(data.length);
  1. 0
  2. 3
  3. 4
  4. 5

第23問

JIS X 8341-3（ウェブアクセシビリティ）のガイドライン1.2「時間依存メディア」において、「時間依存メディアには A を提供する。」のAに入る語句として最も適切なものを選びなさい。

  1. 字幕
  2. 音量調整
  3. 音声ファイル
  4. 代替コンテンツ

第24問

ディスプレイを使用する作業環境として、適切ではないものを1つ選びなさい。

  1. 画面までの距離をおおむね40cm以上確保する。
  2. ディスプレイの上端を目線より大きく上になる位置に固定する。
  3. 画面の明るさや角度を作業しやすい状態に調整する。
  4. キーボードと画面との視線移動が極端にならないよう配置する。

第25問

次のPHPコードを実行した場合、出力される値として適切なものを1つ選びなさい。

 HTML

<?php

for($i = 0; $i < 4; $i++){

    for($j = 0; $j < 2; $j++){ $data[$i][$j] = $i + $j;}

}

echo $data[3][1];

?>
  1. 3
  2. 4
  3. 5
  4. 6

第26問

SEO（Search Engine Optimization）の説明として、最も適切なものを1つ選びなさい。

  1. 検索エンジンで自社サイトが見つかりやすくなるよう改善する施策
  2. 検索エンジンにページを表示させないよう設定する施策
  3. SNSで広告を配信して閲覧数を増やす施策
  4. 他社サイトへのリンク数を強制的に増やす施策

第27問

HTMLで、内容の重要性や強い意味を示すために用いる要素として最も適切なものを1つ選びなさい。

  1. em
  2. mark
  3. strong
  4. small

第28問

次のHTMLについて、最も適切な説明を1つ選びなさい。

 HTML
<video controls autoplay muted poster="sample.jpg">

<source src="movie.mp4">

</video>
  1. 自動再生は設定されていない。
  2. 音声付きで自動再生される。
  3. 読み込み完了まで何も表示されない。
  4. 利用者は再生・停止などの操作を行える。

第29問

meta要素で使用する属性ではないものを1つ選びなさい。

  1. charset
  2. name
  3. http-equiv
  4. action

第30問

IDやパスワードを不正に取得・保管・提供する行為などを規制する法律として最も適切なものを選びなさい。

  1. 個人情報保護法
  2. 不正アクセス禁止法
  3. 電気通信事業法
  4. サイバーセキュリティ基本法

第31問

次のPHPコードでは、配列の全要素を順番に表示したい。Aに入る記述として最も適切なものを選びなさい。

 PHP

<?php

$fruit = array(“strawberry", "orange", "grape");

for($i = 0; A ; $i++){ echo $fruit[$i] . "<br>";}

?>
  1. $i <= count($fruit)
  2. $i < sizeof
  3. $i < count($fruit)
  4. $i > count($fruit)

第32問

次のうち、著作権（財産権）に含まれる権利を1つ選びなさい。

  1. 商標権
  2. 特許権
  3. 公衆送信権
  4. 肖像権

第33問

abbr要素が表すものとして最も適切なものを1つ選びなさい。

  1. 略語や頭字語
  2. 広告
  3. 引用文
  4. 改行可能位置

第34問

JIS X 8341-3の達成基準1.4.4では、「キャプション及び文字画像を除き、Aは、コンテンツ又は機能を損なうことなく、支援技術なしで200％まで拡大できる」とされている。Aに入る語句として最も適切なものを選びなさい。

  1. 非テキストコンテンツ
  2. テキスト
  3. 入力フォーム
  4. 画像

第35問

バージョン管理システムについて、誤っているものを1つ選びなさい。

  1. 変更履歴を管理できる。
  2. ファイルの以前の状態へ戻せる。
  3. 集中型と分散型の方式が存在する。
  4. ソフトウェアやライブラリの依存関係を自動で管理することが主な目的である。

第36問

ウェブ制作におけるワイヤーフレームの役割として、最も適切な説明はどれか。

  1. 完成図としてクライアントに色や書体を提案するために作成する。
  2. ページ内の情報構成、レイアウト、優先順位を整理するために作成する。
  3. サーバのディレクトリ構造を視覚化するために作成する。
  4. プログラムの処理フローを記述するために作成する。

第37問

次のHTMLについて、最も適切な説明を1つ選びなさい。

 HTML

<picture>

  <source media="(min-width: 1200px)" srcset="landscape_large.jpg">

  <img src="landscape.jpg" alt="風景写真">

</picture>
  1. 表示領域が1200px以上なら landscape_large.jpg が表示され、それ以外では landscape.jpg が表示される。
  2. 表示領域が1200px未満なら landscape_large.jpg が表示される。
  3. landscape.jpg が常に表示される。
  4. 表示領域が1200px未満では代替テキストだけが表示される。

第38問

クロスサイトスクリプティング（XSS）への対策として最も適切なものを選びなさい。

  1. サニタイズ（無害化処理）を行う。
  2. Cookieを削除する。
  3. キャッシュを無効にする。
  4. パスワードを定期的に変更する。

第39問

次のうち、インタラクティブコンテンツに分類されるものを1つ選びなさい。

  1. controls 属性を指定した audio 要素
  2. controls 属性を指定していない audio 要素
  3. preload 属性だけを指定した audio 要素
  4. loop 属性だけを指定した audio 要素

第40問

直接の子要素として <li> 要素を配置できる要素を1つ選びなさい。

  1. <div>
  2. <section>
  3. <p>
  4. <menu>

 

2級学科オリジナル演習問題の他の回はこちらより

【ウェブデザイン技能検定】2級学科試験対策オリジナル演習問題一覧

続きを見る

-2級学科オリジナル演習問題