ウェブデザイン技能検定2級 H30年度 第2回学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
VDT 作業に従事する者の心身の負担を軽減するためには、事業者が作業環境をできる限り VDT 作業に適し た状況に整備するとともに、VDT 作業が過度に長時間にわたり行われることのないように適正な作業管理を行うこ とが重要である。
解答
1.正しい
HTML 5.2 では、dl 要素の内部に div 要素を配置することができる。
解答
1.正しい
SQLite はスマートフォン専用のリレーショナルデータベース管理システムである。
アクティブではないユーザインタフェース部品の文字については、4.5:1 のコントラスト比がなくてもよい。
解答
1.正しい
解答
1.正しい
先頭を大文字にするキャメルケースです。先頭を小文字にする書き方は「lower camel case」です。なおキャメルケースとは単語の先頭を大文字にしてつなげる表記方法です。
同じ画像であっても、その画像の用途や役割によって、指定すべき代替テキストの内容は変化することがある。
解答
1.正しい
解答
1.正しい
HTTP 通信において、GET は HTTP メッセージヘッダの第 2 行目に記される。
解答
2.間違い
HTTP メッセージヘッダの第 1 行目に記されます。第 2 行目にはHOST名が記されます。
ウェブサーバなどの処理能力を向上させるため、CPU のスペックを上位のものに交換したり、メモリを増設するこ とをスケールアウトと呼ぶ。
解答
2.間違い
スケールアップです。スケールアウトとはシステムを構成するサーバーの台数を増やすことで、システムの処理能力を高めることです。
解答
1.正しい
HTML ドキュメント内で PHP コードを扱う場合、「<!-- 」と「 -->」の 2 つのタグで囲む必要がある。
IPv4 の IP アドレスは 32bit である。
解答
1.正しい
SFTP と SSH で使用するポート番号は同じである。
2018 年 4 月現在、HTML 4.01 は W3C 勧告の中でも「W3C Superseded Recommendation」に分類され、 HTML5 に取って代わられた古いバージョンの仕様として位置付けられている。
解答
1.正しい
ここからは4択の問題となります。
解答
3
1は見出しタグの総称？、2は通常の文章とは少し性質の異なる部分、4は特定の用途をもたない汎用的な範囲を表します。
解答
2
WAI-ARIA は Web Accessibility Initiative - Accessible Rich Internet Applications の略です。1はWAI-ARIAで目印のために用いられる。3はWAI-ARIAで動的に更新されるコンテンツに対して、スクリーンリーダーなどの支援技術を使っているユーザーもその更新を把握できるように用いられる。4は標準のブラウザだけでなく様々なユーザーエージェントを用いてWorld Wide Webにアクセスする人々のためにウェブアクセシビリティを向上することを目的としている団体のこと。
次に示したのは、ウェブコンテンツ JIS（JISX8341-3）の達成基準 1.3.2 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
1.3.2 意味のある A の達成基準
コンテンツが提示されている A が意味に影響を及ぼす場合には、正しく読む A は プログラムによる解釈が可能である。
1. 構造的領域
2. グリッド位置
3. 方向
4. 順序
解答
4
JavaScript でエラーになるものはどれか。以下より 1 つ選択しなさい。
1.
a = 1;
a = 2;
2.
const a = 1;
a = 2;
3.
let a = 1;
a = 2;
4.
var a = 1;
a = 2;
解答
2
const に値の代入はできません。
jQuery を用いた次のコードを、querySelector を用いて記述したものはどれか。以下より 1 つ選択しなさい。
コード
var obj = $('.button');
1.var obj = document.querySelector('.button');
2.var obj = document.querySelectorAll('button');
3.var obj = document.querySelectorAll('.button');
4.var obj = document.querySelector('button');
解答
3
querySelector() は最初に合致したHTML要素を取得するため間違いとなります。
画像処理におけるモスキートノイズの説明として、適切なものを以下より 1 つ選択しなさい。
1. 主に画像の輪郭部分に発生するノイズのこと
2. 主に画像の中央部に発生するノイズのこと
3. 左右対称の画像を圧縮した場合の左右の違いのこと
4. 異なる２つの画像を圧縮した際に同一の画像になること
解答
1
他はなんのことやら分かりません…。
HTML5 において不適切な img 要素の記述はどれか。以下より 1 つ選択しなさい。
HTML ドキュメントの button 要素（id 属性"button"）に、次のような JavaScript コードで onclick イベントハン ドラを定めた。このボタンをクリックしたときの動きとして最も適切な説明はどれか。以下より１つ選択しなさい。
<body>要素
<button class="button">click me</button>
<script>
const button = document.getElementById('button');
button.onclick = (event) => alert('first');
button.onclick = (event) => alert('second');
</script>
1. ダイアログは開かずにエラーになる。
2. 「second」の警告ダイアログだけが開く。
3. 「first」の警告ダイアログだけが開く。
4. 「first」の警告ダイアログが開いて、閉じると「second」の警告ダイアログが開く。
解答
2
同一のイベントに後から登録すると、先の登録が上書きされます。
PHP で次のコードを実行した結果はどれか。以下より 1 つ選択しなさい。
<?php namespace Web¥Design; function json_encode($val, $id){ $val['id'] = $id; return ¥json_encode($val); } $data = array('web'=> 'design'); print json_encode($data, 1); ?>
1. {"web":"design","id":1}
2. {"web":"design"}
3. {"Web¥Design","id":1}
4. {"Web¥Design"}
MIME タイプの説明として適切なものを、以下より 1 つ選択しなさい。
解答
2
DNS において、名前に対応する IP アドレスを記述するレコードはどれか。以下より 1 つ選択しなさい。
1. A レコード
2. CNAME レコード
3. NS レコード
4. MX レコード
「特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より 1 つ選択しなさ い。
1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止され ている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。
2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表 示するための方法を表示しなくてはならない。
3. 電子メールアドレスまたはURL等は電子メール広告の本文に記載しなくてはならず、かつ消費者が 容易に認識できるように表示しなくてはならない。
4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電 子メール広告を最後に送った日から３年間保存しておかなくてはならない。
解答
1
2はオプトイン規制、3はオプトアウト送信禁止、4は消費者からの請求や承諾の記録保存義務です。
バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。
1. ソフトウェアやライブラリの依存関係を解決できる。
2. 変更内容の差分を表示できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. 変更を加えたファイルを過去のある時点の状態に復元することができる。
解答
1
1はパッケージ管理システムですね。
body 要素に img 要素（id 属性"photo"）を加え、次のような JavaScript コードで、画像をクリックするたびに 4 つの写真を順に切り替えたい。このとき、 A から D のいずれにも使われない項目はどれか。以下より1 つ選択しなさい。
<body>要素
<img src="images/image_001.png" class="photo" alt="photo" /> <script> let currentNum = 0; const files = [ 'images/image_001.png', 'images/image_002.png', 'images/image_003.png', 'images/image_004.png', ]; const photoElement = document.getElementById('photo'); photoElement.addEventListener('click', function() { A currentNum; currentNum B files.length; const photo = files[currentNum]; photoElement. C (' D ', photo); }); </script>
1. ++
2. %=
3. image
4. setAttribute
解答
3
A は ++ で次の画像のINDEXにします。B は %= でINDEXが循環するようにします。C を setAttribute 、D を src にすることで img 要素を書き換えて次の画像を表示します。
次のコードはメディアクエリの記述である。 A の部分として適切なものはどれか。以下より 1 つ選択しなさい。
<link rel="stylesheet" href="default.css" media=" A ">
1. only screen (min-width:600px)
2. screen and (min-width:600px)
3. screen with (min-width:600px)
4. screen and print and (min-width:600px)
解答
2
1は and が必要、3は with ではなく and、4は最初の and を , にする必要があります。
ウェブサイトでの通信販売を行う際、特定商取引法によって表示を求められているものとして誤っているものはど れか。以下より 1 つ選択しなさい。
1. 個人事業者の場合には、氏名または登記された商号、住所および電話番号。
2. 返品を認めるか否か、その際の条件は何か、送料の負担の有無等。
3. ソフトウェアに関する取引を行う場合には、当該ソフトウェアの動作環境。
4. 各表示事項をすべてまとめた「特定商取引法に基づく表示」という専用ページ。
解答
4
ウェブブラウザのコンソールに文字列や数字を出力する JavaScript コードはどれか。以下より 1 つ選択しなさ い。
1. document.write()
2. window.alert()
3. console.write()
4. console.log()
解答
2
複数のインデックスファイルを指定している場合は、先に書かれたものから優先して探します。
PHP において、配列($arr)の最後にデータを追加する方法として、適切なものを以下より 1 つ選択しなさい。
1. $arr[-1] = 1;
2. $arr[0] = 1;
3. last($arr[]) = 1;
4. $arr[] = 1;
解答
4
1のインデックスが負の場合は[0]に代入されます。2も[0]に代入されます。3はなんでしょ？？？ array_pushを使うんなら分かりますが…。
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
1
HTML4.01 では，Transitional や Frameset では採用されたものの，HTML4.01 Strict には採用されませんでしたが，HTML5 では復帰採用されています。
次の文章は、ウェブサイトの掲載内容に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
インターネット上で運営しているショッピングサイトに広告を掲載する際、実際の商品は他社
と同程度の内容量であるにもかかわらず、あたかも他社商品の 2 倍の内容量であるかのように
表示した場合、 A における「有利誤認表示」に該当するため、違法となる。
解答
3
変数 checkBox には、type 属性を"checkbox"に定めた input 要素の参照が納められている。このチェックボックスがチェックされているかどうかを、次の JavaScript コードで変数 checkResult に取得したい。 A に加える適切なプロパティを、以下より 1 つ選択しなさい。
JavaScript コード
var checkResult = checkBox. A ;
クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より 1 つ選択しなさい。
JavaScript で変数 a が「7」という文字であると判定を行う条件式はどれか。以下より１つ選択しなさい。
1. a = "7";
2. a == "7";
3. a === "7";
4. a ==== "7";
