令和５年度
第３回

ウェブデザイン技能検定
2 級学科試験問題◇受検上の注意◇
1．試験会場では、技能検定委員の指示に従うこと。
2．他受検者の受検を妨害する行為はしてはならない。イヤフォンおよび携帯電話やスマートウォッチの使用を禁止する。
3．受検中に不正があった場合、また、技能検定委員に不正を指摘された場合、受検者は作業を中止して退場すること。
水分補給の為、閉栓可能な飲料は持ち込み可能であるが、その飲料などが原因で解答用紙等に汚損等が発生した場合のトラブルは自己責任となるため注意すること。
4．受検の際、机上には受検票、身分証明書類、筆記用具、閉栓可能な飲料のみ置くことができる。携帯電話やスマートウォッチなどの通信機器は机上には置かず、受検中は必ず電源を切っておくこと。携帯電話やスマートウォッチなどの通信機器を時計の代わりに利用することはできない。
5．計時は、技能検定委員に説明された時計を利用すること。受検の際には、30分経過、受検終了10分前に技能検定委員からアナウンスを行う。
6．受検中のトイレ、体調不良の際は必ず技能検定委員に申し出ること。所要時間については受検時間に含まれる。
7．試験開始より30分を超え、制限時間内に試験を終了した場合、技能検定委員に試験終了の意思表示を行い、試験会場より退出することができる。ただし、再入場は認めない。
8．退室は技能検定委員の指示に従うこと。
9．解答用紙を試験会場から持ち出した場合は、無効となり不合格とする。
10．試験問題は持ち帰ること。
11．その他、いかなる場合にも技能検定委員の指示に従って受検すること。

◇解答にあたっての注意◇
解答用紙の記入にあたり、次の指示に従うこと。指示に従わない場合には採点がされない場合があるので注意すること。
(1) 解答用紙はマークシート方式のため解答用紙に記された記入方法に従って記入すること。
(2) 問題用紙の「第 X 問」は解答用紙の「問 X」の欄にマークすること。
(3) 受検番号欄には、必ず受検票に記載されている学科用の受検番号を記入すること。
(4) 氏名欄には、必ず受検票に記載されている氏名を記入すること。
(5) 解答は濃度 HB 程度の鉛筆またはシャープペンシルを使用すること。解答を訂正する場合は消しゴムできれいに消し、消しくずを残さないようにすること。

