ウェブデザイン技能検定学科試験 2級 1. 各設問において、正しいものは１を、間違っているものは 2 を、該当設問の解答欄に記せ。第1問属性型 JP ドメイン名の 1 つである「or.jp」は、主に政府機関が使用するものである。第2問 HTML5 では、インラインの引用文を q 要素でマークアップせずに、テキストに引用符を埋め込んで示すことも認められている。第3問グローバルナビゲーションは、そのウェブサイトの主要なコンテンツを案内するだけで無く、ユーザが検索エンジン等を利用してトップページ以外のページに直接アクセスしたときなどに、そのウェブサイトの構造を伝えるためにも有効なナビゲーションである。第4問 SQLite は、スマートフォン専用のリレーショナルデータベース管理システムである。第5問不正の利益を得る目的、または他人に損害を与える目的で、他社の社名やブランド名、サービス名などに酷似したドメイン名を取得し、そのドメイン名を使用した場合は、「不正競争防止法」における不正競争行為に該当する。 쩲 第6問 HTML における属性値は、セキュリティの理由からもクォートで囲むことが望ましい。第7問 HTML や CSS において、カラーネームで指定が可能な色数は 256 色である。第8問ウェブブラウザでアニメーションを描画するときに用いられる window.requestAnimationFrame()メソッドには、アニメーションを更新するための関数と更新の時間間隔（ミリ秒）の 2 つを引数に渡す。第9問ウェブページの閲覧領域（モニタサイズもしくはウィンドウサイズ）に応じてコンテンツ表示エリアを可変とすることは、アクセシビリティの観点からは望ましくない。 2 ウェブデザイン技能検定学科試験 2級第 10 問 img 要素の alt 属性に指定すべき値は、src 属性で指定している画像がどのように見えるのかを説明するテキストではなく、src 属性で指定している画像が表示されない状況において画像の代わりに使用するテキストである。第 11 問同時に２つ以上の JavaScript ライブラリを使用することはできない。第 12 問 HTML5 においては、script 要素の終了タグは省略可能となった。第 13 問リファラ（referer）とは、どのウェブサイトのページから訪問してきたかという参照元の情報のことである。第 14 問ウェブサーバなどの性能を向上させるために、より高速な CPU の搭載、CPU やメモリの追加などを実施することをスケールアウトと呼ぶ。第 15 問 PNG 形式は、ISO/IEC 15948 によって国際標準化されている。 2. 以下の設問に答えよ。第 16 問次の INI ファイル（config.ini）を下記の PHP コードで読み込んだ時、"WebDesign"が含まれる変数を、以下より 1 つ選択しなさい。 config.ini [web] a = "WebDesign" [design] a = "WebServer" 1. $configs['web']['a'] 2. $configs['design']['a'] 3. $configs['a'] 4. $configs['design'] PHP コード $configs = parse_ini_file("config.ini", true); 3 ウェブデザイン技能検定学科試験 2級第 17 問いわゆる「ウェブコンテンツ JIS（規格番号 JIS X 8341-3）」の規格名称はどれか。以下より 1 つ選択しなさい。 1. ウェブコンテンツにおけるアクセシビリティ配慮指針 2. ウェブコンテンツにおけるアクセシビリティ工業規格第３部 3. JIS アクセシビリティ・ガイドライン第３部：ウェブコンテンツ 4. 高齢者・障害者等配慮設計指針―情報通信における機器，ソフトウェア及びサービス―第３部：ウェブコンテンツ第 18 問オンライン広告の入札の仕組みとして、広告のインプレッションが発生するたびに広告枠の競争入札を行い、配信する広告を決定する方式はどれか。最も適切なものを以下より 1 つ選択しなさい。 1. CSR 2. RTB 3. CPA 4. CPC 第 19 問メディアクエリにおいて、スマートフォンやタブレットなどの画面が横向き（画面の高さよりも幅の方が長くなる向き）のときに適用させるための「メディア特性と値の組合せ」はどれか。以下より 1 つ選択しなさい。 1. direction: portrait 2. direction: landscape 3. orientation: portrait 4. orientation: landscape 第 20 問 CSS の hsl()関数に関する説明として誤っているものはどれか。以下より 1 つ選択しなさい。 1. hsl()関数の色相以外の値には割合（%）を定める。 2. hsl()関数に渡す値の中にコントラストは含まれていない。 3. アルファ（不透明度）も定めたいときは hsla()関数を使う。 4. 輝度をもとのまま保ちたいときは値として 100%を与える。 4 ウェブデザイン技能検定学科試験 2級第 21 問次の文章は、「著作権法」における、著作権侵害に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。販売することを目的として、著作権者に無断で映画を DVD に記録し、いわゆる「海賊版」として作成することは、違法行為となる。この「海賊版」の作成は、主に著作物の A を侵害している行為であるため、著作権法において処罰の対象となる。 1. 翻案権 2. 複製権 3. 上映権 4. 展示権第 22 問 HTML5 における id 属性の指定方法として、文法的に誤っているものはどれか。以下より 1 つ選択しなさい。 1. id="" 2. id="123" 3. id="_abc" 4. id="(^_^;)" 第 23 問次の文章は、ネットワークを経由した攻撃に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。特定の企業や組織をターゲットとする A が増加している。電子メールでの A は、差出人を取引先企業や関連企業、関連する官公庁などの、信頼のある人を装ったメールを送信する。さらに、受信者の興味を惹くようなタイトルや本文を記載して、不正プログラムを混入した添付ファイルを開かせ、その不正プログラムに感染させる。その結果、不正プログラムが企業・組織内に蔓延し、情報の漏えいや、データの書換えなどが行われる。 1. ゼロデイアタック 2. ブルートフォースアタック 3. 中間者攻撃 4. 標的型攻撃 5 ウェブデザイン技能検定学科試験 2級第 24 問クロスサイトスクリプティングなどへの対策であるサニタイジング処理の一例として適切なものを、以下より 1 つ選択しなさい。 1. HTML の生成時に、タグの「<」と「>」を「＆lt;」と「＆gt;」に置き換える。 2. ウェブサイトのフォームに入力されたデータを送信するメソッドに、POST を利用する。 3. OpenSSL を利用して、ウェブサイトのフォームに入力されたデータを暗号化して送信する。 4. HTML の生成時に、リンクや文字修飾などのインライン要素を取り除く。第 25 問 16 進数の値で表現すると、1 バイト目が定義する三原色の色として正しいものはどれか。以下より 1 つ選択しなさい。 1. 黒 2. 赤 3. 青 4. 緑第 26 問 CSS2.1 の仕様に含まれないプロパティはどれか。以下より 1 つ選択しなさい。 1. widows 2. text-shadow 3. caption-side 4. unicode-bidi 第 27 問 JavaScript において、10px という文字列から 10 という数値を取り出す関数はどれか。適切なものを以下より 1 つ選択しなさい。 1. parseint(“10px”) 2. Intparse(“10px”) 3. parseInt(“10px”) 4. intparse(“10px”) 6 ウェブデザイン技能検定学科試験 2級第 28 問次の HTML で記述したウェブページについて、footer 要素をウェブページ下部に表示させたいが、このままでは適切に表示できない。必要となる設定を以下より 1 つ選択しなさい。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> <style> #wrapper { width: 600px; } main { width: 300px; float: right; } aside { width: 200px; float: left; } </style> </head> <body> <div id="wrapper"> <div id="content"> <h1>タイトル</h1> <main> <h2>サブタイトル</h2> <p>本文</p> </main> <aside> <h2>サブタイトル</h2> <p>本文</p> </aside> </div> <footer>フッター</footer> </div> </body> </html> 1. footer 要素に clear:both の設定を行う。 2. id="content"を指定した div 要素に clear:both の設定を行う。 3. footer 要素に float:both の設定を行う。 4. aside 要素に clear:both の設定を行う。第 29 問画像におけるアルファ値の説明として正しいものを以下より 1 つ選択しなさい。 1. 0 とした場合の色は白である。 2. 0 とした場合の色は黒である。 3. 透過度情報の値のことである。 4. 乗算情報の値のことである。 7 ウェブデザイン技能検定学科試験 2級第 30 問次の JavaScript コードに関数 draw()を定めて、Canvas 上に中心座標(70, 70)から下図のような半径が 60 ピクセルの黒く塗りつぶした円を描きたい。コード中の A に記述すべきものを、以下より 1 つ選択しなさい。なお、 cavnas 要素には id 属性として"myCanvas"が定められているものとする。 var canvasObject = document.getElementById("myCanvas"); var context2D = canvasObject.getContext("2d"); draw(context2D); function draw(context) { context.beginPath(); context.arc(70, 70, 60, 0, Math.PI*2, false); context. A ; } 1. stroke() 2. endPath() 3. fill() 4. closePath() 第 31 問次の文章の A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。「労働安全衛生法」は、職場における労働者の安全と健康を確保するとともに、 A を促進することを目的とする法律である。 1. 長時間勤務に耐える体力の増強 2. “利益第一”、“安全衛生第二”の企業経営理念 3. 健康な非正規社員の確保 4. 快適な職場環境の形成第 32 問 HTML5 で select 要素に required 属性を設定する場合に留意すべきことを、以下より 1 つ選択しなさい。 1. required="required"と記述する。 2. option 要素全てに selected 属性を設定する。 3. 最初の option 要素はプレースホルダにして、value 属性の値は空にする。 4. デザイナから見て選択して欲しい項目の option 要素に required 属性を設定する。 8 ウェブデザイン技能検定学科試験 2級第 33 問 IPv4 の環境において、DHCP で IP アドレスを取得できない場合、リンクローカルアドレスが自動的に割り当てられることがある。この場合のリンクローカルアドレスの例として適切なものを、以下より１つ選択しなさい。 1. 192.168.11.1 2. 169.254.80.80 3. 127.0.0.1 4. 192.168.0.254 第 34 問ウェブ標準に準拠したウェブページを作成する場合、使用を避けるべき要素はどれか。以下より 1 つ選択しなさい。 1. hr 2. div 3. big 4. sup 第 35 問 PHP5.6 で出力が 8 にならないものを、以下より 1 つ選択しなさい。 1. print 2^3; 2. print 2**3; 3. print 2 * 2 * 2; 4. $c=1; for($i=0;$i<3;$i++) $c*=2; print $c; 第 36 問 HTML5 のカスタムデータ属性の属性名として正しいものを、以下より 1 つ選択しなさい。 1. data-length 2. data_length 3. custom-length 4. custom_length 9 ウェブデザイン技能検定学科試験 2級第 37 問汎用の JavaScript ライブラリである jQuery を利用して、ページ読み込み時に p 要素内に文字列を表示させたい。次の HTML 内の A 部分に記すべきコードを、以下より 1 つ選択しなさい。なお、ここで指定されている jQuery ライブラリは"jquery.js"という名称で正しく読み込まれているものとする。 HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> <script src="jquery.js"></script> <script> A </script> </head> <body> <div id="content"> <h1>ウェブデザイン技能検定</h1> <p></p> </div> </body> </html> 1. $("p").append("ウェブに関わる全ての人のための国家検定"); 2. $(function() { $("p").append("ウェブに関わる全ての人のための国家検定"); }); 3. $("p") { $append("ウェブに関わる全ての人のための国家検定"); }); 4. $(function() { p.append("ウェブに関わる全ての人のための国家検定"); }); 10 ウェブデザイン技能検定学科試験 2級第 38 問次の文章の A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。 ISO 9241-210 では、 A とは、「製品、システムまたはサービスを使用した時、および／または使用を予測した時に生じる個人の知覚や反応」としている。 1. ユーザビリティ 2. ユーティリティ 3. ユースフルネス 4. ユーザエクスペリエンス第 39 問次のアクセシビリティの説明について、 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。 WCAG2.0 のガイドラインでは、テキストとその背景に少なくとも A ：1 のコントラスト比を持たせることが規定されている。 1. 2.5 2. 3.5 3. 4.5 4. 5.5 第 40 問 GUI（グラフィカルユーザインタフェース）を構成する代表的な要素としての、ウインドウ、アイコン、メニュー、ポインティングデバイスを表す用語はどれか。以下より 1 つ選択しなさい。 1. UAMP 2. WIMP 3. WAMP 4. UIMP ※注意マークシートに記載した氏名・受検番号を再度確認してください。学科試験と実技試験の受検番号は異なります。必ず学科用の受検番号を記入・マークしてください。間違いがある場合、採点されません。 11 ウェブデザイン技能検定学科試験 2級 ◇免責事項◇ 本検定試験において記載されている会社名、製品名は、それぞれの会社の商標もしくは登録商標である。設問内ではⓇ、TM マークを明記しない。 12 平成 27 年度第2回（8 月 30 日実施）ウェブデザイン技能検定 2級学科試験解答厚生労働大臣指定試験機関特定非営利活動法人インターネットスキル認定普及協会問題番号解答問題番号解答問題番号解答問題番号解答第1問 2 第 11 問 2 第 21 問 2 第 31 問 4 第2問 1 第 12 問 2 第 22 問 1 第 32 問 3 第3問 1 第 13 問 1 第 23 問 4 第 33 問 2 第4問 2 第 14 問 2 第 24 問 1 第 34 問 3 第5問 1 第 15 問 1 第 25 問 2 第 35 問 1 第6問 1 第 16 問 1 第 26 問 2 第 36 問 1 第7問 2 第 17 問 4 第 27 問 3 第 37 問 2 第8問 2 第 18 問 2 第 28 問 1 第 38 問 4 第9問 2 第 19 問 4 第 29 問 3 第 39 問 3 第 10 問 1 第 20 問 4 第 30 問 3 第 40 問 2 ※ 本解答についてのお問い合わせにはお答えできません。