COLUMN コラム

2023.2.27

【ウェブデザイン技能検定2級】令和4年度第3回学科試験まとめと解説【過去問題】

過去問と解説

令和5年度第2回 2級学科試験 令和5年度第1回 2級学科試験 令和4年度第4回 2級学科試験 令和4年度第3回 2級学科試験 令和4年度第2回 2級学科試験 令和4年度第1回 2級学科試験 令和3年度第4回 2級学科試験 令和3年度第3回 2級学科試験 令和3年度第2回 2級学科試験

1. 各設問において、正しいものは１を、間違っているものは 2 を、該当設問の解答欄に記せ。

1

W3C 勧告となっている HTML Review Draft Published 29 January 2020 では、time 要素が使用できる。

解答と解説

1

参考：<time> – HTML: HyperText Markup Language | MDN

2

PNG 形式は 256 色表示専用の画像フォーマットである。

解答と解説

2

256色以下の色で構成される画像フォーマットは「gif」です。

参考：PNGファイルについて | Adobe

3

.htaccess で行える設定は全て httpd.conf で行うことができる。

解答と解説

1

参考：.htaccessをApacheから理解する！ | ブランディング、Web戦略、ホームページ制作は東京都品川区五反田のアッタデザイン｜ATTAdesign

4

情報機器作業の健康影響が作業時間と拘束性に強く依存することを踏まえ、作業時間に関する対策が優先的に行われることが望ましい。

解答と解説

1

参考：情報機器作業における労働衛生管理のためのガイドラインと解説

5

WiFi で WEP や WPA を使うと MAC アドレスまで暗号化される。

解答と解説

2

参考：WEPとは？Wi-Fi通信で期待された脆弱な暗号プロトコル | パーソルテクノロジースタッフ株式会社

6

ECMAScript2015（ES6）では let で変数宣言をすることで、同一スコープ内でも同名の変数を複数つくることができる。

解答と解説

2

参考：ECMAScript 2015(ES6)の概要と次世代JavaScriptの新たな機能 | HTML5Experts.jp

7

canvas 要素はラスタ形式（ビットマップ形式）で図形の描画を行う。

解答と解説

1

参考：<canvas>: グラフィックキャンバス要素 – HTML: HyperText Markup Language | MDN

8

table 要素に border 属性を指定することで、それがレイアウト用のテーブルではないことを示すことができる。

解答と解説

2

この属性はHTML5.2までは定義されていましたが、現行のHTMLでは廃止されました。

参考：HTML［table要素］表がレイアウト目的でないことを示す（廃止） – TAG index

9

A/B テストとは、複数の案を比較して定量的に評価するテストである。

解答と解説

1

参考：今さら聞けない「A/Bテスト（ABテスト）」とは？成果を出すための進め方 | Urumo！

10

リセット CSS とは、ウェブブラウザのデフォルトのスタイル設定を上書きし、ブラウザ間の表示や動作の差異を無くすためのスタイルシートのことである。

解答と解説

1

リセットCSSとは、webサイトを制作する際に、ブラウザ間で異なるデフォルトのスタイルを無効化するためのCSSになります。

参考：各ブラウザの表示を統一するリセットCSSを学ぼう | ZeroPlus Media

11

PHP において、print は関数である。

解答と解説

2

print は実際には関数ではなく、言語構造です。

参考：PHP: print – Manual

12

画像に代替テキストを記述する際は、すべての画像が alt 属性のテキスト値に置き換えられたとしても、画像があるページの意味は変わらないようにすべきある。

解答と解説

1

参考：画像の代替テキスト（alt属性）とは？意味とSEOに適した書き方

13

opacity の値を 0 にして透明化した要素は、クリックしても反応しなくなる。

解答と解説

2

透明にしたとしても当たり判定は残ります。

参考：opacity – CSS: カスケーディングスタイルシート | MDN

14

ウェブサーバなどの処理能力を向上させるため、CPU のスペックを上位のものに交換したり、メモリを増設することをスケールアウトと呼ぶ。

解答と解説

2

参考：スケールアップとは | クラウド・データセンター用語集／IDCフロンティア

15

table 要素において、複数の行にまたがるセルを作成する場合、th 要素や td 要素に colspan 属性を指定する。

解答と解説

2

colspanは行ではなく列の連結を行います。

参考：HTML5 & CSS3 リファレンス – colspan属性　（横方向のセルの連結）

2. 以下の設問に答えよ。

16

ラジオボタンにおいて、対応する文字部分をクリックすることでラジオボタンの選択切り替えを実現するために次の A 、 B および C 部分に記すべきコードはどれか。以下より 1 つ選択しなさい。

  1. A: <label for=”male”> 、 B: <label for=”female”> 、 C: </label>
  2. A: <label id=”male”> 、 B: <label id=”female”> 、 C: </label>
  3. A: <input for=”male”> 、 B: <input for=”female”> 、 C: </input>
  4. A: <legend for=”male”> 、 B: <legend for=”female”> 、 C: </legend>
