【H28第3回】ウェブデザイン技能検定3級過去問

この記事の前提条件

対象: ウェブデザイン技能検定3級を受験する方(平成28年度第3回 学科試験)
難易度: ★★☆
所要時間: 約20分

平成28年度第3回の学科問題を、全25問すべて理由つきで解説します。

目次 非表示

目次へ

1. 2択問題(正しい=1、間違い=2)

第1問: トリミングを行った画像は、行う前に比べてファイルサイズが大きくなる

答え: 2(誤り)。トリミングは画像の一部を切り出して情報量(ピクセル数)を減らす処理のため、一般的にファイルサイズは小さくなります

第2問: 液晶ディスプレイの汚れは、市販クリーナー等でなく乾いた柔らかい布で軽く拭き取るとよい

答え: 1(正しい)。市販のクリーナーや化学ぞうきんは、成分によって画面の表面コーティングを傷める可能性があるため、OAクリーニング用のクロスなどでの乾拭きが推奨されます。

第3問: 画面の情報を読み上げるソフトウェアを「スクリーンリーダー」という

答え: 1(正しい)。視覚障害のある方などが利用する、画面上の情報を音声で読み上げる支援技術です。

第4問: W3Cの所定プロセスを経て公開される最終仕様を「W3C勧告」という

答え: 1(正しい)。W3C Recommendationは、W3Cの標準化プロセスを経て正式に完成した仕様の呼称です。

第5問: アクセシビリティ配慮のため、文字色には必ず#000000を指定しなければならない

答え: 2(誤り)。重要なのは特定の色そのものではなく、背景色とのコントラスト比です。#000000でなくても、十分なコントラスト比が確保されていれば問題ありません。

第6問: アカウント作成時の初期パスワードは、できる限り変更しないようにする

答え: 2(誤り)。初期パスワードは推測・漏洩のリスクが高いため、できるだけ早く変更することが推奨されます。

第7問: HTML5におけるtitle属性は、グローバル属性である

答え: 1(正しい)title属性はほぼ全ての要素に指定できるグローバル属性の1つです。

第8問: ネットワーク上でウェブサーバを稼働させるには、IPアドレスが必要である

答え: 1(正しい)。ネットワーク上の機器を識別するためのIPアドレスは、サーバ稼働の基本的な前提です。

第9問: グローバルメニューは、必ずしもページの上部に配置されるとは限らない

答え: 1(正しい)。サイドバーやフッターにグローバルメニューを配置するデザインも存在するため、「必ず上部」とは限りません。

第10問: インターレースとは、画像を上から順に表示する手法である

答え: 2(誤り)。インターレース(飛び越し走査)は、画像全体を粗い状態から徐々に鮮明にしていく表示方式です。「上から順に」表示していくのはプログレッシブ方式の説明です。

2. 選択問題

第11問: HTML5に関する記述として適切なものはどれか

  • ①a要素はセクショニング・コンテンツである
  • ②a要素にはh2要素を含めることはできない
  • ③a要素にはh1要素を含めることができる
  • ④a要素はbody要素の直下に置かなければならない

答え: ③。HTML5でa要素は「トランスペアレント」なコンテンツモデルを持つようになり、フローコンテンツであればh1のような見出し要素を含む多くの要素を内包できます。①はa要素の分類として誤り、②はh2要素も同様に含められるため誤り、④はそのような制約はありません。

第12問: SVGについての説明として誤っているものはどれか

  • ①SVGはScalable Vector Graphicsの略である
  • ②SVGの仕様はW3Cによって開発された
  • ③SVGは2次元ベクターイメージ用の画像形式である
  • ④SVGをテキストエディタで編集することはできない

答え: ④。SVGはXMLベースのテキスト形式のため、テキストエディタで直接開いて編集することができます。①②③はいずれも正しい説明です。

第13問: HTML5におけるマークアップとして、文法的に適切なものはどれか

  • ①<p id=”abc” id=”def”>
  • ②<p class=”abc” class=”def”>
  • ③<p id=”abc” class=”def”>
  • ④<h1 id=”abc”>〜</h1><p id=”abc”>〜</p>

答え: ③。id属性・class属性はそれぞれ1つの要素に1回しか指定できません。①②は同じ属性を2回指定しており無効、④は同じid値を別の要素で使い回しており(idは文書内で一意でなければならない)無効です。③は異なる属性(id・class)を1つずつ指定しており正しい書き方です。

第14問: 著作権法における「著作物」に該当しないものはどれか

  • ①学術的な図面、設計図、地球儀
  • ②楽曲や楽曲を伴う歌詞
  • ③ゲームソフトを作るためのアイディア
  • ④劇場映画、ゲームソフトの映像部分

答え: ③。著作権法は「表現されたもの」を保護対象とし、その元になるアイディアそのものは保護対象になりません。図面・楽曲・映像はいずれも具体的な表現物として著作物に該当します。

