• 検索結果がありません。

ウェブデザイン技能検定 2 級 学科試験問題

N/A
N/A
Protected

Academic year: 2021

シェア "ウェブデザイン技能検定 2 級 学科試験問題"

Copied!
12
0
0

読み込み中.... (全文を見る)

全文

(1)

ウェブデザイン技能検定 2

学科試験問題

◇解答にあたっての注意◇

解答用紙の記入にあたり、次の指示に従うこと。指示に従わない場合には採点がされない場合があるので注意すること。

(1)

解答用紙はマークシート方式のため解答用紙に記された記入方法に従って記入すること。

(2)

問題用紙の「第

X

問」は解答用紙の「問

X」の欄にマークすること。

(3)

受検番号欄には、必ず受検票に記載されている学科用の受検番号を記入すること。

(4)

氏名欄には、必ず受検票に記載されている氏名を記入すること。

(5)

解答は濃度

HB

程度の鉛筆またはシャープペンシルを使用すること。解答を訂正する場合は消しゴムできれいに 消し、消しくずを残さないようにすること。

◇受検上の注意◇

1.試験会場では、技能検定委員の指示に従うこと。

2.他受検者の受検を妨害する行為はしてはならない。

3.受検中に不正があった場合、また、技能検定委員に不正を指摘された場合、受検者は作業を中止して退場すること。

水分補給の為、閉栓可能な飲料は持ち込み可能であるが、その飲料などが原因で解答用紙等に汚損等が発生した場合 のトラブルは自己責任となるため注意すること。

4.受検の際、机上には受検票、身分証明書類、筆記用具、閉栓可能な飲料のみ置くことができる。携帯電話などの通信機

器は机上には置かず、受検中は必ず電源を切っておくこと。携帯電話などの通信機器を時計の代わりに利用することは できない。

5.計時は、技能検定委員に説明された時計を利用すること。受検の際には、30分経過、受検終了10分前に技能検定委員

からアナウンスを行う。

6.受検中のトイレ、体調不良の際は必ず技能検定委員に申し出ること。所要時間については受検時間に含まれる。

7.試験開始より30分を超え、制限時間内に試験を終了した場合、技能検定委員に試験終了の意思表示を行い、試験会場

より退出することができる。ただし、再入場は認めない。

8.退室は技能検定委員の指示に従うこと。

9.解答用紙を試験会場から持ち出した場合は、無効となり不合格とする。

10.試験問題は持ち帰ること。

11.その他、いかなる場合にも技能検定委員の指示に従って受検すること。

◇学科試験 留意事項◇

1.Google Chrome、Mozilla Firefox、Microsoft Edge

の最新安定版を指定ブラウザとする。

2.ハイパテキストマーク付け言語(HTML)については JIS X 4156:2000 (ISO/IEC15445:2000)

および W3C(ワールド ワイドウェブコンソーシアム)HTML4.01以降を対象とし、拡張可能なハイパテキストマーク付け言語(XHTML)はW3C

XHTML 1.0

以降を対象とする。

3.段階スタイルシート(CSS)については JIS X4168:2004

およびW3C CSS 2.1以降を対象とする。

4.HTML5

についてはREC-html52-20171214、CSS3の各モジュールは

2020

4

1

