ウェブデザイン技能検定2級 H28年度 第4回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
HTML5 において、td 要素のrowspan 属性は廃止されている。
解答
2.間違い
CSS2.1 の仕様では、単位「px」は「相対単位」に分類されている。
解答
2.間違い
絶対単位となっています。
GIF 形式などで用いられるディザリングとは、限られた色数でより多くの色を擬似的に表現する手法である。
解答
1.正しい
ネットワークアクセス制御技術の一つであるアプリケーションゲートウェイは、HTTPやFTP、SMTPなどのアプリケーションプロトコルに基づいて、アプリケーションレベルでサービス利用の可否などの制御を行う。
解答
1.正しい
title 要素の内容は、ウェブページの先頭に表示される文字列もしくは画像の代替テキストと同一でなければならない。
解答
2.間違い
なんでも良いですが、ウェブページのタイトルに相応しい内容にすべきですね。
「特定商取引に関する法律」(特定商取引法)において、インターネットショッピングやインターネットオークションは、訪問販売や電話勧誘販売と同様に、クーリング・オフが適用される。
解答
2.間違い
適用されませんのでご注意を。
解答
1.正しい
label が無い場合、何を入力するフォームか分からなくなる場合があるため推奨されません。
データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。
解答
1.正しい
Document Object Model (DOM) の仕様は、JavaScript によるウェブページの制御のみを対象としている。
あるページの1 日のページビュー(PV)が1000 の場合、その日は1000 人のユーザがアクセスしたことになる。
解答
2.間違い
ユーザアクセス数ではなく、そのページが表示された回数です。
コンテンツマネジメントシステム(CMS)を利用するには、データベースサーバへの接続が必須である。
解答
2.間違い
コンテンツ マネジメント システムとは、Webサイト運営にあたり、HTMLやCSSの書き換えなど面倒で手間のかかる作業をしなくても、管理画面を通して記事や画像を登録・更新できるシステムです 。データベースは関係ありません。
cookie とは、ウェブブラウザで入力したユーザID・パスワード、ユーザ設定情報などをコンピュータに保存し、同じウェブサイトに再アクセスした際に活用される仕組みである。cookie は暗号化して送受信されるため、ネットサーフィンをしているだけでは、cookie が盗聴される危険性はない。
解答
2.間違い
盗聴は防げません。
IPv6 で定義可能なIP アドレスの数の理論値は、2 の32 乗である。
解答
2.間違い
2の128乗です。
厚生労働省の「VDT 作業における労働安全衛生管理のためのガイドライン」では、作業者の疲労等を軽減し、作業者が支障なく作業を行うことができるよう、照明、採光、グレアの防止、騒音の低減措置等について基準を定め、VDT 作業に適した作業環境管理を行うこととしている。
解答
1.正しい
CSS3 の仕様はモジュール化されて複数存在しているが、2017 年1 月の時点で確定した仕様(W3C 勧告)のモジュールは一つもない。
解答
2.間違い
全部見た訳ではありませんが、2011年にはモジュール化された仕様があります。
ここからは4択の問題となります。
次の文章は、ウェブサイト制作にあたり、企画段階で作成する提案依頼書に関する記述である。 A および B にあてはまる語句の組合せとして最も適切なものを、以下より1 つ選択しなさい。
提案依頼書(RFP)とは、サイト制作を発注する側が制作候補業者に対して、 A な提案を依頼するための文書である。この文書の記載項目には、 B 、目標・成果、予算、スケジュールなどを含める。
1. A:具体的 B:サイトの目的
2. A:具体的 B:コーディングのルール
3. A:技術的 B:サイトの目的
4. A:技術的 B:コーディングのルール
解答
1
HTML4.01 の仕様には含まれていたが、HTML5 の仕様からは削除された要素はどれか。以下より1 つ選択しなさい。
1. iframe
2. embed
3. marquee
4. tt
変数element に納めた要素の文字色を、JavaScript コードで青(カラーネームblue)に定めたい。この場合、適切ではないコードはどれか。以下より1 つ選択しなさい。
1. element.style.cssText = 'color: blue';
2. element.setAttribute('style', 'color: blue');
3. element.style.color = 'blue';
4. element.style.css = 'color: blue';
WPA2 の説明として適切なものを、以下より1 つ選択しなさい。
1. 双方向の無線通信を実現するための手法の一つであり、通信経路の周波数帯を二つに分割し、同時通信を可能とする方式である。
2. 双方向の無線通信を実現するための手法の一つであり、通信経路を時間軸で細かく区分し、送信と受信を高速に切り替える方式である。
3. 暗号化にはRC4 が採用されていて、暗号キーの生成は単純であるため、暗号の解読は比較的容易となる。
4. 強力な暗号技術であるAES を採用しているため、暗号キーの生成方法は複雑であり、暗号の解読は現状では不可能とされている。
解答
4
背景色と文字色のカラーコードの組合せのうち、コントラスト比が一番高い組合せはどれか。以下より1 つ選択しなさい。
1. 背景色 #444444 : 文字色 #000000
2. 背景色 #999999 : 文字色 #000000
3. 背景色 #aaaaaa : 文字色 #000000
4. 背景色 #eeeeee : 文字色 #000000
解答
4
1は 2.2 : 1、2は 7.4 : 1、3は 9 : 1、4は 18.1 : 1 です。計算式は下記に引用します。
以下の公式を用いて、各文字(すべて同一ではない限り)の相対輝度を測る:
色の相対輝度 L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されている。この場合のR, G 及び B は:
RsRGB <= 0.03928 の場合:R = RsRGB/12.92、それ以外の場合: R = ((RsRGB+0.055)/1.055) ^ 2.4
GsRGB <= 0.03928 の場合:G = GsRGB/12.92、それ以外の場合:G = ((GsRGB+0.055)/1.055) ^ 2.4
BsRGB <= 0.03928 の場合:B = BsRGB/12.92、それ以外の場合:B = ((BsRGB+0.055)/1.055) ^ 2.4
注記: また、RsRGB, GsRGB, 及び BsRGBは以下のように定義される:
RsRGB = R8bit/255
GsRGB = G8bit/255
BsRGB = B8bit/255
注記: "^"記号は指数演算子である。
注記: エイリアス文字では文字の端から2ピクセルの部分の相対輝度の値を使用する。
同じ公式を用いて、文字のすぐ隣の背景のピクセルの相対輝度を測る。
次の公式を用いて、コントラスト比を算出する。
(L1 + 0.05) / (L2 + 0.05)
L1は前景または背景色の明るい方の相対輝度である。及び、
L2は前景または背景色の暗い方の相対輝度である。
次の文章は、ウェブ上での権利侵害に関するものである。 A にあてはまる語句として適切なものを、以下より1 つ選択しなさい。
1. 「電気通信事業法」
3. 「特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律」(プロバイダ責任制限法)
4. 「不正アクセス行為の禁止等に関する法律」(不正アクセス禁止法)
解答
3
WCAG2.0 において、支援技術を用いることなくテキストを200%までサイズ変更できることが求められているが、その例外とされているものはどれか。以下より1 つ選択しなさい。
1. キャプション
2. 表のセル内のテキスト
3. small 要素内のテキスト
4. フォーム部品内のテキスト
解答
1
主にソーシャルメディア広告で用いられ、ユーザの「フォロー」や「シェア」などの反応に基づく料金形態はどれか。以下より1 つ選択しなさい。
1. インプレッション保証型
2. エンゲージメント課金型
3. 成功報酬型
4. 期間保証型
解答
2
1 は広告の表示回数ごとに料金を設定する方法です。
3 は設置された広告によってウェブサイトの閲覧者が広告主の商品あるいはサービス等を購入し、生じた利益に応じて広告媒体に客引きの成功報酬を与える一連の形態です。
4 はサイトなどの特定の箇所に特定の期間だけ掲載することを保証する方式です。
WCAG2.0 において、テキストに必要な最低限のコントラスト要件の例外となるものはどれか。以下より1 つ選択しなさい。
1. alt 属性の指定されているフォームの部品
2. name 属性の指定されているフォームの部品
3. value 属性の指定されているフォームの部品
4. disabled 属性の指定されているフォームの部品
解答
4
解答
4
パスワードリスト攻撃による被害を防ぐ対策として最も適切なものを、以下より1 つ選択しなさい。
解答
2
1でも大丈夫な場合があると思いますし、2でも駄目な場合があり得ますが…
インデックスカラーの説明として最も適切なものを、以下より1 つ選択しなさい。
解答
4
jQuery を利用して、HTML 表示時にID 名をmain と指定された要素内のテキスト部分の色を、赤く表示したい。実現できないものを以下より1 つ選択しなさい。
解答
1
HEX色指定にはダブルクォーテーションが必要です。
VDT 作業における留意点として不適切なものを、以下より1つ選択しなさい。
1. ディスプレイとおおむね100cm 以上の視距離が確保できるようにし、この距離で見やすいように必要に応じて適切な眼鏡による矯正を行うこと。
2. ディスプレイの上端が作業者の眼の高さとほぼ同じか、やや下になる高さにすることが望ましい。
3. ディスプレイは作業者にとって好ましい位置、角度、明るさ等に調整すること。
4. ディスプレイに表示する文字の大きさは、小さすぎないように配慮し、文字高さが概ね3mm 以上とするのが望ましい。
解答
1
40cm以上の視距離の確保が必要です。
HTML ドキュメントのテキストに次のような打ち消し線を加えたい。このとき、CSS のtext-decoration プロパティに定める値として適切なものはどれか。以下より1 つ選択しなさい。
テキストに打ち消し線を加える。
1. overline
2. strike-out
3. strike-through
4. line-through
解答
4
著作権に関する内容として誤っているものを、以下より1 つ選択しなさい。
1. アイディア自体は著作物には該当しないが、アイディアを解説した解説書は著作物に該当する。
2. 無料でダウンロードできるフリーソフトは著作物に該当しないが、市販されているアプリケーションソフトは著作物に該当する。
3. インターネットサービスプロバイダ等のサーバ管理を業とする者は、サーバの障害発生時における復旧を目的とする場合、そのサーバ内の著作物を含むデータをバックアップすることが認められる。
4. 新聞や雑誌に掲載された時事問題に関する論説は、利用を禁ずる旨の表示がない限り、他の雑誌に転載することができる。
ウェブサイト内の中心となる画像を意味する用語はどれか。以下より1 つ選択しなさい。
解答
2
1 は色見本の一覧です。
3 はページのレイアウトを定める設計図のことです。
4 は利用者に一般的な知覚を与えるような雰囲気を醸しだす写真や材料をつかって視覚的に構成したものです。
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
解答
1
詳細度とは、どのプロパティ値が最もある要素に関係があり、適用されるかをブラウザが決定する手段です。全称セレクタ: a=0, b=0, c=0、要素,擬似要素: a=0, b=0, c=1、クラス,擬似クラス,属性: a=0, b=1, c=0、id: a=1, b=0, c=01 として、a.b.c それぞれ加算した結果が大きいと詳細度が高くなります。 1 は2.0.2、2 は1.1.1、3 は1.1.3、4 は1.1.2 となります。
管理しているウェブサイトで「503 Service Temporarily Unavailable」というエラーが出た場合の対処として、不適切なものはどれか。以下より1 つ選択しなさい。
1. サーバを増設する。
2. キャッシュなどを用いてサイト内ファイルのリクエスト数を減らす。
3. 該当のURL にファイルがアップロードされているか確認する。
4. ユーザのアクセス時期が分散するコンテンツを検討する。
解答
3
3 は 404 (File)Not Found ですね。
次のHTML によるウェブページで、「花の画像を表示する」のリンクをクリックすると、次の図のように花の画像が表示されるようにしたい。この場合、記述するJavaScript のコードとして適切なものはどれか。以下より1 つ選択しなさい。
図
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> <style> main { padding: 10px; } img{ display: none; } </style> </head> <body> <h1>ウェブデザイン技能検定</h1> <main> <h2><a href="#" onclick="showImage()">花の画像を表示する</a></h2> <div><img src="flower.jpg" alt="花の画像" id="image_flower"></div> <div><img src="mountain.jpg" alt="山の画像" id="image_mountain"></div> </main> </body> </html>
1. function showImage() {document.getElementById("image_flower").style.display = "block";}
2. showImage() {document.getElementById("image_flower").style.display = "block";}
3. function showImage(document.getElementById("image_flower").style.display = "block");
4. function showImage() {document.getElementsByTagName("img").style.display = "block";}
解答
1
クリックすると function showImage() がコールされ、idがimage_flowerのオブジェクト.style.display に "block"を設定することで表示されます。
次の図に示されるようなHTML のレイアウトを実現するための適切なスタイルシートを、以下より1 つ選択しなさい。
図
HTML
~略~ <body> <header> <h1>ウェブデザイン技能検定</h1> <nav> <ul> <li><a href="index.html">Home</a></li> <li><a href="skills.html">Skills</a></li> <li><a href="faq.html">FAQ</a></li> <li><a href="about.html">About</a></li> </ul> </nav> </header> <main> <h2>Lorem ipsum</h2> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> </main> </body> ~略~
1.
main { background-color: #CCC; padding: 10px; } ul { padding: 0px; } ul li { background-color: #333; list-style-type: none; padding: 10px; } ul li a { text-decoration: none; color: #FFF; }
2.
main { background-color: #CCC; padding: 10px; } ul { padding: 0px; } ul li { background-color: #333; list-style-type: none; padding: 10px; float: left; } ul li a { text-decoration: none; color: #FFF; }
3.
main { background-color: #CCC; padding: 10px; } ul li { background-color: #333; padding: 10px; } ul li a { text-decoration: none; color: #FFF; }
4.
main { background-color: #CCC; padding: 10px; clear: both; } ul { padding: 0px; } ul li { background-color: #333; list-style-type: none; padding: 10px; float: left; } ul li a { text-decoration: none; color: #FFF; }
解答
4
ナビゲーション部の float: left; を main部の clear: both; で解除する必要があります。
HTML5 において、文法的にbody 要素の直接の子要素として配置できない要素はどれか。以下より1 つ選択しなさい。
1. a 要素
2. em 要素
3. img 要素
4. figcaption 要素
解答
4
配置できるのはフローコンテンツのみです。
SQL のデータ操作言語の機能として、正しい組合せはどれか。以下より1つ選択しなさい。
1. SELECT:挿入する
2. DELETE:検索する
3. UPDATE:更新する
4. INSERT:削除する
解答
3
1 は検索する、2 は削除する、4 は挿入する、です。
CSS を用いて色を表現する場合、何種類の色が指定できるか。正しい数を以下より1 つ選択しなさい。
1. 216 種類
2. 4096 種類
3. 2097152 種類
4. 16777216 種類
解答
4
RGBそれぞれ256段階のため、256×256×256 = 16777216 となります。