第15問: margin: 10px 3px; で定められる余白のうち、誤っているものはどれか

margin: 10px 3px;というCSSコード
  • ①上余白10ピクセル
  • ②左余白10ピクセル
  • ③右余白3ピクセル
  • ④下余白10ピクセル

答え: ②。marginを2つの値で指定した場合、1つ目が上下、2つ目が左右の余白になります。「10px 3px」なら上下が10px、左右が3pxなので、「左余白10ピクセル」ではなく正しくは3ピクセルです。

第16問: CSSで赤を示す値として誤っているものはどれか

  • ①#f00
  • ②#ff0000
  • ③rgba(ff,0,0,1)
  • ④red

答え: ③rgba()関数の色の値は10進数(0〜255)または%で指定する必要があり、「ff」のような16進数表記はこの関数の中では使えません。①②④はいずれも有効な赤の指定方法です。

第17問: 画像のイコライズを行った際の説明として適切なものはどれか

  • ①画像が256色で表現される
  • ②画像のファイルサイズが圧縮される
  • ③画像の一部分が切り出される
  • ④画像全体の明るさが平均化される

答え: ④。イコライズ(平均化)は、画像の明るさの分布(ヒストグラム)を均等になるよう調整し、明暗のバランスを整える処理です。

第18問: W3Cにおいて標準化されていないものはどれか

  • ①CSS2.1
  • ②HTML5 Strict
  • ③HTML4.01 Transitional
  • ④XHTML1.0 Frameset

答え: ②。「Strict」「Transitional」「Frameset」という区分はHTML4.01・XHTML1.0特有のDTD(文書型定義)の分類で、HTML5にはこうした区分自体が存在しません。「HTML5 Strict」という規格名は実在しないため、標準化されていないものに該当します。

第19問: OSI参照モデルにおいて、第3層に該当するものはどれか

  • ①ネットワーク層
  • ②データリンク層
  • ③物理層
  • ④トランスポート層

答え: ①。OSI参照モデルは下から、物理層(第1)・データリンク層(第2)・ネットワーク層(第3)・トランスポート層(第4)と続きます。

第20問: 大量データを送りサーバに負荷をかけダウンを狙う攻撃手法の名称はどれか

  • ①DoS攻撃
  • ②ゼロデイ攻撃
  • ③ディクショナリアタック
  • ④中間者攻撃

答え: ①。DoS攻撃(サービス拒否攻撃)は、大量のデータやアクセスを送りつけてサーバやネットワークをダウンさせる攻撃です。

第21問: 「できるだけ多くの人が利用可能であること」をコンセプトとするデザインはどれか

  • ①ユニバーサルデザイン
  • ②グリッドデザイン
  • ③ワールドデザイン
  • ④バリアフリー

答え: ①。ユニバーサルデザインは、特定の対象者を限定せず、最初からできるだけ多くの人が使えるように設計する考え方です。

第22問: 個人情報保護法で、できる限り特定しなければならないとされる空欄に入る語句はどれか

  • ①使用期間
  • ②利用目的
  • ③収集件数
  • ④保管手順

答え: ②。個人情報取扱事業者は「利用目的」をできる限り特定し、その範囲を超えて情報を取り扱ってはならないとされています。

第23問: HTML5におけるbr要素のタグ記述方法として誤っているものはどれか

  • ①<br>
  • ②</br>
  • ③<br/>
  • ④<br />

答え: ②br要素は中身を持たない空要素のため、そもそも終了タグ(</br>)という概念自体が存在しません。①③④はいずれも有効な書き方です。

第24問: hsl()関数の3つの引数に該当しないものはどれか

  • ①色相
  • ②彩度
  • ③明度
  • ④コントラスト

答え: ④hsl()は色相(Hue)・彩度(Saturation)・明度(Lightness)の3つの値で色を指定する関数です。コントラストはこの関数の引数には含まれません。

第25問: img要素に指定するalt属性の用途として最も適切な説明はどれか

  • ①画像に対する補足情報を付加する
  • ②ツールチップで表示させたいテキストを指定する
  • ③視覚障害者に画像がどう見えるか説明する
  • ④画像が利用できない場合の代替テキストを指定する

答え: ④。alt属性の本来の用途は、画像が読み込めない・表示できない場合に代わりとなるテキストを提供することです。②のツールチップ表示はtitle属性の役割です。

まとめ

  • marginの2値指定は「上下・左右」の順。4値指定(上右下左)と混同しないよう注意する
  • HTML4.01/XHTML1.0にあった「Strict/Transitional」等の区分は、HTML5には存在しない
  • id属性は文書内で一意、class属性・id属性ともに1要素に1回のみ指定する
  • alt属性とtitle属性は役割が違う。代替テキストはalt、補足説明・ツールチップはtitleと使い分ける