日の時点でW3Cにおいて勧告 されているものを推奨する(http://www.w3.org/Style/CSS/ 参照)。

5.問題文中に(X)HTMLファイルとある場合は、HTMLとXHTMLどちらを選んでもよい。また、HTML、XHTMLと明記し

記述している場合はそれに従うこと。

(2)

2

1

a

要素はフレージングコンテンツなので段落内で使用できる。

2

HTML 5.2

における

DOCTYPE

宣言は、「<!DOCTYPE html>」のように「DOCTYPE」は大文字で書き、

「html」は小文字で書かなければならない。

3

HTML5

では、id属性の値の先頭文字を数字にすると文法エラーとなる。

4

ウェブサイトのアクセスログにおいて、ページビューとユニークユーザ数は必ず同じ数値となる。

5

HTML5

では、html要素の子要素として

script

要素を配置できる。

6

ヒューリスティック評価とは、UIデザインの専門家がその経験則から問題点を発見する手法である。

7

GIF

形式などで用いられるディザリングとは、限られた色数でより多くの色を擬似的に表現する手法である。

8

事務所以外の場所において行われる情報機器作業(テレワーク等)では、「情報機器作業における労働衛生管 理のためのガイドライン(厚生労働省:令和元年7月)」と同等な労働衛生環境の適用を行うことが望ましい。

9

CSS

で使用される単位「px」は、CSS2.1以降では絶対単位に分類されている。

10

HTML5

においては、同じ

a

要素であっても指定されている属性によってインタラクティブコンテンツに該当する

場合としない場合がある。

(3)

3

JavaScript

はクライアントサイドのみで利用されるプログラミング言語である。

12

TCP/IP

階層モデルは

7

つの階層で構成されている。

13

nav

要素はナビゲーションをあらわす要素であって、セクションではない。

14

PHP

Error

クラスは、PHP7から新設された。

15

RGB

は加法混合により表現される。

16

次に示したのは、CSS2.1の仕様書に掲載されている「Appendix D. Default style sheet for HTML 4」

からの抜粋である。

A

にあてはまるものとして、適切なものを以下より

1

つ選択しなさい。

1. form-item 2. inline 3. block 4. inline-block

17

セクショニングコンテンツに属するものを以下より

1

つ選択しなさい。

1. p 2. h1 3. div 4. aside

2.

以下の設問に答えよ。

button, textarea, input, select { display: A }

(4)

4

body

要素には、次のような

HTML

コードで

h4

要素のタイトル(id属性

title)があり、select

要素(id属性

font-size)に option

要素を加えたドロップダウンメニューが

div

要素に収められている。script要素では、

getElementById()メソッドにより、h4

要素と

select

要素の参照がそれぞれ変数(title

fontSize)に得られた。そ

こで、ドロップダウンメニューの選択に応じて、タイトルのフォントサイズが変えられるようにしたい。この場合、追加す

JavaScript

コードの A と B に当てはまる組み合わせはどれか。以下より

1

つ選択しなさい。

body

要素

script

要素

追加する

JavaScript

コード

1. A

select B

css

2. A

select B

setAttribute 3. A:change B:css

4. A

change B

setAttribute

<h4 id="title">Title</h4>

<div>

Font size

<select id="font-size">

<option>Large</option>

<option selected>Medium</option>

<option>Small</option>

</select>

</div>

const title = document.getElementById('title');

const fontSize = document.getElementById('font-size');

fontSize.addEventListener(' A ', (event) =>

title. B ('style', `font-size: ${event.target.value.toLowerCase};`)

);

(5)

5

クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より

1

つ選択しなさい。

1. DaaS 2. IaaS 3. PaaS 4. SaaS

20

補色の説明として適切なものを、以下より

1

つ選択しなさい。

1.

画像のドロップシャドウに使用する色のこと

2.

色相環において正反対となる色のこと

3.

色の三原色に含まれない色のこと

4.

画像の輪郭に使用する色のこと

21

nav

要素の子要素にできない要素を以下より

1

つ選択しなさい。

1. main 2. h1 3. footer 4. section

22

HTML5

よりも前の

HTML

および

XHTML

では、dl要素、dt要素、dd要素の要素名の先頭に共通して含ま

れる「d」は何をあらわしていたか。以下より

1

つ選択しなさい。

1. double

2. docking

3. definition

4. description

(6)

6

次のコードはメディアクエリの記述である。

A

の部分として適切なものはどれか。以下より

1

つ選択しなさ い。

1. only screen (min-width:600px) 2. screen with (min-width:600px) 3. screen and (min-width:600px)

4. screen and print and (min-width:600px)

24

次の

PHP

スクリプトを実行した出力結果を、以下より

1

つ選択しなさい。

PHP

スクリプト

1. Web 2. Design 3. Web Design 4. class

25

個人情報取扱事業者が、匿名加工情報データベース等を作成するときに守るべき義務として、誤っているもの はどれか。以下より

1

つ選択しなさい。

1.

個人情報に含まれる特定の個人を識別することができる記述等の全部又は一部を削除すること。

2.

個人情報に含まれる個人識別符号の全部を削除すること。

3.

個人情報と当該個人情報に措置を講じて得られる情報とを連結する符号を削除すること。

4.

匿名加工情報を第三者提供するときは、提供先に当該情報が匿名加工情報である旨を秘匿すること。

<?php class Web {

const DESIGN = 'Web Design';

}

print Web::DESIGN;

?>

<link rel="stylesheet" href="default.css" media=" A ">

(7)

7

マウスオーバーにより画像表示を切り替えたい。次のコードの

A

の部分に当てはまるものはどれか。最も 適切なものを以下より

1

つ選択しなさい。

<img src="top.png" alt="

トップページへ

" onmouseover=" A ">

1. src='top_over.png' 2. img src='top_over.png' 3. this.src='top_over.png' 4. this.src="top_over.png"

27

a

要素の「a」は何が省略されたものか。以下より

1

つ選択しなさい。

1. arrow 2. anchor 3. airpost 4. association

28

CDN

について正しく説明しているものを、以下より

1

つ選択しなさい。

1.

ホスト名から

IP

アドレスに変換を行う。

2. IP

アドレスからホスト名への変換を行う。

3.

アクセス超過に備えて、より高スペックなサーバを用意する。

4.

アクセス超過に備えてリバースプロキシやキャッシュサーバを用いて負荷分散を行う。

29

img

要素の

alt

属性の使い方の説明として、最も適切なものはどれか。以下より

1

つ選択しなさい。

1. alt

属性さえ指定しておけばよく、内容は重要ではない。

2.

値には画像の説明を入れる。

3.

値には画像の代わりとして使用できるテキストを入れる。

4.

ロゴ画像の場合は「ロゴ」、アイコン画像の場合は「アイコン」と記入すればよい。

(8)

8

次の

body

要素の

HTML

コードのように

header

要素と

main

要素で構成されるページがある。このとき、ヘッダ をページ上部に固定して、本文のみスクロールするようにしたい(図

1・図 2)。その場合、style

要素の

A に

用いる適切な値はどれか。以下より

1

つ選択しなさい。

body

要素

style

要素

1. absolute 2. static 3. sticky 4. fixed

31

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.1 である。

A

にあてはまる語 句として、最も適切なものを以下より

1

つ選択しなさい。

1.4.1 色の使用の達成基準

1.

エビデンス

2.

第一次情報

3.

排他的情報

4.

唯一の視覚的手段

<header>

<h1>Header</h1>

</header>

<main>

<h2>Main body</h2>

<!-- ...[

中略

]... -->

</main>

header {

position:

A

; top: 0;

}

色が、情報を伝える、動作を示す、反応を促す、又は視覚的 な要素を判別するための A になっていない(レベル A)。

(9)

9

データベース上のテーブル

table_a

price

count

というカラムを持っている。priceのみを検索する

SQL

を、

以下より

1

つ選びなさい。

1. SELECT total FROM table_a 2. SELECT count FROM table_a 3. SELECT price FROM table_a 4. SELECT * FROM table_a

33

すでに廃止された

DOM

インターフェイスはどれか。以下より

1

つ選択しなさい。

1. Document 2. DOMObject 3. Event 4. Window

34

産業財産権ではないものを、以下より

1

つ選択しなさい。

1.

著作権

2.

特許権

3.

意匠権

4.

商標権

35

入力など、何らかのアクションをユーザに求める場合の制限時間の説明として、適切なものを以下より

1

つ選択し なさい。

1.

制限時間はどんな場合でも設定してはいけない。

2.

制限時間はユーザに求めるアクションの種類や量によらず、システムの都合で設定してよい。

3.

中断復帰(制限時間後も同じ状態から再開できる)機能を提供するのが望ましい。

4.

制限時間がある場合でも、そのことを事前に教える必要はない。

(10)

10

文字色が #333 のとき、コントラスト比が最も大きくなる背景色はどれか。以下より

1

つ選択しなさい。

1. #eeeeee 2. rgb(0,0,0)

3. rgb(255,255,255) 4. hsl(0, 50%, 50%)

37

CSS 2.1

で使用可能な単位はどれか。以下より

1

つ選択しなさい。

1. in 2. out 3. up 4. down

38

HTTP

におけるステータスコード 204 は何を表すか。以下より

1

つ選択しなさい。

1. No Content 2. Forbbiden 3. Not Found

4. Internal Server Error

39

audio

要素の属性ではないものはどれか。以下より

1

つ選択しなさい。

1. autoplay

2. loop

3. poster

4. preload

(11)

11

ウェブサイトのメインイメージとなる画像を意味する用語はどれか。以下より

1

つ選択しなさい。

1.

カラーチャート

2.

ムードボード

3.

ワイヤーフレーム

4.

キービジュアル

※注意 マークシートに記載した氏名・受検番号を再度確認してください。学科試験と実技試験の受検番号は異なり ます。必ず学科用の受検番号を記入・マークしてください。間違いがある場合、採点されません。

◇免責事項◇

本検定試験において記載されている会社名、製品名は、それぞれの会社の商標もしくは登録商標である。設問内ではⓇ、TMマーク を明記しない。

(12)

厚生労働大臣指定試験機関 特定非営利活動法人 インターネットスキル認定普及協会

問題番号 解答 問題番号 解答 問題番号 解答 問題番号 解答

第 1 問 1 第 11 問 2 第 21 問 1 第 31 問 4

第 2 問 2 第 12 問 2 第 22 問 3 第 32 問 3

第 3 問 2 第 13 問 2 第 23 問 3 第 33 問 2

第 4 問 2 第 14 問 1 第 24 問 3 第 34 問 1

第 5 問 2 第 15 問 1 第 25 問 4 第 35 問 3

第 6 問 1 第 16 問 4 第 26 問 3 第 36 問 3

第 7 問 1 第 17 問 4 第 27 問 2 第 37 問 1

第 8 問 1 第 18 問 4 第 28 問 4 第 38 問 1

第 9 問 1 第 19 問 4 第 29 問 3 第 39 問 3

第 10 問 1 第 20 問 2 第 30 問 4 第 40 問 4

※ 本解答についてのお問い合わせにはお答えできません。

参照

関連したドキュメント

SELECT products.name, SUM(products.price * sales.qty) FROM sales INNER JOIN products ON sales.product_id = products.id GROUP BY products.id;. SELECT products.name, SUM(products.price

住所:〒160-0023 東京都新宿区西新宿 7-7-26 ワコーレ新宿第一ビル 1002 号 電話(代表):03-XYZX-LMNO FAX:03-XYZX-LMNO Email: [email protected]

はW3C XHTML 1.0 以降を推奨する。段階スタイルシート(CSS)については JIS X4168:2004 およびW3C CSS 2.1 以

対象利用者は当該協会の実施する人材育成事業や能力評価制度「Web Skill

対象利用者は当該協会の実施する人材育成事業や教育事業「Web Design

2.ハイパテキストマーク付け言語(HTML)については JIS X 4156:2000 (ISO/IEC15445:2000) および W3C(ワールド

2.ハイパテキストマーク付け言語(HTML)については JIS X 4156:2000 (ISO/IEC15445:2000) および W3C(ワールド

(1) デスクトップ上の data3 フォルダの q5 フォルダ内にある index.html の body 要素および id=&#34;wrap&#34;が指定 されている div