ウェブデザイン技能検定学科試験 2級 1. 各設問において、正しいものは１を、間違っているものは 2 を、該当設問の解答欄に記せ。第1問ウェブブラウザは、ユーザエージェントの一つである。第2問 Apache などのウェブサーバが動作しているかどうかは、ping で確認できる。第3問労働基準法では、「使用者は、労働時間が 6 時間を超える場合においては少なくとも 45 分、8 時間を超える場合においては少なくとも 1 時間の休憩時間を労働時間の途中に与えなければならない」と規定されている。第4問不正プログラムの一種であるトロイの木馬は、感染するとデータの破壊や外部流出などを行う。強力な感染力があり、他のファイルに寄生することにより、次々に増殖していく。第5問 HTML5 コンテンツにおいては、メインとなるナビゲーション要素に ID 名を nav とした div 要素を用いるよりも、 nav 要素を用いる方が適切である。第6問著作権者の許諾なくして著作物を利用しても、一定の判断基準の下でその利用行為が公正な利用と認められれば、その利用行為は著作権の侵害に当たらないとすることをフェアユースという。第7問 GIF 形式などで用いられるディザリングとは、限られた色数でより多くの色を擬似的に表現する手法である。第8問 XHTML1.0 において、属性値は引用符で囲わなければならない。第9問 PHP でウェブの開発を行う場合、Ruby の開発環境が必須である。第 10 問 RDF とは、Resource Description Framework の略である。 2 ウェブデザイン技能検定学科試験 2級第 11 問 HTML5 において、s 要素は「正確ではなくなった部分や関係なくなった部分」を示す。第 12 問 HTML で文字コード（テキストエンコーディング）を示すための文字列は、大文字、小文字のいずれで記述してもよい。第 13 問ユーザビリティの定義については、国際規格が存在するが、それは ISO8341-3 である。第 14 問 HTML において、a 要素の属性である target=”_blank” と同様の挙動を JavaScript で実現する場合は、 window.open を用いればよい。第 15 問 GIF 形式は、ISO/IEC 15948 として国際標準化されている。 2. 以下の設問に答えよ。第 16 問 HTML5 において、hr 要素が示すものはどれか。適切なものを以下より 1 つ選択しなさい。 1. 水平線 2. 横罫線 3. ヘアライン 4. 段落レベルで主題が変わるところ第 17 問 WCAG2.0 の「WCAG」とは何の略称か。適切なものを以下より 1 つ選択しなさい。 1. Web Content Authoring Guide 2. Web Content Architecture Guidance 3. Web Content Alternative Generators 4. Web Content Accessibility Guidelines 3 ウェブデザイン技能検定学科試験 2級第 18 問次の文章の A にあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。 VDT 作業における室内の照明及び採光については、明暗の対照が著しくなく、かつ、 A すること。 1. 暖色系照明を採用 2. 寒色系照明を採用 3. まぶしさ（グレア）を生じさせないように 4. 間接照明を随所に設置第 19 問次のような CSS が適用されたとき、p 要素の背景は何色で表示されるか。適切なものを以下より 1 つ選択しなさい。 CSS body { background: #ffffff; } p { background-color: #ffff00; } p { background: no-repeat; } 1. 白 2. 赤 3. 黄 4. 緑第 20 問次の無線 LAN の暗号化方式に関する説明において、 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。 WPA2 とは、無線 LAN の業界団体 Wi-Fi Alliance が 2004 年に発表した、無線 LAN の暗号化方式の規格である。NIST（米標準技術局）が策定した暗号化標準のットの可変長鍵を利用した暗号化が可能となっている。 1. AES 2. DES 3. DSA 4. RSA 4 A を採用しており、128～256 ビウェブデザイン技能検定学科試験 2級第 21 問次の HTML 文書を表示させた場合、「こんにちは」の文字は何色になるか。適切なものを以下より 1 つ選択しなさい。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>サンプル文書</title> <style> #id-3 { color: 000; } body#id-1 p { color: #f00; } #id-1 p { color: #0f0; } p#id-3 { color: #00f; } </style> </head> <body id="id-1"> <h1 id="id-2">挨拶</h1> <p id="id-3">こんにちは</p> </body> </html> 1. 黒 2. 赤 3. 青 4. 緑第 22 問次の文章は、「特定電子メールの送信の適正化等に関する法律（特定電子メール法）」に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。広告メールの送信について、あらかじめ同意した者に対してのみ送信が認められる A 方式を実効的なものとするため、広告宣伝メールを送信する場合は、送信者の氏名・名称、受信を拒否する場合の通知先などの一定の事項を表示することや、広告宣伝メールに関して同意があったことを証する記録を保存することなどの義務が課されている。 1. ロックイン 2. ロックアウト 3. オプトイン 4. オプトアウト 5 ウェブデザイン技能検定学科試験 2級第 23 問次のアクセシビリティに関する文章のテキスト以外のコンテンツには A A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。を提供し、ユーザの必要とする形式に変換できるようにすべきである。 1. associated API 2. 外部出力インタフェース 3. title 属性 4. 代替テキスト第 24 問次の図のようなプルダウンメニューを作るため、HTML に ul 要素と li 要素のリストにてメニューを記述した。メインメニューへのロールオーバーとロールアウトでサブメニューを表示・非表示と切り替えられるよう、次の CSS を定義したとき、 A と B に入れる値の組合せとして適切なものを、以下の選択肢より 1 つ選択しなさい。なお、a 要素の href 属性は仮に定めてあるものとする。 HTML <ul id="navigation"> <li><a href="example.html">Home</a></li> <li><a href="example.html">main</a> <ul> <li><a href="example.html">sub_01</a></li> <li><a href="example.html">sub_02</a></li> <li><a href="example.html">sub_03</a></li> </ul> </li> </ul> CSS（表示・非表示の切り替え定義部分のみ）図（ロールオーバーしたところ） #navigation li ul { display: A ; } #navigation li:hover ul { display: B ; } 1. A : none , B : block 2. A : inline , B : block 3. A : invisible , B : list-item 4. A : list-item , B : block 6 ウェブデザイン技能検定学科試験 2級第 25 問次の JavaScript コードに関数 drawCircle()を定めて、Canvas 上に中心座標(120, 90)から半径が 70 ピクセルの円形を黒い線で描きたい。コード中の A 、 B 、 C のいずれにも用いられないものはどれか。以下より 1 つ選択しなさい。なお、cavnas 要素には id 属性として"myCanvas"が定められているものとする。 var canvasObject = document.getElementById('myCanvas'); var context2D = canvasObject.getContext('2d'); drawCircle(context2D); function drawCircle(context) { context. A (); context. B (120, 90, 70, 0 , Math.PI*2, false); context. C (); } 1. stroke 2. drawCircle 3. beginPath 4. arc 第 26 問経済産業省が策定した「個人情報の保護に関する法律についての経済産業分野を対象とするガイドライン」において、個人情報取扱事業者が、あらかじめ本人の同意を得ることなく、利用目的の達成に必要な範囲を超えて、個人情報を取り扱うことが許される場合の事例として、誤っているものはどれか。以下より 1 つ選択しなさい。 1. 急病その他の事態時に、本人について、その血液型や家族の連絡先等を医師や看護師に提供する場合 2. 当該事業者が、税務署の職員の任意調査に対し、個人情報を提出する場合 3. 就職のための履歴書情報をもとに、自社の商品の販売促進のために自社取扱商品のカタログと商品購入申込書を送る場合 4. 不登校や不良行為等児童生徒の問題行動について、児童相談所、学校、医療行為等の関係機関が連携して対応するために、当該関係機関等の間で当該児童生徒の情報を交換する場合 7 ウェブデザイン技能検定学科試験 2級第 27 問クロスサイトスクリプティングへの対策として有効となるものはどれか。最も適切なものを以下より 1 つ選択しなさい。 1. 休眠中のアカウントが存在するかどうかを確認し、存在する場合にはそれを速やかに削除する。 2. ウェブサイトの入力フォームへ入力するデータから危険な文字を検出し、それを安全な文字に置換または除去をすることにより、入力データを無害化するサニタイジング処理をする。 3. ウェブサーバにインストールされている、不要なサンプルプログラムを削除する。 4. ウェブサーバの負荷を軽減させるためにリバースプロキシを利用し、さらに通信帯域の制御を行う。第 28 問 PHP に挿入するコメントとして使用できないものはどれか。以下より 1 つ選択しなさい。 1. # コメント 2. // コメント 3.  4. /* コメント */ 第 29 問 URI でメールアドレスを示すものはどれか。適切なものを以下より 1 つ選択しなさい。 1. mailto:[email protected] 2. mailto://[email protected] 3. smtp:[email protected] 4. smtp://[email protected] 第 30 問次の抜粋された HTML コードの文法上の説明として適切なものを、以下より 1 つ選択しなさい。 <p>冬<br>山からは緑色が消え、水墨画のように白と黒で表現できそうな光景が広がる</p> 1. XHTML1.0 では正しくないが、HTML5 では正しい。 2. XHTML1.0 では正しく、HTML5 では正しくない。 3. XHTML1.0 でも HTML5 でも正しくない。 4. XHTML1.0 でも HTML5 でも正しい。 8 ウェブデザイン技能検定学科試験 2級第 31 問次の PHP コードが実行された場合、出力されるものは何か。適切なものを以下より 1 つ選択しなさい。 PHP コード $w = array('e'=> array('a'=>'server', 'b'=>'design' ), 'd'=>'portal'); print $w['e']['b']; 1. design 2. portal 3. server 4. 何も出力されない第 32 問次の CSS が適用された HTML コードをウェブブラウザで表示すると、図のように画像の下部には指定したマージン以上の余白ができていた。画像下部のみ余白が広くなる理由の説明として最も適切なものを、以下より 1 つ選択しなさい。 HTML 図 <p><img src="img.png" width="300" height="424" alt=""></p> CSS p{ width:304px; margin:0 auto; border:1px solid #333; } p img{ margin:2px; } 1. 特定のウェブブラウザのバグによるものである。 2. p タグに高さを指定していないためである。 3. 画像下部が、テキストのベースラインに揃えられて表示されるためである。 4. ウェブブラウザごとの仕様の差によるものである。 9 ウェブデザイン技能検定学科試験 2級第 33 問 JavaScript において、繰り返しを行う制御命令はどれか。適切なものを以下より 1 つ選択しなさい。 1. if() 2. for() 3. alert() 4. write() 第 34 問次の文章の A A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。・シナリオ法における A は、ユーザ調査等から得られた具体的なデータに基づいて、年齢、性別、職業、家族構成、居住地、趣味嗜好、性格などを詳しく設定する必要がある。 1. キャスト 2. キャラクター 3. ペルソナ 4. ストーリー第 35 問ネットワーク上で、ウェブサーバなど各ノードを識別するために設定されているネットワーク機器に一意に割り当てられている物理アドレスの名称は何か。適切なものを以下より 1 つ選択しなさい。 1. IP アドレス 2. PC アドレス 3. MAC アドレス 4. UNIX アドレス第 36 問インデックスカラーの説明として、最も適切なものを以下より 1 つ選択しなさい。 1. あらかじめ色番号を指定して定めた色のこと 2. マンセルカラーシステムにおける色の順番のこと 3. ウェブページ内で使用されている色の数のこと 4. JPEG 形式で利用できる色のこと 10 ウェブデザイン技能検定学科試験 2級第 37 問 JSON の記述として適切なものはどれか。以下より 1 つ選択しなさい。 1. {"name": "山田太郎", "age": 25} 2. {name: "山田太郎", age: 25} 3. {"name": "山田太郎": "age": 25} 4. {name: "山田太郎" ; age: 25} 第 38 問次のコードが記述されたウェブページを、画面サイズが 360 ピクセル×640 ピクセルのタブレット端末のウェブブラウザにて画面の最大サイズで実行して表示する場合、適用される CSS はどれか。適切なものを以下より 1 つ選択しなさい。 <link href="a.css" rel="stylesheet" type="text/css"> <link href="b.css" rel="stylesheet" media="screen and (max-width:980px)" type="text/css"> <link href="c.css" rel="stylesheet" media="screen and (min-width:981px)" type="text/css"> 1. a.css のみである。 2. a.css と b.css である。 3. a.css と c.css である。 4. 端末を縦にするか横にするかで異なるため、判断することはできない。第 39 問 ECMAScript はどこで実行されるか。適切なものを以下より 1 つ選択しなさい。 1. サーバサイドでのみ実行される。 2. クライアントサイドでのみ実行される。 3. サーバサイドでもクライアントサイドでも実行される可能性がある。 4. サーバサイドかクライアントサイドのいずれで実行されるかを、ウェブブラウザで指定することができる。第 40 問冗長化されていない RAID 構成はどれか。以下より 1 つ選択しなさい。 1. RAID 0 2. RAID 1 3. RAID 5 4. RAID 6 11 ウェブデザイン技能検定 ※注意学科試験 2級マークシートに記載した氏名・受検番号を再度確認してください。学科試験と実技試験の受検番号は異なります。必ず学科用の受検番号を記入・マークしてください。間違いがある場合、採点されません。 ◇免責事項◇ 本検定試験において記載されている会社名、製品名は、それぞれの会社の商標もしくは登録商標である。設問内ではⓇ、 TM マークを明記しない。 12 平成 26 年度第4回（2 月 22 日実施）ウェブデザイン技能検定 2級学科試験解答厚生労働大臣指定試験機関特定非営利活動法人インターネットスキル認定普及協会問題番号解答問題番号解答問題番号解答問題番号解答第1問 1 第 11 問 1 第 21 問 2 第 31 問 1 第2問 2 第 12 問 1 第 22 問 3 第 32 問 3 第3問 1 第 13 問 2 第 23 問 4 第 33 問 2 第4問 2 第 14 問 1 第 24 問 1 第 34 問 3 第5問 1 第 15 問 2 第 25 問 2 第 35 問 3 第6問 1 第 16 問 4 第 26 問 3 第 36 問 1 第7問 1 第 17 問 4 第 27 問 2 第 37 問 1 第8問 1 第 18 問 3 第 28 問 3 第 38 問 2 第9問 2 第 19 問 1 第 29 問 1 第 39 問 3 第 10 問 1 第 20 問 1 第 30 問 1 第 40 問 1 ※ 本解答についてのお問い合わせにはお答えできません。