◇学科試験 留意事項◇
1．Google Chrome、Mozilla Firefox、Microsoft Edge の最新安定版を指定ブラウザとする。
2．ハイパテキストマーク付け言語(HTML)については JIS X 4156:2000 (ISO/IEC15445:2000) および W3C(ワールドワイドウェブコンソーシアム)HTML4.01 以降を対象とし、拡張可能なハイパテキストマーク付け言語(XHTML)はW3C
XHTML 1.0 以降を対象とする。
3．段階スタイルシート(CSS)については JIS X4168:2004 およびW3C CSS 2.1 以降を対象とする。
4．HTMLについてはHTML Review Draft—Published 29 January 2020、CSS3 以降の各モジュールは 2023 年 4 月
1 日の時点でW3Cにおいて勧告されているものを推奨する(https://www.w3.org/Style/CSS/ 参照)。
5．問題文中に(X)HTMLファイルとある場合は、HTMLとXHTMLどちらを選んでもよい。また、HTML、XHTMLと明記し記述している場合はそれに従うこと。

ウェブデザイン技能検定学科試験

2級

1. 各設問において、正しいものは１を、間違っているものは 2 を、該当設問の解答欄に記せ。

第1問
picture 要素の代替テキストは、picture 要素の alt 属性に指定する。

第2問
p 要素の終了タグは省略することが可能である。

第3問
PHP において、print は関数である。

第4問
cite 要素は、作品の制作者の名前をマークアップする際に使用できる。

第5問
WHATWG とは、Web Hypertext Application Technology Working Group の略称である。

第6問
canvas 要素はラスタ形式（ビットマップ形式）で図形の描画を行う。

第7問
script 要素は head 要素内にしか記述できない。

第8問
ロゴの一部として組み込まれている文字のコントラストは、アクセシビリティの達成基準の要件から除外されている。

第9問
IP アドレスとは、ネットワーク上の情報機器を識別するために指定するデータリンク層の識別用の番号であり、物理アドレスとも呼ばれる。

第 10 問
リセット CSS とは、ウェブブラウザのデフォルトのスタイル設定を上書きし、ブラウザ間の表示や動作の差異を無くすためのスタイルシートのことである。

2ウェブデザイン技能検定学科試験

2級

第 11 問HTTP ステータスコードのうち、500 番台はサーバーエラーである。

第 12 問A/B テストとは、複数の案を比較して定量的に評価するテストである。

第 13 問事業活動により取得および利用している個人情報が 5,000 人以下の場合には、個人情報取扱事業者に該当しない。

第 14 問
htaccess で行える設定は全て httpd.conf で行うことができる。

第 15 問HTML の属性値は、必ず二重引用符または一重引用符で囲う必要がある。

2. 以下の設問に答えよ。
第 16 問次の HTML の説明として適切なものはどれか。以下より 1 つ選択しなさい。

HTML<picture><source media="(min-width: 1000px)" srcset="cat_large.jpg"><img src="cat.jpg" alt="猫の画像"></picture>

1. 表示エリアの幅が 1000 ピクセル以上では cat_large.jpg が表示され、それ以下の場合には cat.jpgが表示される。
2. 表示エリアの幅が 1000 ピクセル以下では cat_large.jpg が表示され、それ以上の場合には cat.jpgが表示される。
3. 表示エリアの幅が 1000 ピクセル以上では cat_large.jpg が表示され、それ以下の場合には代替テキス
トの "猫の画像" が文字で表示される。
4. cat.jpg 画像は常に表示される。

3ウェブデザイン技能検定学科試験

2級

第 17 問インタラクティブコンテンツに属する要素を以下より 1 つ選択しなさい。

1. controls 属性が指定されている video 要素
2. controls 属性が指定されていない video 要素
3. playsinline 属性が指定されている video 要素
4. playsinline 属性が指定されていない video 要素

第 18 問次の JavaScript コードが実行された際に出力されるものはどれか。以下より 1 つ選択しなさい。

JavaScript コード
var arr = ["1", "10", "100"];
console.log(arr.length);

1. 3
2. 6
3. 100
4. 111
第 19 問次の SVG コードで例のようなグレーの円形を描きたい。このとき、AとBに記述すべきプロパティの組み合わせはどれか。以下より 1 つ選択しなさい。

SVG コード例<svg xmlns="http://www.w3.org/2000/svg"><circleA= "50"
B="50" r="40" fill="gray" /></svg>

1. A : x/

B : y

2. A : cx/

B : cy3. A : ch/

B : cv

4. A : center-x/

B : center-y4ウェブデザイン技能検定学科試験

2級

第 20 問ディスプレイを用いた情報機器作業について不適切なものを以下より 1 つ選択しなさい。

1. おおむね 40cm 以上の視距離が確保できるようにする。
2. ディスプレイは、その画面の上端が眼の高さとほぼ同じか、やや上になる高さにすることが望ましい。
3. ディスプレイ画面とキーボードまたは視距離の差が極端に大きくなく、かつ、適切な視野範囲になるようにする。
4. ディスプレイは、作業者にとって好ましい位置、角度、明るさなどに調整することが望ましい。

第 21 問SEO 対策とは何か。最も適切なものを以下より 1 つ選択しなさい。

1. 検索結果で自社サイトを上位に表示させたり、より多く表示させるための施策
2. 検索サイトの検索結果に表示されないようにするための施策
3. ニュースサイトで自社サイトを取り上げてもらうための施策
4. 不正な書き込みや誹謗中傷の削除申請を行うための施策

第 22 問次の HTML の説明として最も適切なものを以下より 1 つ選択しなさい。尚、それぞれのリソースは適切に配置されているものとする。

HTML<video controls autoplay muted poster="cat_small.jpg"><source src="cat.mp4"></video>

1. ユーザによる一時停止ができる。
2. 自動再生の指定がされていない。
3. サウンドは自動再生される。
4. 動画のダウンロード中はなにも表示されない。

5ウェブデザイン技能検定学科試験

2級

第 23 問legend 要素は、どの要素の子要素として配置可能な要素か。以下より 1 つ選択しなさい。

1. figure
2. dialog
3. details
4. fieldset
第 24 問meta 要素に指定する属性ではないものはどれか。以下より 1 つ選択しなさい。

1. name
2. charset
3. script
4. http-equiv
第 25 問HTML において、緊急性のあるコンテンツをマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. b
2. h1
3. mark4. strong
第 26 問直接の子要素として li 要素を含むことができない要素はどれか。以下より 1 つ選択しなさい。

1. ol 要素
2. ul 要素
3. li 要素
4. menu 要素

6ウェブデザイン技能検定学科試験

2級

第 27 問次の CSS が指定された場合、ウェブブラウザ上で div 要素のボーダーは何色になるか。以下より 1 つ選択しな
さい。

CSS

div {
border-color: black;color: red;border: 3px solid;}

1. 黒
2. 赤
3. ボーダーは表示されない
4. ウェブブラウザによって結果は異なる

第 28 問abbr 要素は、それが何であることを示す要素か。最も適切なものを以下より 1 つ選択しなさい。

1. 広告
2. 略語
3. キーワード
4. 単語の途中で行を折り返してもよい位置

第 29 問「#ffcc00」はどのような色か。最も適切なものを以下より 1 つ選択しなさい。

1. 赤に近い色である
2. 青に近い色である
3. 黄色に近い色である
4. 緑に近い色である

7

ウェブデザイン技能検定学科試験

2級

第 30 問
次のような PHP コードがあり、変数$arr には文字列 apple, banana, kiwi が配列としておさめられている。変数$arr の値を図のように画面に表示するためにAに記すべきものはどれか。以下より 1 つ選択しなさい。

PHP コード

図<?php$arr = array("apple", "banana", "kiwi");for($i = 0;A; $i++) {echo($arr[$i] . "<br>");}?>

1. $i < $arr.number
2. $i < $arr.length
3. $i < count($arr)
4. $i > count($arr)
第 31 問次の PHP コードを実行した場合、出力されるものを以下より 1 つ選択しなさい。

PHP コード<?php
for($i=0; $i<3; $i++){for($j=0; $j<3; $j++){$array[$i][$j] = $i*$j;}}
print $array[2][2];
?>

1. 0
2. 1
3. 2
4. 48ウェブデザイン技能検定学科試験

2級

第 32 問次の HTML のように div 要素が入れ子になっている。子要素には次の style 要素のように「width: 100%;」を指定したところ、border の太さを 10px にしたことが原因で例 1 のように親要素のボックスをはみ出してしまった。このとき、例 2 のように親要素のボックス内に収めるため、style 要素内に加えるべき CSS の記述として最も適切なものはどれか。以下より 1 つ選択しなさい。

HTML<div class="container"><div class="box"></div></div>

style 要素.box {
width: 100%;height: 70px;
border: 10px solid #696969;}

1.

box-sizing: content-box;

2.

box-sizing: border-box;

3.

box-align: border-inset;

4.

box-align: border-inside;

第 33 問次に示したのは、ウェブコンテンツ JIS(JIS X 8341-3) のガイドライン 1.2 である。
して適切なものを、以下より 1 つ選択しなさい。

1.2

時間依存メディアのガイドライン
A

時間依存メディアには

1. 字幕
2. キャプション
3. 音声トラック
4. 代替コンテンツ9を提供する。

Aにあてはまる語句とウェブデザイン技能検定

学科試験

2級

第 34 問
著作権に含まれる権利の種類ではないものはどれか。以下より 1 つ選択しなさい。

1. 頒布権
2. 複製権
3. 商標権4. 公衆送信権第 35 問
バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。
1. 変更内容の差分を表示できる。
2. ソフトウェアやライブラリの依存関係を解決できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. 変更を加えたファイルを過去のある時点の状態に復元することができる。

第 36 問ウェブコンテンツやアプリケーションのアクセシビリティおよび相互運用性を向上させるためのフレームワークを提供する技術仕様はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. Live Region
2. Landmark
3. WAI-ARIA
4. Web Accessibility Initiative
第 37 問情報機器やサービスにアクセスする際に使用する ID やパスワード等の不正取得・保管行為を禁止する法律はどれか。以下より 1 つ選択しなさい。

1. サイバーセキュリティ基本法
2. 不正アクセス禁止法
3. 個人情報保護法
4. 電気通信事業法10ウェブデザイン技能検定学科試験

2級

第 38 問クロスサイトスプリプティング（XSS）対策手法として、最も適切なものを以下より 1 つ選択しなさい。

1. サニタイジング
2. エコーバック
3. サイズチェック
4. キャッシュポイズニング

第 39 問ウェブデザインにおけるワイヤーフレームに関する説明として、最も適切なものを以下より 1 つ選択しなさい。

1. 詳細なサイトマップに存在するすべてのページに対して作成する。
2. 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
3. スクリーンサイズによって出す情報量は変化が無いので１つのサイズだけ検討すれば良い。
4. 主にナビゲーション、情報のグループ化、順序、優先度の検討に利用する。

第 40 問次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.4 である。

Aにあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。

1.4.4

Aのサイズ変更の達成基準

キャプション及び文字画像を除き、Aは、コンテンツ又は機能を損なうことなく、支援技術なしで 200%までサイズ変更できる(レベル AA)。

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

マークシートに記載した氏名・受検番号を再度確認してください。学科試験と実技試験の受検番号は異なります。必ず学科用の受検番号を記入・マークしてください。間違いがある場合、採点されません。

◇免責事項◇
本検定試験において記載されている会社名、製品名は、それぞれの会社の商標もしくは登録商標である。設問内ではⓇ、TM マークを明記しない。

11令和 5 年度

第3回

（11 月 26 日実施）

ウェブデザイン技能検定

2級

学科試験解答厚生労働大臣指定試験機関

特定非営利活動法人

インターネットスキル認定普及協会

問題番号

解答

問題番号

解答

問題番号

解答

問題番号

解答

第1問

2

第 11 問1

第 21 問1

第 31 問

4

第2問

1

第 12 問1

第 22 問1

第 32 問

2第3問

2

第 13 問2

第 23 問4

第 33 問

4第4問

2

第 14 問1

第 24 問3

第 34 問

3

第5問

1

第 15 問2

第 25 問4第 35 問

2

第6問

1

第 16 問1

第 26 問3

第 36 問

3第7問

2

第 17 問1

第 27 問2

第 37 問

2第8問

1

第 18 問1

第 28 問2

第 38 問

1

第9問

2

第 19 問2

第 29 問3

第 39 問4

第 10 問1

第 20 問2

第 30 問3

第 40 問2※ 本解答についてのお問い合わせにはお答えできません。