解答と解説

1

参考：HTML labelタグでクリックできる範囲を広げる | ITSakura

17

W3C 勧告となっている HTML Review Draft—Published 29 January 2020 において、定義されていない要素はどれか。以下より 1 つ選択しなさい。

  1. dfn
  2. datalist
  3. details
  4. dir
解答と解説

4

18

次の JavaScript コードで、変数 imgElement には img 要素への参照が収められている。この要素に変数photo に与えたパスの画像を表示したいとき、 A に加えるべき適切な記述を以下より 1 つ選択しなさい。ただし、jQuery は使っていないものとする。

  1. src = photo
  2. setSrc(photo)
  3. attr(‘src’, photo)
  4. setAttribute(‘src’, photo)
解答と解説

4

参考：element.setAttribute – Web API | MDN

19

次の文章は、ウェブコンテンツ JIS(JISX8341-3)の用語集に含まれる、ある用語の説明文である。この文章が説明している用語として、最も適切なものを以下より 1 つ選択しなさい。

  1. ツリー
  2. ブロック
  3. グループ
  4. セクション
解答と解説

4

参考：達成基準 2.4.10 を理解する | WCAG 2.0解説書

20

クロスサイトスプリプティング（XSS）対策手法として、最も適切なものを以下より 1 つ選択しなさい。

  1. サニタイジング
  2. エコーバック
  3. サイズチェック
  4. キャッシュポイズニング
解答と解説

1

参考：クロスサイトスクリプティング（XSS）とは？わかりやすく解説 | クラウド型WAF 攻撃遮断くん

21

著作権に含まれる権利の種類ではないものはどれか。以下より 1 つ選択しなさい。

  1. 頒布権
  2. 商標権
  3. 複製権
  4. 公衆送信権等
解答と解説

2

著作権に関する問題は毎年必ず出題されています。暗記しておきましょう。

参考：著作権にはいろんな権利があるんだね | 著作権って？ | ジャスラの音楽著作権レポート（JASRAC PARK）

22

次の PHP により出力されるものはどれか。以下より 1 つ選択しなさい。


解答と解説

3

23

table 要素を図のように各行を交互に色指定して表示させるために HTML 内の CSS の A に記すべきものはどれか。以下より 1 つ選択しなさい。


  1. tr:nth-child(2n+1)
  2. tr:nth-child(even)
  3. tr:first-child, tr:third-child, tr:fifth-child
  4. tr(1, 3, 5)
解答と解説

1

参考：:nth-child() – CSS: カスケーディングスタイルシート | MDN

24

ワイヤーフレームに関する説明として、最も適切なものを以下より 1 つ選択しなさい。

  1. 詳細なサイトマップに存在するすべてのページに対して作成する。
  2. 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
  3. 主にナビゲーション、情報のグループ化、順序、優先度の検討に利用する。
  4. スクリーンサイズによって出す情報量は変化が無いので１つのサイズだけ検討すれば良い。
解答と解説

3

参考：ワイヤーフレームとは？web制作に必要な視覚的な設計図の作り方 | Cacooブログ

25

address 要素は、それが何であることを表す要素か。最も適切なものを、以下より 1 つ選択しなさい。

  1. 住所
  2. 付帯情報
  3. メールアドレス
  4. 問い合わせ先の情報
解答と解説

4

参考：<address>: 連絡先要素 – HTML: HyperText Markup Language | MDN

26

次の SVG コードで例のようなグレーの円形を描きたい。このとき、 A と B に記述すべきプロパティの組み合わせはどれか。以下より 1 つ選択しなさい。

  1. A : x / B : y
  2. A : cx / B : cy
  3. A : ch / B : cv
  4. A : center-x / B : center-y
解答と解説

2

参考：circle – SVG: スケーラブルベクターグラフィック | MDN

27

次に示したのは、ウェブコンテンツ JIS(JIS X 8341-3) のガイドライン 2.4 である。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

  1. ブラウジング
  2. 現在位置を確認
  3. 問い合わせ方法を確認
  4. コンテンツ全体を把握
解答と解説

2

参考：ガイドライン 2.4を理解する | WCAG 2.0解説書

28

SQL のデータ操作言語として、検索の機能を持つものはどれか。以下より 1 つ選択しなさい。

  1. INSERT
  2. SELECT
  3. UPDATE
  4. SEARCH
解答と解説

2

DMLでよく使う命令文は以下の通りです。
SELECT：データベースを検索する
INSERT：データの挿入をする
DELETE：データの削除を行う
UPDATE：データの更新を行う

参考：SQL言語はデータベース操作に必要なスキル。基本と役割を理解しよう | Java・フロントエンド研修のジョブサポート

29

次の PHP コードを実行した場合、出力されるものを以下より 1 つ選択しなさい。

  1. 0
  2. 1
  3. 2
  4. 4
