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

SHARE

この記事の前提条件

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

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

目次 非表示

目次へ

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

第1問: HTML5では、head要素の中にtitle要素を必ず1つだけ配置しなければならない

答え: 1(正しい)。HTML5の仕様上、head要素にはtitle要素をちょうど1つ含めることが必須とされています。

第2問: 不正アクセス禁止法における識別符号とは、情報機器やサービスにアクセスする際に使用するID・パスワード等のことである

答え: 1(正しい)。正しい定義です。

第3問: 「http://sub.example.com/」と「http://example.com/sub/」は、特段の設定がない場合には同一ページへのアクセスとなる

答え: 2(誤り)。前者はサブドメイン(別のホスト)、後者は同一ホスト内の別ディレクトリを指しており、両者は全く別のリソースです。特段の設定がなければ同一ページにはなりません。

第4問: オーバーレイ表示とは、複数の画像やテキストを重ねて表示する手法である

答え: 1(正しい)。正しい説明です。

第5問: address要素は、住所をマークアップするための要素である

答え: 2(誤り)。address要素は、メールアドレスや電話番号、関連リンクなど「連絡先情報」全般を示す要素であり、「住所」だけに限定されません。

第6問: パソコンの排気口の近くに書類など排気を妨げるものを置くと、パソコン内部の温度が上昇して故障の原因になる場合がある

答え: 1(正しい)。正しい説明です。

第7問: img要素のalt属性はツールチップを表示させるためにある

答え: 2(誤り)。alt属性は画像の「代替テキスト」であり、ツールチップの表示はtitle属性の役割です。

第8問: XHTMLは、XMLに準拠したマーク付け言語である

答え: 1(正しい)。正しい説明です。

第9問: ウェブサイトにコピーライトの記載を行わなかった場合、そのウェブサイトの著作権を放棄したことになる

答え: 2(誤り)。著作権は創作した時点で自動的に発生する「無方式主義」を採っており、コピーライト表記の有無に関わらず権利は保持されます。

第10問: FTPサーバは、匿名ユーザからのアクセスを許可する設定ができる

答え: 1(正しい)。「Anonymous FTP」と呼ばれる、匿名アクセスを許可する設定が可能です。

2. 選択問題

第11問: 検索ボタンのラベルとして虫眼鏡の画像が使用されていた場合、その代替テキストとして最も適切なものはどれか

検索ボタンのラベルとして使われている虫眼鏡のアイコン画像
  • ①検索
  • ②虫眼鏡
  • ③アイコン
  • ④虫眼鏡アイコン

答え: ①。代替テキストは、画像の見た目ではなくその画像が果たす機能を伝えるべきです。この画像はボタンとして「検索」を実行する役割を持つため、「虫眼鏡」のような見た目の説明ではなく「検索」が適切です。

第12問: HTML文書において順序なしリストを作成するための組み合わせとして、最も適切なものはどれか

  • ①ul要素とli要素を使用する
  • ②ul要素とol要素を使用する
  • ③dl要素とdt要素を使用する
  • ④blockquote要素とq要素を使用する

答え: ①。順序なしリストはul要素とその項目を表すli要素の組合せで作成します。

第13問: 文書の読み込み完了時にinit()関数を呼び出したい。[A]に記述する属性はどれか

