第１回
ウェブデザイン技能検定 2 級
学科試験問題
◇解答にあたっての注意◇
解答用紙の記入にあたり、次の指示に従うこと。指示に従わない場合には採点がされない場合があるので注意すること。
(1) 解答用紙はマークシート方式のため解答用紙に記された記入方法に従って記入すること。
(2) 問題用紙の「第X問」は解答用紙の「問X」の欄にマークすること。
(3) 受検番号欄には、必ず受検票に記載されている学科用の受検番号を記入すること。
(4) 氏名欄には、必ず受検票に記載されている氏名を記入すること。
(5) 解答は濃度HB程度の鉛筆またはシャープペンシルを使用すること。解答を訂正する場合は消しゴムできれいに 消し、消しくずを残さないようにすること。
◇受検上の注意◇
1．試験会場では、技能検定委員の指示に従うこと。
2．他受検者の受検を妨害する行為はしてはならない。イヤフォンおよび携帯電話やスマートウォッチの使用を禁止する。
3．受検中に不正があった場合、また、技能検定委員に不正を指摘された場合、受検者は作業を中止して退場すること。
水分補給の為、閉栓可能な飲料は持ち込み可能であるが、その飲料などが原因で解答用紙等に汚損等が発生した場合 のトラブルは自己責任となるため注意すること。
4．受検の際、机上には受検票、身分証明書類、筆記用具、閉栓可能な飲料のみ置くことができる。携帯電話やスマートウォ ッチなどの通信機器は机上には置かず、受検中は必ず電源を切っておくこと。携帯電話やスマートウォッチなどの通信機 器を時計の代わりに利用することはできない。
5．計時は、技能検定委員に説明された時計を利用すること。受検の際には、30分経過、受検終了10分前に技能検定委員 からアナウンスを行う。
6．受検中のトイレ、体調不良の際は必ず技能検定委員に申し出ること。所要時間については受検時間に含まれる。
7．試験開始より30分を超え、制限時間内に試験を終了した場合、技能検定委員に試験終了の意思表示を行い、試験会場 より退出することができる。ただし、再入場は認めない。
8．退室は技能検定委員の指示に従うこと。
9．解答用紙を試験会場から持ち出した場合は、無効となり不合格とする。
10．試験問題は持ち帰ること。
11．その他、いかなる場合にも技能検定委員の指示に従って受検すること。
◇学科試験 留意事項◇
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．HTML5についてはHTML Review Draft—Published 29 January 2020、CSS3の各モジュールは2021年4月1 日の時点でW3Cにおいて勧告されているものを推奨する(https://www.w3.org/Style/CSS/ 参照)。
5．問題文中に(X)HTMLファイルとある場合は、HTMLとXHTMLどちらを選んでもよい。また、HTML、XHTMLと明記し 記述している場合はそれに従うこと。
2
第1問
title要素が持つことのできる属性はグローバル属性のみである。
第2問
SSLサーバ証明書において、最も信頼性が高いのはドメイン認証である。
第3問
情報機器作業の健康影響が作業時間と拘束性に強く依存することを踏まえ、全社的に作業管理（特に作業時 間の管理等）の対策を優先的に行うことが望ましい。
第4問
HTTPステータスコードのうち、「503 Service Unavailable」はリソースへのアクセスが拒否されたことを示して いる。
第5問
2021年4月時点でW3C勧告となっているHTMLの最新バージョンでは、meta要素におけるcharset属性
の値に「Shift_JIS」を指定すると文法エラーになる。
第6問
アクティブではないユーザインタフェース部品の文字については、4.5:1 のコントラスト比がなくてもよい。
第7問
データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。
第8問
2021年4月時点でW3C勧告となっているHTMLの最新バージョンは、HTML 5.2 である。
第9問
ウェブ上で扱う動画のフレームレートは、60fps以上としなければならない。
第10問
DOM（Document Object Model）はJavaScript以外のプログラミング言語からも操作が可能である。
3 第11問
ウェブサイトやウェブページのアクセス数を計る指標の1つであるページビュー数は、通常、ユニークユーザ数よ り少ない。
第12問
画像のデータ形式には「ビットマップデータ」「ベクタデータ」という2種類が存在するが、そのうち、画像の拡大 処理をしてもジャギー（輪郭のギザギザ）が発生しない形式は「ビットマップデータ」である。
第13問
NAT（Network Address Translation）はIPパケット内のアドレスを変換する技術である。
第14問
「個人情報の保護に関する法律」では、基本理念としてプライバシー権を明文化している。
第15問
GIF形式は、ISO/IEC 15948として国際標準化されている。
第16問
先頭から3番目のli要素を適用対象とするCSSセレクタはどれか。以下より1つ選択しなさい。
1. li li li
2. li:third-child 3. li:nth-child(3) 4. li::after::after
第17問
CSS3における色のキーワード「transparent」の説明として正しいものはどれか。以下より1つ選択しなさい。
1. background-colorプロパティにのみ指定可能。
2. colorプロパティの値としては使用できない。
3. border関連プロパティの値としては使用できない。
4. 色を指定できるすべてのプロパティで使用できる。
2. 以下の設問に答えよ。
4
次のHTML文書において、テキスト入力ボックス等にフォーカスが当たった時に、そのボックスの周囲に赤い枠 線を表示させるために A 部分に記述すべきものはどれか。以下より 1つ選択しなさい。
HTML
1. form:focus 2. input:focus 3. text:focus 4. my_name:focus
第19問
グラフィック要素が、クリックやタッチなどのポインターイベントを受け取らないようにしたい。そのとき、CSSの
pointer-eventsプロパティの値として適切なものを、以下より1つ選択しなさい。
1. false 2. none 3. disabled 4. through
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
A {
outline: 2px #ff0000 solid;
}
</style>
</head>
<body>
<form method="post" action="">
<input type="text" name="my_name">
<input type="submit" value="送信">
<input type="reset" value="リセット">
</form>
</body>
</html>
5 第20問
W3Cが勧告している数式を表示するためのマークアップ言語を、以下より1つ選択しなさい。
1. MathML 2. LaTeX 3. Markdown 4. tgmath.h
第21問
インデックスカラーの説明として最も適切なものを、以下より1つ選択しなさい。
1. JPEG形式で利用できる色のこと
2. あらかじめ色番号を指定して定めた色のこと
3. ウェブページ内で使用されている色の数のこと
4. マンセルカラーシステムにおける色の順番のこと
第22問
直角二等辺三角形を描かせるSVGデータとして適切なものを以下より1つ選択しなさい。
1.
2.
3.
4.
<svg xmlns="http://www.w3.org/2000/svg">
<polygon fill="#FF0000" points="100, 0 0, 100 200, 100 "/>
</svg>
<svg>
<polygon fill="#FF0000" points="100, 0 0, 100 200, 100 "/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" fill="#FF0000" points="100, 0 0, 100 200, 100 "/>
</svg>
<svg xmlns="http://www.w3.org/2000/svg">
<triangle fill="#FF0000" points="100, 0 0, 100 200, 100 "/>
</svg>
6
alt属性を指定可能な要素はどれか。以下より1つ選択しなさい。
1. embed要素 2. input要素 3. object要素 4. picture要素
第24問
body要素にはimg要素(id属性値image)がある。この画像を次のJavaScriptコードでランダムに差し替えた
い。変数imagesは配列で、差し替える画像のパスが収められているものとする。 A に記述すべきコードを以
下より1つ選択しなさい。
script要素
1. src.image
2. attr('src', image) 3. attribute.src = image 4. setAttribute('src', image)
第25問
ol要素にCSSを適用し、子となるli要素のナンバリングを01、02、03のように、頭に0を加えた2桁表示にし たいとき、適した記述を以下より1つ選択しなさい。
1. list-style-type: decimal-leading-zero 2. list-decimal-digits: 2
3. list-decimal-style: padding-zero 4. list-style: decimal 2
const img = document.getElementById('image');
const image = images[Math.floor(Math.random() * images.length)];
img. A ;
7 第26問
SEOポイズニングの説明として適切なものを、以下より 1 つ選択しなさい。
1. ブログなどのコメント欄に、本文の内容とは関係のない広告を無差別に大量に投稿する手口のこと である。
2. 第三者のブログに記事とはまったく関係のない内容のトラックバックを送信し、自分のブログに利用 者を誘導することである。
3. 検索エンジンの検索結果で特定のウェブページの表示順位を上げるために、そのウェブページへ の不自然なリンクが大量に張られている状態を指す。
4. 検索エンジン最適化の手法を悪用して、不正プログラムを埋め込むなどの悪意のあるウェブサイト を検索結果の上位に表示し、そのウェブサイトに利用者を誘導する手口などを指す。
第27問
次のHTML文書におけるp要素の表示についての説明として適切なものはどれか。以下より1つ選択しなさ い。
HTML
1. 背景色は黄で、文字色は赤で表示される。
2. 背景色は青で、文字色は白で表示される。
3. 背景色も文字色も白で表示される。
4. 枠線は表示されない。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
main p {
color: red;
background-color: yellow;
border: 2px solid red;
} p {
color: white;
background-color: blue;
}
</style>
</head>
<body>
<main>
<p>ウェブデザイン技能検定は特定非営利活動法人インターネットスキル認定普及 協会が実施するものです。</p>
</main>
</body>
</html>
8
以下のCSSセレクタのうち、最も詳細度の高いものを1つ選択しなさい。
1. #a #b 2. body #a .b
3. html body #container .inner 4. body #a .b.c.d.e.f.g.h.i.j.k
第29問
JavaScript を用いてHTML文書内の3番目のp要素の文字列だけを青色で表示させたい。この時、適切な
コードはどれか。以下より1つ選択しなさい。
1.
2.
3.
4.
第30問
フレージングコンテンツに属さない要素を以下より1つ選択しなさい。
1. em要素 2. div要素 3. audio要素 4. img要素
document.addEventListener("DOMContentLoaded", function(){
document.querySelector("p")[1].style.color = "blue";
});
document.addEventListener("DOMContentLoaded", function(){
document.querySelector("p")[2].style.color = "blue";
});
document.addEventListener("DOMContentLoaded", function(){
document.querySelectorAll("p")[2].style.color = "blue";
});
document.addEventListener("DOMContentLoaded", function(){
document.querySelectorAll("p").2.style.color = "blue";
});
9 第31問
次の文章は、入力フォームの情報漏えい対策に関するものである。 A 及び B にあてはまる語 句の組合せとして適切なものを、以下より1つ選択しなさい。
ユーザが入力フォームに入力したデータをウェブサーバに送信する際、 A を使用すると入力した データがクエリ文字列として表示されて送られるため、情報が漏えいしてしまう可能性が高くなる。
入力したデータを表示させずに送るためには、 B を使用する。
1. A： POSTメソッド B： GETメソッド
2. A： GETメソッド B： POSTメソッド
3. A： PATCHメソッド B： PUTメソッド
4. A： PUTメソッド B： PATCHメソッド
第32問
次の文章は、ウェブコンテンツ JIS(JISX8341-3)の原則1である。 A にあてはまる語句として最も適切な ものを以下より1つ選択しなさい。
1 A 可能の原則
1. 表示 2. 視認 3. 判別 4. 知覚
第33問
ターゲットユーザになったつもりで評価対象のウェブサイトを操作することによって、様々な問題点を指摘する、
ユーザビリティの評価手法は何か。最も適切なものを以下より1つ選択しなさい。
1. ユーザビリティテスト
2. 認知的ウォークスルー
3. クラウドソーシング 4. ヒューリスティック評価
情報及びユーザインタフェース コンポーネントは、利用者が A できる 方法で利用者に提示可能でなければならない。
10
hgroup要素の要素名の先頭にある「h」は何をあらわしているか。以下より1つ選択しなさい。
1. handle
2. hinting 3. heading 4. highest rank
第35問
著作権に関する内容として誤っているものを、以下より1つ選択しなさい。
1. 無料でダウンロードできるフリーソフトは著作物に該当しないが、市販されているアプリケーションソフト は著作物に該当する。
2. 新聞や雑誌に掲載された時事問題に関する論説は、利用を禁ずる旨の表示がない限り、他の雑誌に 転載することができる。
3. インターネットサービスプロバイダ等のサーバ管理を業とする者は、サーバの障害発生時における復 旧を目的とする場合、そのサーバ内の著作物を含むデータをバックアップすることが認められる。
4. アイディア自体は著作物には該当しないが、アイディアを解説した解説書は著作物に該当する。
第36問
DNSレコードのうち、ドメイン名に対するIPv4アドレスを指定するためのものはどれか。以下より1つ選択しなさ い。
1. NS 2. MX 3. A 4. CNAME
第37問
HTMLで使用できない要素または属性はどれか。以下より1つ選択しなさい。
1. div要素 2. div属性 3. span要素 4. span属性
11 第38問
情報機器作業における眼精疲労の対策として不適切なものを以下より1つ選択しなさい。
1. 室内の明暗の対象をなるべく少なくし、まぶしさを生じさせないようにする。
2. ディスプレイ画面上の照度を500ルクス以下、書類やキーボード上の照度を300ルクス以上にする。
3. ディスプレイに太陽光などが入射する場合には、窓にカーテン・ブラインドを設置する。
4. ディスプレイ画面の明るさ、書類及びキーボード面における明るさと周辺の明るさの差はなるべく大きくする。
第39問
PHPでJSONを返すためのヘッダを付与するコードを以下より1つ選択しなさい。
1. head('content-type: text/json');
2. head('content-type: application/json');
3. header('content-type: text/json');
4. header('content-type: application/json');
第40問
placeholder属性に関する説明として、不適切なものを以下より1つ選択しなさい。
1. input要素に指定できる。
2. textarea要素に指定できる。
3. 値はテキスト入力欄の内部に表示される。
4. 表示領域が狭い環境においては、label要素の代わりに使用することが推奨されている。
※注意 マークシートに記載した氏名・受検番号を再度確認してください。学科試験と実技試験の受検番号は異なり ます。必ず学科用の受検番号を記入・マークしてください。間違いがある場合、採点されません。
◇免責事項◇
本検定試験において記載されている会社名、製品名は、それぞれの会社の商標もしくは登録商標である。設問内ではⓇ、TMマーク を明記しない。
厚生労働大臣指定試験機関 特定非営利活動法人 インターネットスキル認定普及協会
問題番号 解答 問題番号 解答 問題番号 解答 問題番号 解答
第 1 問 1 第 11 問 2 第 21 問 2 第 31 問 2
第 2 問 2 第 12 問 2 第 22 問 1 第 32 問 4
第 3 問 1 第 13 問 1 第 23 問 2 第 33 問 2
第 4 問 2 第 14 問 2 第 24 問 4 第 34 問 3
第 5 問 1 第 15 問 2 第 25 問 1 第 35 問 1
第 6 問 1 第 16 問 3 第 26 問 4 第 36 問 3
第 7 問 1 第 17 問 4 第 27 問 1 第 37 問 2
第 8 問 2 第 18 問 2 第 28 問 1 第 38 問 4
第 9 問 2 第 19 問 2 第 29 問 3 第 39 問 4
第 10 問 1 第 20 問 1 第 30 問 2 第 40 問 4
※ 本解答についてのお問い合わせにはお答えできません。