解答と解説

4

30

SEO 対策とは何か。最も適切なものを以下より 1 つ選択しなさい。

  1. 検索サイトの検索結果に表示されないようにするための施策
  2. 検索結果で自社サイトを上位に表示させたり、より多く表示させるための施策
  3. ニュースサイトで自社サイトを取り上げてもらうための施策
  4. 不正な書き込みや誹謗中傷の削除申請を行うための施策
解答と解説

2

参考：SEOとは？SEO対策の基本とチェックリスト ｜ SEOのFind-A

31

バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。

  1. ソフトウェアやライブラリの依存関係を解決できる。
  2. 変更内容の差分を表示できる。
  3. 集中管理方式と分散管理方式の二つのタイプがある。
  4. 変更を加えたファイルを過去のある時点の状態に復元することができる。
解答と解説

1

参考：【今さら聞けない】バージョン管理システムの基礎知識｜コラム｜メンバーズ

32

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 2.4.2 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。

  1. 50 文字以内の簡潔な
  2. 主題又は目的を説明した
  3. 重要な単語をより前に配置した
  4. 大見出しをさらに補足した内容の
解答と解説

2

参考：達成基準 2.4.2 を理解する | WCAG 2.0解説書

33

PHP でループ処理を終了するための構文を、以下より１つ選択しなさい。

  1. end
  2. continue
  3. break
  4. exit
解答と解説

3

参考：【PHP入門】ループをbreakで終了する(foreach, for, while) | 侍エンジニアブログ

34

textarea 要素のキャレット（文字の入力位置表示）の色を変更できる CSS プロパティはどれか。以下より 1 つ選択しなさい。

  1. caretcolor
  2. caret-color
  3. caret-cursor
  4. current-color
解答と解説

2

参考：<textarea>: テキストエリア要素 – HTML: HyperText Markup Language | MDN

35

HTTP ステータスコードで、アクセス権が無いことを意味するものはどれか。以下より 1 つ選択しなさい。

  1. 200
  2. 304
  3. 403
  4. 404
解答と解説

3

クライアントエラー、サーバーエラーのステータスコード程度は覚えておきましょう。

参考：HTTP レスポンスステータスコード – HTTP | MDN

36

HTML でルビに未対応の環境で表示させる丸括弧（ ）をマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

  1. rb
  2. rp
  3. rt
  4. rtc
解答と解説

2

参考：<rp>: ルビのフォールバック用括弧要素 – HTML: HyperText Markup Language | MDN

37

ウェブコンテンツやアプリケーションのアクセシビリティおよび相互運用性を向上させるためのフレームワークを提供する技術仕様はどれか。最も適切なものを以下より 1 つ選択しなさい。

  1. WAI-ARIA
  2. Landmark
  3. Live Region
  4. Web Accessibility Initiative
解答と解説

1

参考：WAI-ARIAの基本 | MDN

38

ウェブサイトを閲覧しただけで、ユーザが気付かないうちに悪意あるソフトウェア等のダウンロードや実行をさせられてしまう攻撃手法はどれか。適切なものを以下より 1 つ選択しなさい。

  1. DoS 攻撃
  2. ドライブバイダウンロード
  3. キーロガー
  4. トロイの木馬
解答と解説

2

代表的な攻撃方法は覚えておきましょう。

参考：サイバー攻撃とは？その種類・事例・対策を把握しよう｜サイバーセキュリティ.com

39

hsl( )関数を用いて#FF0000 と同じカラー値を指定しているものはどれか。以下より 1 つ選択しなさい。なお、色相環における#FF0000(赤)の角度は 0 である。

  1. hsl(0, 50%, 100%)
  2. hsl(0, 100%, 50%)
  3. hsl(0, 100%, 100%)
  4. hsl(0, 100, 50)
解答と解説

2

参考：HSL：色相、彩度、輝度による色指定

40

情報機器やサービスにアクセスする際に使用する ID やパスワード等の不正取得・保管行為を禁止する法律はどれか。以下より 1 つ選択しなさい。

  1. 不正アクセス禁止法
  2. サイバーセキュリティ基本法
  3. 個人情報保護法
  4. 電気通信事業法
解答と解説

1

参考：不正アクセス行為の禁止等に関する法律｜情報セキュリティ関連の法律・ガイドライン｜基礎知識｜国民のための情報セキュリティサイト

弊社では士業やメディア、医療関係を中心にサイト制作を行っております。webサイトについてお悩みのある方はお気軽にお問い合わせください。
DOLに制作を相談する

よく読まれている記事

  • 表参道・青山のセンスが光る！喜ばれる手土産11選【2023年版】

    2023.9.11

  • 【2021年】商用利用できる無料のフリーアイコン・イラスト配布サイトまとめ

    2021.6.16

  • サイトに公開しているPDFファイルのダウンロード・印刷を禁止する方法

    2022.7.19

表参道でWeb制作、
マーケティングするならDOL