COLUMN コラム

2024.10.21

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

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

1

次の HTML において、ロゴ画像の代替テキストは適切である。

解答と解説

2

title 要素はメタデータコンテンツである。

解答と解説

3

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

解答と解説

2

ページビューは「ユーザーの閲覧数」、ユニークユーザ数は「ユーザーの数」。

参考:PV(ページビュー)とUU(ユニークユーザー)の違いとは?初心者向けに詳しく解説! | LIFT

4

HTTPS は標準で TCP の 80 番ポートが使用される。

解答と解説

5

HTML Living Standard では、label という名前の属性が定義されている。

解答と解説

6

e コマースとは電子商取引のことを指し、オンラインショッピングサイトに限定されない。

解答と解説

1

電子商取引にはネットショッピングだけでなく、ネットオークション、イートレードなども含まれます。

参考:【2022年最新版】Eコマースとは?概要から基礎知識をわかりやすく解説! – makeshop ECノウハウ

7

事務所以外の場所において行われる情報機器作業、自営型テレワーカーが自宅等において行う情報機器作業及び情報機器作業に類似する作業については、各自の自主性にゆだねることとし、「情報機器作業における労働衛生管理のためのガイドライン(厚生労働省)」に準じて労働衛生管理を行うように指導する必要はない。

解答と解説

2

事業者はテレワークにおいても、このガイドラインに準じて作業者の健康確保に努めます。

参考:情報機器作業における労働衛生管理のためのガイドライン(PDF)

8

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

解答と解説

9

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

解答と解説

10

CSS3 以降のセレクタでは、擬似要素にはダブルコロン (::) を使用し、疑似クラスには単一のコロン (:) を使用する。

解答と解説

1

擬似クラスと区別するため、擬似要素にはダブルコロン (::) を使用します。

参考:擬似要素 – CSS: カスケーディングスタイルシート | MDN

11

サイバーセキュリティ基本法は国民に対して、サイバーセキュリティの重要性に関する関心と理解を深め、サイバーセキュリティの確保に必要な注意を払うよう務めることを求めている。

解答と解説

12

CSS でプロパティの値をパーセントで指定する際、数値と%の間に半角スペースを入れることができる。

解答と解説

2

単位は値の数値の直後に空白をはさむことなく付ける必要があります。

参考:CSS 値と単位 – CSS: カスケーディングスタイルシート | MDN

13

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

解答と解説

14

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

解答と解説

15

OSI 参照モデルは JIS(日本産業規格)で定義されている。

解答と解説

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

16

次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の原則 1 である。【 A 】にあてはまる語句を以下より1 つ選択しなさい。

  1. 視認
  2. 知覚
  3. 音声化
  4. テキスト化
解答と解説

17

テキストを含む要素が変数 colorText に収められている。このとき、次の JavaScript コードで文字色を青(blue)に変更したい。 A に加えるべき記述として適切なものはどれか。以下より 1 つ選択しなさい。

  1. style.color = ‘blue’
  2. style = { color: ‘blue’}
  3. css = { color: ‘blue’}
  4. setStyle(‘color’, ‘blue’)
解答と解説

18

クロスサイトスクリプティング (XSS) 攻撃の説明はどれか。適切なものを以下より1つ選択しなさい。

  1. 不正に入手したユーザの ID・パスワードのリストを用いて、様々なサイトにログインを試み、乗っ取りや不正利用をする攻撃。
  2. 複数のコンピュータから、特定のサイトやサーバに対して大量のデータを送り付けたり、不正処理を行わせることで機能停止させる攻撃。
  3. 脆弱性のあるウェブサイトの入力画面から、悪意あるSQL文を入力することで、データベースの漏洩や改ざんを行う攻撃。
  4. 脆弱性のあるウェブサイトに、悪意のあるサイト等へのリンクを埋め込んだスクリプトを仕掛け、そのページを閲覧しているユーザにクリックさせることで、ユーザを悪意あるサイトへ誘導し、個人情報等を搾取する攻撃。
解答と解説

19

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

  1. 1
  2. 123
  3. 3
  4. 6
解答と解説

20

データベース goods のテーブル order_tables は次のような構造を持っている。

また、このテーブルをダンプすると次の内容となった。

このテーブルに 1 件のレコードを追加するための SQL 文はどれか。 最も適切なものを以下より 1 つ選択しなさい。

解答と解説

21

次の HTML コードには、select 要素に複数の option 要素が与えられている。その選択を変更したとき、選ばれた option 要素の value 属性値を、次の JavaScript コードで変数 selectedValue に収めたい。【 A 】に加えるべき記述として適切なものはどれか。以下より 1 つ選択しなさい。

  1. selected
  2. selection
  3. value
  4. selectedValue
解答と解説

22

次の JavaScript コードで「ウェブデザイン技能検定」と出力するために、【 A 】に加えるべきものはどれか。以下より1つ選択しなさい。

  1. ${a}
  2. “${a}”
  3. a.join()
  4. a.join(“”)
解答と解説

4

join()は配列の全要素を順に連結した文字列を返します。

参考:Array.prototype.join() – JavaScript | MDN

23

次の HTMLにおいて、main要素内にp要素を生成して「ウェブデザイン技能検定」という文字列を赤色で表示させたい。コード内の【 A 】部分に記述する JavaScript として適切なものはどれか。以下より 1 つ選択しなさい。


解答と解説

4

innerHTMLでHTML要素の中身を変更することができます。

参考:Element: innerHTML プロパティ – Web API | MDN

24

