ウェブデザイン技能検定2級 H30年度 第3回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
body 要素は、カテゴリーとしてセクショニングルート(sectioning root)に属する。
解答
1.正しい
セクショニングルートに属する要素は以下の通りです。
- blockquote要素
- body要素
- details要素
- fieldset要素
- figure要素
- td要素
HTML ドキュメント内で PHP コードを扱う場合、「<!– 」と「 –>」の 2 つのタグで囲む必要がある。
解答
1.正しい
オンプレミスとはクラウドサービスのことを指す。
Bluetooth の周波数帯は 5GHz 帯である。
解答
2.間違い
2.4GHzです。
canvas における座標系は左上が x=0、y=0 である。
解答
1.正しい
レンタルした映画の DVD のコピー防止機能を解除し、自分のパソコンにコピーすることは、個人的な目的で行う 場合であれば、違法行為とはならない。
解答
2.間違い
コピー防止機能を解除し複製することは違法行為となります。
解答
2.間違い
オーナー、グループ、一般ユーザ全てで読み書き実行出来るため、削除も出来ます。
デジタル署名とは、公開鍵暗号技術を利用した暗号化された署名情報であり、デジタル文書の正当性を保証するための技術またはその一連の手順のことである。これを利用することにより、送信者の認証とデータの改ざんの有無の検知が可能となる。
データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。
解答
1.正しい
WebGL(Web Graphics Library)とは、ウェブブラウザで 3D あるいは 2D グラフィックスを描画処理用のハード ウェアにより高速にレンダリングする JavaScript API であり、ブラウザにプラグインをインストールして用いる。
解答
2.間違い
WebGLはOpenGLというネイティブで動作するグラフィックスAPIをブラウザから呼び出すためのパイプ役のような存在 です。JavaScriptですのでプラグインをインストールする必要はなく、下記のようにscript要素で組み込みます。
白(#fff)の背景に赤(#f00)の文字を表示させると、コントラスト比は 4.5 : 1 に満たない状態となる。
解答
1.正しい
4 : 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は前景または背景色の暗い方の相対輝度である。
VDT 作業者のための安全衛生環境等の構築は第一義的には事業者が行うものであるが、VDT 作業者に対しても自主的に健康を維持管理し、かつ、増進していくために必要な知識について教育を行うことが望ましい。
解答
1.正しい
ここからは4択の問題となります。
class 属性 top-head が与えられた要素に、次の JavaScript コードにより CSS で定めたクラス head-color を加えたい。そのとき、 A から C のいずれにも使われないキーワードを、以下より1つ選択しなさい。
コード
var element = document. A ('.top-head');
element. B . C ('head-color');
1. add
2. classList
3. querySelector
4. getElementsByClassName
picture 要素およびその内部で使用する source 要素の代替テキストはどのように指定すべきか。最も適切なも のを以下より 1 つ選択しなさい。
1. 代替テキストは不要である。
2. img 要素の alt 属性で指定する。
3. source 要素の title 属性で指定する。
4. picture 要素の最後にテキストのコンテンツとして配置する。
解答
2
解答
4
先に書かれたほうが優先されます。
HTML5 で廃止された属性はどれか。以下より 1 つ選択しなさい。
1. img 要素の width 属性
2. label 要素の for 属性
3. th 要素の colspan 属性
4. table 要素の summary 属性
解答
4
「ソーシャル・エンジニアリング」に該当しない事例を、以下より 1 つ選択しなさい。
解答
3
ソーシャル・エンジニアリングとは、ネットワークに侵入するために必要となるパスワードなどの重要な情報を、情報通信技術を使用せずに盗み出す方法です。
CSS2.1 で使用可能な単位のうち、相対的な長さをあらわす単位はどれか。以下より 1 つ選択しなさい。
1. px
2. pt
3. mm
4. ex
解答
4
適用要素の英小文字「x」1文字の高さ(x-height)を「1」としたその倍率です。他は絶対単位です。
「特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より 1 つ選択しなさ い。
1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止されている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。
2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表示するための方法を表示しなくてはならない。
3. 電子メールアドレスまたは URL 等は電子メール広告の本文に記載しなくてはならず、かつ消費者が容易に認識できるように表示しなくてはならない。
4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電子メール広告を最後に送った日から3年間保存しておかなくてはならない。
解答
1
以下の JSON データで文法的に適切なものを 1 つ選択しなさい。
1. {“name” : “Taro”}, {“name” : “Jiro”}
2. {{“name” : “Taro”}, {“name” : “Jiro”}}
3. [{“name” : “Taro”}, {“name” : “Jiro”}]
4. <{“name” : “Taro”}, {“name” : “Jiro”}>
解答
3
{}で括られたレコードの配列[]を表します。
DNS レコードのうち、複数の名前を使って単一のホストを指定するためのものはどれか。以下より 1 つ選択しなさ い。
1. A
2. MX
3. NS
4. CNAME
変数 checkBox には、type 属性を”checkbox”に定めた input 要素の参照が納められている。このチェックボッ クスがチェックされているかどうかを、次の JavaScript コードで変数 checkResult に取得したい。 A に加える適切なプロパティを、以下より 1 つ選択しなさい。
JavaScriptコード
var checkResult = checkBox. A ;
解答
3
次の文章は、入力フォームへの対策に関するものである。 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メソッドはリソースを部分更新するメソッドです。
バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。
1. 変更を加えたファイルを過去のある時点の状態に復元することができる。
2. 変更内容の差分を表示できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. ソフトウェアやライブラリの依存関係を解決できる。
解答
4
依存関係は解決できません。
アクセシビリティ上、問題のないと思われる文章表現はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. 必須項目は赤で示しています。
2. 下記の注意事項をよく読んでください。
3. 右のボタンをクリックすると次に進みます。
4. アイコンの大きさがレベルを表しています。
解答
2
色、方向、大きさは目が不自由な場合など伝わりにくい可能性があります。
HTTP におけるステータスコード 204 は何を表すか。以下より 1 つ選択しなさい。
HTML や CSS のコーディング規約を作る際、一般的に記載しておくものとして不適切なものはどれか。以下より 1 つ選択しなさい。
解答
4
便利帳にでもメモしておきましょう。
クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より 1 つ選択しなさい。
解答
2
- DaaS:「Desktop as a Service」デスクトップ環境をクラウド上に構築し、ネットワーク越しにその環境を呼び出して利用することを提供するサービス
- SaaS:「Software as a Service」パッケージ製品として提供されていたソフトウェアを、インターネット経由でサービスとして提供・利用する形態
- PaaS:「Platform as a Service」ハードウェアやOSなどのプラットフォーム一式を、インターネット上のサービスとして提供する形態
- IaaS:「Infrastructure as a Service」仮想サーバをはじめとした機材やネットワークなどのインフラを、インターネット上のサービスとして提供する形態
次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.4 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
1.4.4 テキストのサイズの変更の達成基準
キャプション及び文字画像を除き、テキストは、コンテンツ又は機能を損なうことなく、支援技術なし
で A までサイズを変更できる。
1. 120%
2. 150%
3. 200%
4. 300%
解答
3
ただし、キャプション及び画像化された文字は除きます。
CSS2.1 の仕様に含まれているセレクタの書式はどれか。以下より 1 つ選択しなさい。
1. :target
2. :only-child
3. :first-child
4. :last-child
解答
3
他はCSS3で追加されました。
解答
4
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
1
ちなみに Strict は厳密、Transitional は過渡的を意味します。
以下のうち文法的に誤りである HTML のコードを 1 つ選択しなさい。なおここではコンテンツの論理構成は問わないものとする。
1.
<ul>
<li>ウェブデザイン技能検定</li>
<li><ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol></li>
<li>ウェブデザイン技能検定の申請</li>
<ul>
2.
<ul>
<li>ウェブデザイン技能検定</li>
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
<li>ウェブデザイン技能検定の申請</li>
</ul>
3.
<ul>
<li>ウェブデザイン技能検定</li>
<li>
<ol><li>ウェブデザイン技能検定1級</li></ol>
<ol><li>ウェブデザイン技能検定2級</li></ol>
<ol><li>ウェブデザイン技能検定3級</li></ol>
</li>
<li>ウェブデザイン技能検定の申請</li>
</ul>
4.
<ul>
<li>ウェブデザイン技能検定
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
</li>
</ul>
解答
2
この場合、ul要素の中のli要素の中にol要素を入れないといけません。
img 要素の srcset 属性で次のように指定した場合、a@2x.jpg が使用されるのはどのような状況のときか。以下よ り 1 つ選択しなさい。
コード
<img src="a.jpg" srcset=" a@2x.jpg 2x " alt="" width="80" height="50">
1. a.jpg の読み込みに失敗したとき。
2. a.jpg を横に 2 つ以上表示できるスペースがあるとき。
3. ピクセル密度が 2 倍の画面で閲覧したとき。
4. ブラウザで再読み込み(2 度目に表示)させたとき。
次の HTML 5.1 コードに関して正しいものを以下より 1 つ選択しなさい。
HTML
<details>
<summary>ウェブデザイン技能検定について</summary>
<p>国家検定「ウェブデザイン技能検定」は実技および学科試験で実施され、関連国際標準規格等に基づき、ウェブデザインに関する知識・技能、実務能力等が問われます。</p>
</details>
1. details 要素内の summary 要素は表示されないが、details 要素内の表示されている要素をクリッ クすると details 要素の内容がすべて表示される。
2. 初期状態では、details 要素内の summary 要素以外は表示されないが、summary 要素をクリック すると details 要素の内容がすべて表示される。
3. details 要素は内部に複数の summary 要素と複数の p 要素を持つことができる。
4. details 要素は p 要素を内部に持つことができないのでこのコードは誤りである。
解答
2
このQ&Aもこの仕組で解答の表示、非表示を行なっています。
PHP の date 関数のパラメータ文字列「時」を返すもののうち、先頭にゼロが付かない 12 時間単位のものはどれ か。以下より 1 つ選択しなさい。
1. g
2. G
3. h
4. H
解答
1
gは時刻 12時間表記 (0埋め無し)、Gは時刻 24時間表記 (0埋め無し)、hは時刻 12時間表記 (0埋め)、Hは時刻 24時間表記 (0埋め)です。
HTML5.1 の a 要素に関する説明として適切なものを以下より 1 つ選択しなさい。
1. a 要素の終了タグは省略できる。
2. a 要素には href 属性を指定しなくてもよい。
3. a 要素の内部に入れられるのはインライン要素のみである
4. a 要素の内部に入れられるのはブロックレベル要素のみである。
解答
2
DOMでhref属性を変化させられるように指定しなくてもよくなっています。