<body [A]="init();"> というHTMLコード”></figure> <ul class=
  • ①onload
  • ②ready
  • ③complete
  • ④loaded

    • 答え: ①。文書の読み込みが完了した時に処理を実行するイベントハンドラ属性はonloadです。

    第14問: [A]にあてはまる語句として最も適切なものはどれか

    製品やシステム、サービスの利用、もしくは予想された使い方によってもたらされる人々の知覚と反応のことを[A]という、という本文
    • ①インタラクションデザイン
    • ②ユーザエクスペリエンス
    • ③ユーザインタフェース
    • ④コミュニケーションデザイン

    答え: ②。これはISO 9241-210における「ユーザエクスペリエンス(UX)」の定義そのものです。

    第15問: マルウェア(不正プログラム)への対策として不適切なものはどれか

    • ①信頼性の低いウェブサイトから、安易にプログラムをダウンロードしないこと
    • ②見知らぬ相手から届いた電子メールの添付ファイルを、安易に開かないこと
    • ③アップデートの通知が届いても、修正プログラムはすぐに適用せず、できる限り現状を保ち続けること
    • ④マルウェア感染に備え、ファイルのバックアップを定期的に行い、一定期間保存すること

    答え: ③。セキュリティアップデートは速やかに適用することが重要です。「現状を保ち続ける」は脆弱性を放置することになり、不適切な対策です。

    第16問: 次のコードに関する説明のうち、最も適切なものはどれか

    <a href="#" onmouseover="change()">試験概要</a> というHTMLコード”></figure> <ul class=
  • ①「試験概要」という文字列にマウスオーバーするとchange()ページが表示される
  • ②「試験概要」という文字列にマウスオーバーするとchange()と表示される
  • ③「試験概要」という文字列にマウスオーバーするとchange()関数が実行される
  • ④「試験概要」という文字列が表示された時にchange()関数が実行される

    • 答え: ③。onmouseover属性は、マウスポインタが要素の上に乗った(オーバーした)ときに指定した処理を実行するイベントハンドラです。この場合、マウスオーバーでchange()関数が呼び出されます。

    第17問: 補色の説明として、最も適切なものはどれか

    • ①彩度において正反対に位置付けられる色の組み合わせ
    • ②色相環において正反対に位置付けられる色の組み合わせ
    • ③背景色と文字の色の組み合わせ
    • ④背景色と画像の縁取りの色の組み合わせ

    答え: ②。補色は、色相環上で正反対に位置する色同士の関係を指します。

    第18問: CSS2.1において、clearプロパティの適用対象として定義されている要素はどれか

    • ①インライン要素
    • ②ブロックレベル要素
    • ③floatプロパティが指定されている要素
    • ④すべての要素

    答え: ②。clearプロパティは、その要素の上下にfloatした要素を回り込ませないようにするためのプロパティで、ブロックレベル要素に対して定義されています。floatを指定した要素自体ではなく、回り込みを解除したい側の要素に指定する点に注意してください。

    第19問: 個人情報保護法における「本人の同意」の事例に該当しないものはどれか

    • ①ウェブページに表示されている「同意します」の確認欄のボタンを、本人がクリックすること
    • ②同意することが書かれた書面を本人から受け取ること
    • ③同意するための手続きをウェブサイトで公開し、それを読むように本人に電子メールで知らせること
    • ④同意することが書かれた本人からの電子メールを受信すること

    答え: ③。「手続きを読むように知らせた」というだけでは、本人が実際に同意の意思表示をしたことにはなりません。①②④はいずれも本人による明確な同意の意思表示が伴っています。

    第20問: id=”item1″が指定されている要素にリンクするコードはどれか

    • ①<a id=”#item1″>項目1</a>
    • ②<a href=”item1″>項目1</a>
    • ③<a id=”item1″>項目1</a>
    • ④<a href=”#item1″>項目1</a>

    答え: ④。ページ内の特定の要素にリンクするには、href属性の値の先頭に#を付けて対象のid名を指定します。①はid属性の値に不要な#が付いており誤り、②は#がなく”item1″というファイルへのリンクとして解釈されてしまい誤り、③はこのa要素自体にidを付けているだけでリンク先を指定していません。

    第21問: HTML5.2において、終了タグの省略ができない要素はどれか

    • ①a要素
    • ②p要素
    • ③head要素
    • ④body要素

    答え: ①。a要素は終了タグの省略が認められていません。②③④はいずれも特定の条件下で終了タグの省略が可能です。

    第22問: CSSの長さをあらわす単位のうち、相対単位に分類されるものはどれか

    • ①px
    • ②em
    • ③pt
    • ④in

    答え: ②。emは現在のフォントサイズを基準にした相対単位です。px・pt・inはいずれも絶対単位に分類されます。

    第23問: input要素で図のようなスライダーのコントロールを表示したい。[A]に与えるtype属性値はどれか

    <input type="[A]"> というHTMLコードと、実際に表示されるスライダーコントロールの図”></figure> <ul class=
  • ①slider
  • ②slide-control
  • ③variable-control
  • ④range

    • 答え: ④。スライダー形式の数値入力コントロールを表示するtype属性値はrangeです。

    第24問: ビットマップデータでないファイル形式はどれか

    • ①PNG
    • ②JPEG
    • ③SVG
    • ④BMP

    答え: ③。SVGは図形をXMLで記述するベクター形式であり、ビットマップ(ラスター)データではありません。①②④はいずれもビットマップ形式です。

    第25問: HTML文書の先頭にある次の部分の名称は何か

    <!DOCTYPE html> というHTML文書の先頭に記述されるコード”></figure> <ul class=
  • ①HTML要素
  • ②空要素
  • ③開始タグ
  • ④文書型宣言

    • 答え: ④。<!DOCTYPE html>は、その文書がHTML文書であることを示す「文書型宣言」です。

    まとめ

    • アイコン画像の代替テキストは、見た目ではなく「その画像が果たす機能」を伝える
    • ページ内リンクはhref=”#id名”、リンク先の目印はid=”id名”と、役割を混同しない
    • onmouseoverはマウスが乗った瞬間に発火するイベントであり、常時表示とは異なる
    • clearプロパティは「floatを指定した要素」ではなく「回り込みを解除したい側の要素」に指定する

    前の記事

    【H29第5回】ウェブデザイン技能検定2級過去問

    次の記事

    【H30第1回】ウェブデザイン技能検定2級過去問