【しゃらの忍法帖】

ラズパイとかウェブ関係とか書いたり書かなかったり

ウェブデザイン技能検定3級 H30年度 第4回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

HTML 5.2 では、dialog 要素を使用できる。

解答

1.正しい

一旦廃止されましたが、HTML5.2 で追加されました。

 

第2問

ユニバーサルデザインとは、障害者にとって障壁となる様々な対象物を取り除くことである。

解答

2.間違い

文化・言語・国籍や年齢・性別などの違い、障害の有無や能力差などを問わずに利用できることを目指した建築(設備)・製品・情報などの設計(デザイン)のことです。

 

第3問

擬似クラス:hover は a 要素のみに指定できる。

解答

2.間違い

カーソルが乗っている要素にスタイルを適用するためのものです。

 

第4問

加法混色とは、赤・青・黄色の 3 色の組み合わせによる色表現の方法である。

解答

2.間違い

赤・緑・青の3色です。

 

第5問

悪意のあるソフトウェアやコードの総称をマルウェアという。

解答

1.正しい

不正かつ有害に動作させる意図で作成された悪意のあるソフトウェアや悪質なコードの総称です。

 

第6問

Basic 認証とは HTTP の認証方式のひとつであり、ユーザ名とパスワードをハッシュ化することで盗聴や改竄を防ぐ。

解答

2.間違い

Basic認証では、ユーザ名とパスワードの組みをコロン ":" でつなぎ、Base64エンコードして送信する。このため、盗聴や改竄が簡単であるという欠点を持ちます。

 

第7問

CSS の単位「px」は、出力対象とする機器の画面における物理的な 1 ピクセルの大きさを 1 とする相対単位である。

解答

2.間違い

同じデバイスであっても設定された解像度により1ピクセルの大きさは変わります。

 

第8問

GIF 形式の透過処理と PNG 形式の透過処理には違いはない。

解答

2.間違い

どちらも透過できますが、圧縮方式は違います。

 

第9問

クロスブラウザチェックとは、複数の異なるウェブブラウザで仕様どおりにウェブページが表示され機能するかを検証することである。

解答

1.正しい

 

第10問

VDT 作業で疲れ目、眼精疲労を軽減するには、目とディスプレイ画面との距離を 40~50cm 程度にし、視線は少し画面を見下げるようにすると良い。

解答

1.正しい

 

ここからは4択の問題となります。

 

第11問

CSSのコード内において、他の外部スタイルシートを読み込む際に使用する命令はどれか。以下より1 つ選択しなさい。

1. !import

2. !important

3. @import

4. @important

解答

3

!important は 優先度で最優先を示します。

 

第12問

PNG 画像の MIME タイプはどれか。以下より 1 つ選択しなさい。

1. png/media

2. png/image

3. image/png

4. media/png

解答

3

 

第13問

次の video 要素で再生や音量、スライダなどのユーザインタフェースを表示したい(図参照)。このとき、 A にあてはまる最も適切なものを、以下より 1 つ選択しなさい。

video要素

<video   A   src="myVideo.mp4" width="640"></video>

1. navbar

2. buttons

3. controls

4. interface

解答

3

 

第14問

http://example.com/css/style.css に次のコードが記述されている場合、main.png が表示されるパスを、以下より 1 つ選択しなさい。

コード

background: url(../img/main.png)

1. http://example.com/css/img/main.png

2. http://example.com/css/main.png

3. http://example.com/img/css/main.png

4. http://example.com/img/main.png

解答

4

style.css があるフォルダを起点に1つ上のフォルダ(/example.com/)の配下の imgフォルダの配下の main.png となります。

 

第15問

OSI 参照モデルにおいて、第 3 層に該当するものはどれか。以下より 1 つ選択しなさい。

解答

2

OSI参照モデルは第1層から下記のようになります。

  1. 物理層
  2. データリンク層
  3. ネットワーク層
  4. トランスポート層
  5. セッション層
  6. プレゼンテーション層
  7. アプリケーション層

 

第16問

画像が利用できない場合にその画像の代わりとして使用するテキストを指定する属性はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. alt

2. label

3. title

4. placeholder

解答

1

 

第17問

HTML5 において使用可能な要素はどれか。以下より 1 つ選択しなさい。

1. flex

2. grid

3. frame

4. canvas

解答

4

flex、gridはCSS。frameは廃止されています。

 

第18問

li 要素に表示されるリストマーカーの表示を隠すための CSS を、以下より 1 つ選択しなさい。

1. ul 要素に対して list-style: none と記述する。

2. ul 要素に対して list: 0 と記述する。

3. li 要素に対して list: none と記述する。

4. li 要素の list-style 属性の値を空白にする。

解答

1

 

第19問

日常的に行うべきセキュリティ対策として不適切なものを、以下より 1 つ選択しなさい。

1. クリアスクリーンポリシーに則り、第三者に見られたり、操作されたりしないようにするため、パソコンや スマートフォンなどは画面をロックしておく。

2. 電子メールを受信した際は、差出人欄を確認し、差出人がアドレス帳に登録されている者や著名な 組織・企業であれば、不正なメールではないと判断できるため、ファイルが添付されていた場合は開 くようにする。

3. パソコンやスマートフォンなどにセキュリティソフトを導入し、セキュリティソフトのパターンファイルを常 に更新して、最新の状態となるよう定期的に確認をする。

4. パソコンやスマートフォンなどの OS やアプリケーションソフトにセキュリティパッチを適用し、最新のバ ージョンとなるように随時更新を行う。

解答

2

アドレス帳に登録されている人、組織や企業名を名乗って不正ファイルを送りつけてくる可能性があります。

 

第20問

無彩色ではないものを以下より 1 つ選択しなさい。

1. 白

2. 黒

3. 灰

4. 赤

解答

4

無彩色は白と黒との混合で得られる色(白と黒自体も含む)の総称で、他は有彩色です。

 

第21問

ID やパスワードの不正取得・保管行為を禁止する法律はどれか。以下より 1 つ選択しなさい。

解答

4

 

第22問

次のうち、CSS 2.1 では使用できない単位はどれか。以下より 1 つ選択しなさい。

1. in

2. mm

3. cm

4. m

解答

4

メートルは使用できません。

 

第23問

レスポンシブウェブデザインに関する説明として適切なものを、以下より 1 つ選択しなさい。

1. ユーザの好みに合わせてデザインが変わるウェブデザイン手法

2. ウェブデザイナーの意図通りにデザインを強制的に合わせる手法

3. デバイスの環境に応じてレイアウトが自動的に変わるウェブデザイン手法

4. ユーザの TPO に合わせてレイアウトが自動的に変わるウェブデザイン手法

解答

3

 

第24問

文字色と背景色のコントラストをどのようにすればアクセシビリティは向上するか。最も適切なものを以下より 1 つ 選択しなさい。

1. コントラストをできるだけ高くする。

2. コントラストを高くし過ぎない。

3. 白(#ffffff)の背景に対する本文の文字色は #999999 が最も良い。

4. 白(#ffffff)の背景に対して #000000 の文字色は避ける。

解答

1

コントラスト比は 4.5 : 1 以上が推奨されます。3は 2.8 : 1ですので良くない。4は 21 : 1 ですので問題ありません。

 

第25問

WCAG とは何の略称か。適切なものを以下より 1 つ選択しなさい。

1. Whole CAPTCHA to Audio Glyphs

2. Web Compatibility Analysis Group

3. Web Components of Assistive Gestures

4. Web Content Accessibility Guidelines

解答

4