PNG の説明として適切なものはどれか。以下より1つ選択しなさい。

  1. ベクター画像のファイル形式である。
  2. 非可逆圧縮の画像ファイル形式である。
  3. 透明度を指定して半透明の画像が作成できる。
  4. 複数の画像を 1 つのファイルとして保存(マルチページファイル)ができる。
解答と解説

25

CSS を使用して、縦書きで右から左へと読み進めるようにするには writing-mode プロパティにどの値を指定すればよいか。以下より 1 つ選択しなさい。

  1. vertical-lr
  2. vertical-rl
  3. horizontal-tb
  4. horizontal-bt
解答と解説

26

ランディングページの説明として最も適切なものはどれか。以下より 1 つ選択しなさい。

  1. トップページの別名
  2. アフィリエイトサイトのページのことを指す
  3. オンラインショッピングサイトにおいて訪問ユーザの閲覧履歴からお勧め商品を提示するウェブページ
  4. 検索エンジンなどのリンクから訪れることを想定しているウェブページ
解答と解説

27

CSS の border-top-style, border-right-style, border-bottom-style, border-left-style の初期値はどれか。以下より 1 つ選択しなさい。

  1. line
  2. solid
  3. none
  4. hidden
解答と解説

28

CDN について正しく説明しているものを、以下より 1 つ選択しなさい。

  1. ホスト名から IP アドレスに変換を行う。
  2. IP アドレスからホスト名への変換を行う。
  3. アクセス超過に備えてリバースプロキシやキャッシュサーバを用いて負荷分散を行う。
  4. アクセス超過に備えて、より高スペックなサーバを用意する。
解答と解説

29

ウェブサーバなどに対し、複数のコンピュータから大量の通信を発生させ負荷をかけることで、正常なサービスの提供を妨げるサイバー攻撃を何と言うか。以下より1つ選択しなさい。

  1. DDoS 攻撃
  2. ブルートフォース攻撃
  3. IP スプーフィング
  4. リプレイ攻撃
解答と解説

30

フローコンテンツに属する要素を以下より 1 つ選択しなさい。

  1. h3
  2. legend
  3. caption
  4. summary
解答と解説

31

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

  1. 個人情報に含まれる個人識別符号の全部を削除すること。
  2. 匿名加工情報を第三者提供するときは、提供先に当該情報が匿名加工情報である旨を秘匿すること。
  3. 個人情報と当該個人情報に措置を講じて得られる情報とを連結する符号を削除すること。
  4. 個人情報に含まれる特定の個人を識別することができる記述等の全部又は一部を削除すること。
解答と解説

32

HTTP ステータスコードのうち、サーバーエラーレスポンスは何番台か。以下より1つ選択しなさい。

  1. 200 番台
  2. 300 番台
  3. 400 番台
  4. 500 番台
解答と解説

33

CSS の font-weight プロパティにおいて、値「bold」と同じ太さをあらわす数値はどれか。以下より 1 つ選択しなさい。

  1. 500
  2. 600
  3. 700
  4. 800
解答と解説

3

500は「Medium」、600は「Semi Bold」、800は「Extra Bold」です。

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

34

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

  1. キービジュアル
  2. カラーチャート
  3. ワイヤーフレーム
  4. ムードボード
解答と解説

35

textarea 要素のボックスのサイズをユーザが自由に変更できないようにしたい。このとき使用すべき CSS プロパティはどれか。適切なものを以下より 1 つ選択しなさい。

  1. resize
  2. fixed
  3. box-sizing
  4. box-resizing
解答と解説

36

abbr 要素の属性として使用する場合には、略語の正式名称を指定する必要があるグローバル属性はどれか。以下より 1 つ選択しなさい。

  1. lang 属性
  2. title 属性
  3. extend 属性
  4. translate 属性
解答と解説

37

複製権は次のどの法律に含まれる権利か。以下より1つ選択しなさい。

  1. 特許法
  2. 商標法
  3. 著作権法
  4. 文化財保護法
解答と解説

3

複製権は著作権に含まれる権利のひとつです。

参考:複製権とは | 公益社団法人日本複製権センター(JRRC)

38

受信可能なファイルの種類を設定したい場合に使用する input 要素の属性はどれか。以下より 1 つ選択しなさい。

  1. list
  2. type
  3. extension
  4. accept
解答と解説

4

accept属性はどのファイル種別を受け入れるかを記述します。

参考:HTML 属性: accept – HTML: ハイパーテキストマークアップ言語 | MDN

39

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

  1. #eeeeee
  2. rgb(255,255,255)
  3. rgb(0,0,0)
  4. hsl(0, 50%, 50%)
解答と解説

40

TCP/IP モデルとして定義される4階層はどれか。以下より1つ選択しなさい。

  1. アプリケーション層、セッション層、インターネット層、リンク層
  2. アプリケーション層、トランスポート層、インターネット層、リンク層
  3. アプリケーション層、インターネット層、ネットワーク層、物理層
  4. アプリケーション層、トランスポート層、リンク層、物理層
解答と解説

おわりに

次回のウェブデザイン技能検定2級の試験は12月1日(日)です。
受検予定のある方はぜひ今回の記事や過去の解説記事で、傾向と対策を練っていただければと思います。

DOLではWordPressを使用したサイト制作を多数手がけております。今回ご紹介した内容を実際のプロジェクトで活用したい場合や、さらに詳しいカスタマイズや開発のサポートが必要な場合は、ぜひ「DOLに制作を相談する」ボタンからお問い合わせください。

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

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