ウェブデザイン技能検定2級 H30年度 第3回学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
解答
2.間違い
コメントタグとして文法違反ではありません。
PHPで print 10+1*5; を実行すると 55 になる。
解答
2.間違い
15 ですね。
RGBは加法混合により表現される。
解答
1.正しい
RGBは光の３原色 Red(赤)・Green(緑)・Blue(青)で色を表現します。3色が混ざるほど明るくなり白に近づきます。色の3原色であるCMYはCyan(シアン)・Magenta(マゼンタ)・Yellow(イエロー)で表現します。3色が混ざるほど暗くなり黒に近づき減法混合と呼ばれます。
title属性はグローバル属性のため、HTML5のすべての要素に指定することができる。
解答
1.正しい
グローバル属性には
- accesskey 属性
- class 属性
- contenteditable 属性
- contextmenu 属性
- dir 属性
- draggable 属性
- dropzone 属性
- hidden 属性
- id 属性
- itemprop 属性
- lang 属性
- spellcheck 属性
- style 属性
- tabindex 属性
- title 属性
- translate 属性
- カスタムデータ属性(data-*)
cookieとは、ウェブブラウザで入力したユーザID・パスワード、ユーザ設定情報などをコンピュータに保存し、同じウェブサイトに再アクセスした際に活用される仕組みである。cookieは暗号化して送受信されるため、ネットサーフィンをしているだけでは、cookieが盗聴される危険性はない。
解答
2.間違い
secure属性が指定されていないと、暗号化されていない通信経路上にクッキーが送信されてしまい、盗聴される危険がある。
pre要素は、その範囲がプログラムのソースコードであることを示す要素である。
ウェブサイトのアクセスログにおいて、ページビューとユニークユーザ数は必ず同じ数値となる。
解答
2.間違い
ページビューはウェブサイト内の特定のページが開かれた回数、ユニークユーザ数は文字通りユニーク(一意・固有)のユーザー(人)の数で何人がWebサイトに訪れたのかを表す数です。
GIF 形式などで用いられるディザリングとは、限られた色数でより多くの色を擬似的に表現する手法である。
解答
1.正しい
「VDT 作業における労働衛生管理のためのガイドライン（厚生労働省）」では、「作業環境管理」として、（1）照明 及び採光、（2）グレアの防止、（3）騒音の低減措置、（4）事務所の換気、温度及び湿度の調整、空気調和、静電 気除去、休憩等の為の設備等を対象事項としている。
解答
1.正しい
次の HTML 文書をブラウザで表示させても dialog 要素は表示されない。
HTML文書
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ダイアログ</title>
</head>
<body>
<dialog>
<h1>ダイアログ</h1>
</dialog>
</body>
</html>
解答
1.正しい
open属性がないと表示されません。
HTML 5.2 の HTML 構文の DOCTYPE 宣言は、「<!DOCTYPE html>」のように「DOCTYPE」は大文字で 書き、「html」は小文字で書かなければならない。
解答
2.間違い
大文字小文字の区別はされません。
白（#fff）の背景に赤（#f00）の文字を表示させると、コントラスト比は 4.5:1 に満たない状態となる。
解答
1.正しい
4 : 1 になるため 4.5 : 1 を満たしません。計算式は W3C から引用します。
以下の公式を用いて、各文字（すべて同一ではない限り）の相対輝度を測る：
色の相対輝度 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は前景または背景色の暗い方の相対輝度である。
ここからは4択の問題となります。
canvas 要素内で描画を行う場合、座標系の原点として正しいものを、以下より 1 つ選択しなさい。
1. 右上
2. 右下
3. 左下
4. 左上
解答
4
左上が原点になります。
補色の説明として適切なものを、以下より 1 つ選択しなさい。
解答
1
2は文字やボタン等に用いる影の色、3は中間色？、4は？輪郭の色ですよね…。
HTTP におけるステータスコード 204 は何を表すか。以下より 1 つ選択しなさい。
次の PHP スクリプトを実行した出力結果を、以下より 1 つ選択しなさい。
<?php
class Web
{
const DESIGN = 'Web Design';
}
print Web::DESIGN;
1. Web
2. Design
3. Web Design
4. class
解答
3
webクラスの定数DESIGNに設定された値である Web Design が表示されます。
input 要素を日付選択のコントロールにしたい(図は Chrome の例)。この場合、type 属性に与えるもっとも適切 な値を、以下より１つ選択しなさい。
図
1.date-time
2.calender
3.schedule
4.date
解答
4
1は日時選択、2と3はそれらしいですがありません。
次の文章は、ウェブ上での権利侵害に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
A において、インターネットへの接続サービスを提供する者やウェブサーバ管理者、電子掲示板などの管理者が、他人の権利を侵害する情報を放置していた場合は、権利を侵害されたとする者から、損害賠償を受ける可能性があるとしている。また、実際は権利を侵害していない情報を削除した場合は、情報の発信者から、損害賠償を受ける可能性があるとしている。
1. 電気通信事業法
3. 特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律（プロバイダ責任制限法）
データベース上のテーブルtable_a はprice と count というカラムを持っている。price のみを検索する SQL を、以下より 1 つ選びなさい。
1. SELECT total FROM table_a;
2. SELECT price FROM table_a;
3. SELECT count FROM table_a;
4. SELECT * FROM table_a;
解答
2
解答
3
rp要素はルビに未対応のブラウザーに対し，ルビ用のテキストを括弧でくくって表示させるための要素です。rb、rt、rp要素 の終了タグ は，直後に rb、rt、rtc、rp などの要素が続く場合や親要素がそれ以上のコンテンツを含まない場合には省略可能なため、他は問題ありません。
HTML5 のセクショニングコンテンツに該当する要素はどれか。以下より 1 つ選択しなさい。
1. header
2. nav
3. main
4. footer
解答
2
セクショニングコンテンツは
- article
- aside
- nav
- section
HTML5 の a 要素に関する説明として適切なものを以下より 1 つ選択しなさい。
1. a 要素の終了タグは省略できる。
2. a 要素には href 属性を指定しなくてもよい。
3. a 要素の内部に入れられるのはインライン要素のみである。
4. a 要素の内部に入れられるのはブロックレベル要素のみである。
CSS 2.1 の仕様に含まれているプロパティはどれか。以下より 1 つ選択しなさい。
1. grid
2. display
3. animation
4. writing-mode
解答
2
他は CSS3 で追加されたプロパティです。
解答
4
4以外はなんでしょうね？適当に充てたんですかねぇ。
パスワードリスト攻撃による被害を防ぐ対策として最も適切なものを、以下より 1 つ選択しなさい。
解答
2
これすごく微妙ですよね。1でもサービスごとに違ったパスで20文字なら被害は少ないだろうし、2で各サービスごとにユーザIDとパスが同一でかつパスワード1文字だったら軒並みやられるし…。
次のHTML文書をブラウザで表示させると、h1要素の上には何ピクセルの余白（マージン）が取られるか。以下より 1 つ選択しなさい。
HTML文章
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル文書</title>
<style>
body, h1 { margin: 100px; }
</style>
</head>
<body>
<h1>見出し</h1>
</body>
</html>
1. 0px
2. 100px
3. 200px
4. 300px
CDN について正しく説明しているものを、以下より 1 つ選択しなさい。
1. アクセス超過に備えてリバースプロキシやキャッシュサーバを用いて負荷分散を行う。
2. ホスト名から IP アドレスに変換を行う。
3. IP アドレスからホスト名への変換を行う。
4. アクセス超過に備えて、より高スペックなサーバを用意すること。
解答
4
次の文章は、入力フォームへの対策に関するものである。 A 及び B にあてはまる語句の組合せとして適切なものを、以下より 1 つ選択しなさい。
ユーザが入力フォームに入力したデータをウェブサーバに送信する際、 A を使用すると入力したデータがクエリ文字列として表示されて送られるため、情報が漏えいしてしまう可能性が高くなる。入力したデータを表示させずに送るためには、 B を使用する。
1. A： GET メソッド B： POST メソッド
2. A： POST メソッド B： GET メソッド
3. A： PATCH メソッド B： PUT メソッド
4. A： PUT メソッド B： PATCH メソッド
解答
1
Patchは既存のリソースを更新・変更・修正するメソッドですね。
img 要素の alt 属性に指定すべき値の一般的な説明として、最も適切なものを以下より 1 つ選択しなさい。
1. どのように見える画像であるかの説明
2. ロゴ、アイコン、写真といった画像の分類
3. その画像があらわしているものの一般的な呼称
4. その画像の持つ機能をテキストに置き換えたもの
解答
4
HTML5 で廃止された属性はどれか。以下より 1 つ選択しなさい。
1. img 要素の width 属性
2. label 要素の for 属性
3. th 要素の colspan 属性
4. table 要素の summary 属性
解答
4
他は廃止されてません。
ウェブサイト内の中心となる画像を意味する用語はどれか。以下より 1 つ選択しなさい。
CSS 2.1 の仕様に含まれているセレクタの書式はどれか。以下より 1 つ選択しなさい。
1. :target
2. :only-child
3. :first-child
4. :last-child
次の文章は、ウェブコンテンツ JIS(JISX8341-3)の用語集に含まれる、ある用語の説明文である。この文章が 説明している用語として、最も適切なものを以下より 1 つ選択しなさい。
単一のURI から HTTPで得た埋め込まれていないリソースに加え、レンダリングに使われる、又はユーザエージェントがこのリソースと一緒にレンダリングすることを意図しているその他のあらゆるリソースを合わせたもの。
1. ウェブページ
2. ウェブサイト
3. ウェブコンテンツ
4. エンベディッドコンテンツ
次の HTML に対してテーブル要素の周囲およびすべてのセルの枠線を表示させることができる CSS はどれか。以下より 1 つ選択しなさい。
HTML
<table>
<tr>
<th>試験回</th><th>試験日</th><th>地域</th>
</tr>
<tr>
<td>3</td><td>11 月 25 日（日）</td><td>東京、愛知、大阪</td>
</tr>
</table>
1.
table {
border: 1px solid #000;
}
2.
table, table th, table td {
border: 1px solid #000;
}
3.
table td {
border: 1px solid #000;
}
4.
table * {
border: 1px solid #000;
}
解答
2
1は table の外枠だけ、3は td のセル枠だけ、4は th と td のセル枠だけになります。
