【しゃらの忍法帖】

ラズパイとかウェブ関係とか書いたり書かなかったり

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

※▶をクリックするとその年度の問題(何回目)が表示されます

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

R01年度
  • 第1回目 問題入手次第UPします

 

H30年度
H29年度
H28年度

 

◆ウェブデザイン技能検定3級

R01年度
  • 第1回目 問題入手次第UPします

 

H30年度
H29年度

 

 

ウェブデザイン技能検定2級 H28年度 第3回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

HTMLにおけるルート要素は、 body 要素である。

解答

2.間違い

html要素です。

 

第2問

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

解答

1.正しい

管理者でなくconfファイルの変更が出来ない場合、.htaccessを使用します。

 

第3問

クリエイティブ・コモンズにおける「表示-非営利(CC BY-NC)」という表示は、コンテンツの原作者の氏名・作品タイトルなどを表示し、かつ非営利目的であることを主な条件に、改変や再配布が許可されることを意味する。

解答

1.正しい

 

第4問

労働安全衛生法において 、職場の安全衛生を確保するためには、最も中心的な責任を負うのは事業者であり、実際に作業に従事する労働者自身の自覚と協力は必要ないとしている。

解答

2.間違い

労働者自身も労働災害を防止するために必要な事項を積極的に守っていく姿勢が求められています。

 

第5問

CGIを用いてウェブページの内容を動的に変化させるためには、JavaScriptで記述しなくてはならない。

解答

2.間違い

C、PerlPythonPHPRuby等で記述可能です。

 

第6問

HTML5では 、footer 要素内に nav 要素を入れることは可能である。

解答

1.正しい

 

第7問

CSSで次のように margin プロパティに 3 つの数値を与えた場合、 3 つ目の値 30px は下方向に適用される 。

margin: 10px 3px 30px;

解答

1.正しい

3つ指定の場合は、上、左右、下になります。

 

第8問

デジタル署名とは、公開鍵暗号技術を利用した暗号化された署名情報であり、デジタル文書の正当性を保証するための技術またはその一連の手順のことである。これを利用することにより、送信者の認証とデータの改ざんの有無の検知が可能となる。

解答

1.正しい

 

第9問

グローバルナビゲーションとは水平方向に配置されるものを指し、垂直方向に配置されるものはローカルナビゲーションと呼ばれる。

解答

2.間違い

ローカルナビゲーションとは同一カテゴリ内の移動を可能にするナビゲーションです。

 

第10問

社会保障・税番号制度」(マイナンバー制度)の施行に伴い、マイナンバーに関する手続において、行政機関から家族構成や年金・保険の情報、口座番号や口座の暗証番号、資産に関する情報について、問合せをされる場合がある。

解答

2.間違い

詐欺に気をつけましょう。

 

第11問

HTTPステータスコードのうち、「403 Forbidden」はリソースへのアクセスが拒否されたことを示している。

解答

1.正しい

 

第12問

HTML5では、 title 要素と h1 要素の要素内容を完全に一致させることを推奨している。

解答

2.間違い

title要素はページのタイトル、h1要素は見出しですね。

 

第13問

属性型JPドメイン名の1つである「or.jp」は、主に政府機関が使用するものである。

解答

2.間違い

非営利法人のためのドメインです。政府機関は「go.jp」です。

 

第14問

HTML5では、data-*属性だけでなくaria-*属性も使用できる。

解答

1.正しい

 

第15問

リファラreferer)とは、どのウェブサイトのページから訪問してきたかという参照元の情報のことである。

解答

1.正しい

 

ここからは4択の問題となります。

 

第16問

CSSのtext-decorationプロパティで、テキストに次の例のような打ち消し線を加えたい。その場合に適した値を、以下より1つ選択しなさい。

テキストに打ち消し線を加える。

1. line-through

2. strike-through

3. strike-out

4. overline

解答

1

 

第17問

次の文章は、「不正競争防止法」に関するものである。 A にあてはまる語句として適切なものを、以下より1つ選択しなさい。なお、それぞれの A には、同じ語句が入るものとする。

不正競争防止法」において、不正競争行為を類型化して規定している。 その一つである「 A の不正取得行為」とは、不正の利益を得る目的や他人に害を加える目的で、他人の商品やサービス名等と同一・類似の A を使用する権利を取得・保有またはその A を使用する行為が不正競争行為に該当する。例えば、他社の商品名と類似した A を取得後に、不当に高額な値段でそれを転売する行為や、他社のサービス名と類似した A を取得してアダルトサイトを開設し、相手に損害を与える行為が該当する。

1. APN

2. WWW

3. ドメイン

4. ローカルアドレス

解答

3

 

第18問

CSS3において、#ff0000と同じ赤となる値はどれか。以下より1つ選択しなさい。

1. hsla(0, 50%, 50%, 1)

2. hsla(0, 50%, 100%, 1)

3. hsla(0, 100%, 50%, 1)

4. hsla(0, 100%, 100%, 1)

解答

3

色相、彩度、明度、不透明度の順です。色相は、赤の0度からはじまって同じく赤の360度で終わるカラーサークル(色相環)の色の角度で指定します。彩度は100%でもっとも鮮やかになり、0%ではその逆になります。明度は100%で白になり、0%で黒になります。50%が標準の明度の状態になります。不透明度の値は0~1で、0は透明、1は不透明です。

 

第19問

Domain Name Systemのレコードタイプで、別名を定義するレコードはどれか。以下より1つ選択しなさい。

1. A

2. CNAME

3. MX

4. SRV

解答

2

1 はドメインIPアドレスに置き換えるレコードです。3 はメールサーバのホスト名を記載するレコードです。4 は負荷分散サービスの提供/冗長性の確保/サービスポート番号の通知を可能とするレコードです。

 

第20問

W3Cにおいて標準化されていないものはどれか。以下より 1 つ選択しなさい。

1. XML

2. SVG

3. SGML

4. WCAG

解答

3

SGML は ISO 8879 として標準化されています。

 

第21問

HTMLやCSSのコーディング規約を作る際、一般的に記載しておくものとして不適切なものはどれか。以下より1つ選択しなさい。

1. ディレクトリの構成

2. ソースコード内の空白やインデントのルール

3. IDやclassの命名規則

4. マークアップをするソフトウェアのショートカットキーの一覧

解答

4

ショートカットキー一覧は便利帳にでも書いておいてください。

 

第22問

「ソーシャル・エンジニアリング」に該当しない事例を、以下より1つ選択しなさい。

1. ディスプレイに付箋で貼っていた他人のIDとパスワードを覚えてログインする。

2. ネットワーク保守の業者を装って電話をし、担当者のユーザIDとパスワードを聞き出す。

3. SNSで呼びかけて、集まった人でサイトにDoS攻撃をする。

4. 他人の会話を盗み聞きして機密情報を入手する。

解答

3

 

第23問

次の文章の A にあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。

httpは A 通信のため、処理単位に通信が切断されるプロトコルである。

1. ステートレス

2. ステートフル

3. コネクションフル

4. コラボレーション

解答

1

2 はシステムが現在の状態を表すデータなどを保持しており、その内容を処理に反映させる方式です。3 は造語のような気もしますが、コネクション型プロトコルのことですかね?通信を開始するときにコネクションを確立することです。4 は協同の作業・活動。特に合作のことですね。

 

第24問

アクセシビリティ上、問題のないと思われる文章表現はどれか。最も適切なものを以下より1つ選択しなさい。

1. 必須項目は赤で示しています。

2. 下記の注意事項をよく読んでください。

3. 右のボタンをクリックすると次に進みます。

4. アイコンの大きさがレベルを表しています。

解答

2

他は例えば目が不自由な方用に音声で伝えようとしても伝わりません。

 

第25問

HTML5で意味・役割が大きく変更された要素はどれか。以下より 1 つ選択しなさい。

1. tt

2. big

3. em

4. strong

解答

4

重要性の強さの程度を指定し分けることができるようになっています。

 

第26問

次の文章の A にあてはまる語句として適切なものを、以下より1つ選択しなさい。

事業所で行われている日常の安全衛生活動の一つに5S運動があるが、これは整理、整頓、 A 、清潔、躾(しつけ)の5つの、それぞれの頭文字のSを取ったものである。

1. 指導

2. 清掃

3. 整列

4. 指差

解答

2

 

第27問

一般的に、アクセス解析において1か月の合計値が一番大きくなるものを、以下より1つ選択しなさい。

1. Daily Active Users

2. Monthly Active Users

3. Page View

4. Unique Browser

解答

3

1 は日間来訪者数、2 は月間来訪者数、3 はページ閲覧数、4 はブラウザ毎の訪問回数

 

第28問

マルバタイジングの説明として適切なものを、以下より1つ選択しなさい。

1. コンピュータに感染し、そのコンピュータを、ネットワークを通じて外部から操作することを目的として作られた不正プログラムである。

2. ユーザや管理者の意図に反してインストールされ、ユーザの個人情報やアクセス履歴などの情報を収集する不正プログラムである。

3. ウェブサイトで配信される広告に不正なソフトウェアを混入しておき、それを閲覧した者を悪意のあるウェブサイトに誘導し、不正プログラムに感染させる攻撃手法である。

4. 検索エンジン最適化機能を悪用して、不正プログラムを埋め込むなどの悪意のあるウェブサイトを検索結果の上位に表示し、そのサイトに閲覧者を誘導する手法である。

解答

3

1 はマルウェア、2 はスパイウェア、4 はSEOポイズニングです。

 

第29問

次のコードを書き、クリックした<a>要素に対応した<li>要素の背景と文字の色を図のように変えたい。この場合、コードの A から C のいずれにも使われない要素を、以下より1つ選択しなさい。

f:id:Syarah:20190614113533j:plain

コード

<style>
  A   {
    color: white;
    background-color: black;
}
ul {
    list-style: none;
}
</style>
<div>
    <a   B   ="#item1">項目 1 へ </a><br />
    <a   B   ="#item2">項目 2 へ </a>
    <ul>
        <li   C   ="item1">項目 1</li>
        <li   C   ="item2">項目 2</li>
    </ul>
</div>

1. :target

2. href

3. id

4. :active

解答

4

疑似セレクタの :target を定義し、a要素の href属性を記載し、li要素にidを設定することで、クリック時にそのidを持ったli要素に:targetの内容が適用されます。

 

第30問

WCAG2.0のガイドライン2.1で示されている内容として、正しいものを以下より1つ選択しなさい。

1. すべての機能を音声で利用できるようにすること。

2. すべての機能をキーボードで利用できるようにすること。

3. すべての機能をオフラインで利用できるようにすること。

4. すべての機能をセキュリティ上の危険の及ばない状態で利用できるようにすること。

解答

2

 

第31問

HTML5において、img要素に必ず指定しなければならない属性はどれか。以下より1つ選択しなさい。

1. alt属性

2. src属性

3. width属性とheight属性

4. title属性

解答

2

HTML4.01ではalt属性は必須でしたが、変更されました。

 

第32問

SQLのデータ操作言語の文中の最初の単語で示される機能として、正しい組合せを以下より1つ選択しなさい。

1. DELETE:挿入する

2. SELECT:検索する

3. INSERT:更新する

4. UPDATE:削除する

解答

2

1 は削除する、3 は挿入する、4 は更新するです。

 

第33問

JavaScriptコードのdocument.getElementById()メソッドで得た要素の参照が、変数elementに納められている。この要素の文字色を青(カラー名"blue")にしたいとき、適切なコードはどれか。以下より1つ選択しなさい。

1. element.style.color = "blue";

2. element.style = "color: blue;";

3. element.css("color", "blue");

4. element.css.color = "blue";

解答

1

 

第34問

次の文章は、入力フォームへの対策に関するものである。 A 及び B にあてはまる語句の組合せとして適切なものを、以下より1つ選択しなさい。

ユーザが入力フォームに入力したデータをウェブサーバに送信する際、 A を使用すると入力したデータがクエリ文字列として表示されて送られるため、情報が漏えいしてしまう可能性が高くなる。入力したデータを表示させずに送るためには、 B を使用する。

1. A: GETメソッド   B: POSTメソッド

2. A: POSTメソッド B: GETメソッド

3. A: PATCHメソッド B: PUTメソッド

4. A: PUTメソッド  B: PATCHメソッド

解答

1

PUT: リソースの作成、または更新するメソッド、PATCHはリソースを部分更新するメソッドです。

 

第35問

HTML5において、動画に対する字幕のデータを指定する際に使用する要素はどれか。以下より1つ選択しなさい。

1. data要素

2. track要素

3. source要素

4. output要素

解答

2

 

第36問

ジェームズ・J・ギブソンによる造語で、ドナルド・A・ノーマンがユーザインタフェースやデザインの領域において定着させた、「物体の持つ属性が、物体自身をどう取り扱ったらよいかについてのメッセージをユーザに対して発している」とする考えはどれか。以下より1つ選択しなさい。

1. アフォーダンス

2. アコーダンス

3. インタラクション

4. エクスペリエンス

解答

1

2 はカクテルですかね?
3 は人間が何かアクションをした時、そのアクションが一方通行にならず、相手側のシステムなり機器がそのアクションに対応したリアクションをすることです。
4は経験、体験のことです。

 

第37問

マンセルカラーシステムにおける基本 5 色相に含まれないものはどれか。以下より 1 つ選択しなさい。

1. 赤

2. 紫

3. 青

4. 白

解答

4

赤、黄、緑、青、紫です。

 

第38問

次のようなコード表現をできるプログラム言語はどれか。適切なものを以下より1つ選択しなさい。なお、独自に作成した関数などは使用していないものとする。

echo "Hello World!";

1. JavaScript

2. Perl

3. PHP

4. Java

解答

3

 

第39問

特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より1つ選択しなさい。

1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止されている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。

2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表示するための方法を表示しなくてはならない。

3. 電子メールアドレスまたはURL等は電子メール広告の本文に記載しなくてはならず、かつ消費者が容易に認識できるように表示しなくてはならない。

4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電子メール広告を最後に送った日から3年間保存しておかなくてはならない。

解答

1

ショートメールも含まれます。

 

第40問

CSS2.1の仕様に含まれているプロパティはどれか。以下より1つ選択しなさい。

1. border-radius

2. box-shadow

3. text-shadow

4. direction

解答

4

文字表記の方向(左右)を指定する際に使用します。他はCSS3で追加されました。

 

ウェブデザイン技能検定2級 H28年度 第4回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

HTML5 において、td 要素のrowspan 属性は廃止されている。

解答

2.間違い

 

第2問

CSS2.1 の仕様では、単位「px」は「相対単位」に分類されている。

解答

2.間違い

絶対単位となっています。

 

第3問

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

解答

1.正しい

 

第4問

ネットワークアクセス制御技術の一つであるアプリケーションゲートウェイは、HTTPやFTPSMTPなどのアプリケーションプロトコルに基づいて、アプリケーションレベルでサービス利用の可否などの制御を行う。

解答

1.正しい

 

第5問

title 要素の内容は、ウェブページの先頭に表示される文字列もしくは画像の代替テキストと同一でなければならない。

解答

2.間違い

なんでも良いですが、ウェブページのタイトルに相応しい内容にすべきですね。

 

第6問

特定商取引に関する法律」(特定商取引法)において、インターネットショッピングやインターネットオークションは、訪問販売や電話勧誘販売と同様に、クーリング・オフが適用される。

解答

2.間違い

適用されませんのでご注意を。

 

第7問

label 要素を使わずに、その代わりとしてplaceholder 属性を使うことは、アクセシビリティおよびユーザビリティの観点から推奨されない。

解答

1.正しい

label が無い場合、何を入力するフォームか分からなくなる場合があるため推奨されません。

 

第8問

データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。

解答

1.正しい

 

第9問

Document Object Model (DOM) の仕様は、JavaScript によるウェブページの制御のみを対象としている。

解答

2.間違い

JavaScriptだけではありません。

 

第10問

あるページの1 日のページビュー(PV)が1000 の場合、その日は1000 人のユーザがアクセスしたことになる。

解答

2.間違い

ユーザアクセス数ではなく、そのページが表示された回数です。

 

第11問

コンテンツマネジメントシステムCMS)を利用するには、データベースサーバへの接続が必須である。

解答

2.間違い

コンテンツ マネジメント システムとは、Webサイト運営にあたり、HTMLやCSSの書き換えなど面倒で手間のかかる作業をしなくても、管理画面を通して記事や画像を登録・更新できるシステムです 。データベースは関係ありません。

 

第12問

cookie とは、ウェブブラウザで入力したユーザID・パスワード、ユーザ設定情報などをコンピュータに保存し、同じウェブサイトに再アクセスした際に活用される仕組みである。cookie は暗号化して送受信されるため、ネットサーフィンをしているだけでは、cookie が盗聴される危険性はない。

解答

2.間違い

盗聴は防げません。

 

第13問

IPv6 で定義可能なIP アドレスの数の理論値は、2 の32 乗である。

解答

2.間違い

2の128乗です。

 

第14問

厚生労働省の「VDT 作業における労働安全衛生管理のためのガイドライン」では、作業者の疲労等を軽減し、作業者が支障なく作業を行うことができるよう、照明、採光、グレアの防止、騒音の低減措置等について基準を定め、VDT 作業に適した作業環境管理を行うこととしている。

解答

1.正しい

 

第15問

CSS3 の仕様はモジュール化されて複数存在しているが、2017 年1 月の時点で確定した仕様(W3C 勧告)のモジュールは一つもない。

解答

2.間違い

全部見た訳ではありませんが、2011年にはモジュール化された仕様があります。

 

ここからは4択の問題となります。

 

第16問

次の文章は、ウェブサイト制作にあたり、企画段階で作成する提案依頼書に関する記述である。 A および B にあてはまる語句の組合せとして最も適切なものを、以下より1 つ選択しなさい。

提案依頼書(RFP)とは、サイト制作を発注する側が制作候補業者に対して、 A な提案を依頼するための文書である。この文書の記載項目には、 B 、目標・成果、予算、スケジュールなどを含める。

1. A:具体的 B:サイトの目的

2. A:具体的 B:コーディングのルール

3. A:技術的 B:サイトの目的

4. A:技術的 B:コーディングのルール

解答

1

 

第17問

HTML4.01 の仕様には含まれていたが、HTML5 の仕様からは削除された要素はどれか。以下より1 つ選択しなさい。

1. iframe

2. embed

3. marquee

4. tt

解答

4

tt要素で囲まれたテキストを等幅フォントで表示しますが廃止されました。

 

第18問

変数element に納めた要素の文字色を、JavaScript コードで青(カラーネームblue)に定めたい。この場合、適切ではないコードはどれか。以下より1 つ選択しなさい。

1. element.style.cssText = 'color: blue';

2. element.setAttribute('style', 'color: blue');

3. element.style.color = 'blue';

4. element.style.css = 'color: blue';

解答

4

element.style.css は存在しません。

 

第19問

WPA2 の説明として適切なものを、以下より1 つ選択しなさい。

1. 双方向の無線通信を実現するための手法の一つであり、通信経路の周波数帯を二つに分割し、同時通信を可能とする方式である。

2. 双方向の無線通信を実現するための手法の一つであり、通信経路を時間軸で細かく区分し、送信と受信を高速に切り替える方式である。

3. 暗号化にはRC4 が採用されていて、暗号キーの生成は単純であるため、暗号の解読は比較的容易となる。

4. 強力な暗号技術であるAES を採用しているため、暗号キーの生成方法は複雑であり、暗号の解読は現状では不可能とされている。

解答

4

 

第20問

W3C において、標準化されていないものはどれか。以下より1 つ選択しなさい。

1. XML

2. SVG

3. SGML

4. MathML

解答

3

SGML は ISO 8879 として標準化されています。

 

第21問

背景色と文字色のカラーコードの組合せのうち、コントラスト比が一番高い組合せはどれか。以下より1 つ選択しなさい。

1. 背景色 #444444 : 文字色 #000000

2. 背景色 #999999 : 文字色 #000000

3. 背景色 #aaaaaa : 文字色 #000000

4. 背景色 #eeeeee : 文字色 #000000

解答

4

1は 2.2 : 1、2は 7.4 : 1、3は 9 : 1、4は 18.1 : 1 です。計算式は下記に引用します。

以下の公式を用いて、各文字(すべて同一ではない限り)の相対輝度を測る:
色の相対輝度 L = 0.2126 * R + 0.7152 * G + 0.0722 * B と定義されている。この場合のR, G 及び B は:
RsRGB <= 0.03928 の場合:R = RsRGB/12.92、それ以外の場合: R = ((RsRGB+0.055)/1.055) ^ 2.4
GsRGB <= 0.03928 の場合:G = GsRGB/12.92、それ以外の場合:G = ((GsRGB+0.055)/1.055) ^ 2.4
BsRGB <= 0.03928 の場合:B = BsRGB/12.92、それ以外の場合:B = ((BsRGB+0.055)/1.055) ^ 2.4
注記: また、RsRGB, GsRGB, 及び BsRGBは以下のように定義される:
RsRGB = R8bit/255
GsRGB = G8bit/255
BsRGB = B8bit/255
注記: "^"記号は指数演算子である。
注記: エイリアス文字では文字の端から2ピクセルの部分の相対輝度の値を使用する。
同じ公式を用いて、文字のすぐ隣の背景のピクセルの相対輝度を測る。
次の公式を用いて、コントラスト比を算出する。
(L1 + 0.05) / (L2 + 0.05)
L1は前景または背景色の明るい方の相対輝度である。及び、
L2は前景または背景色の暗い方の相対輝度である。

 

第22問

次の文章は、ウェブ上での権利侵害に関するものである。 A にあてはまる語句として適切なものを、以下より1 つ選択しなさい。

A において、インターネットへの接続サービスを提供する者やウェブサーバ管理者、電子掲示板などの管理者が、他人の権利を侵害する情報を放置していた場合は、権利を侵害されたとする者から、損害賠償を受ける可能性があるとしている。また、実際は権利を侵害していない情報を削除した場合は、情報の発信者から、損害賠償を受ける可能性があるとしている。

1. 「電気通信事業法

2. 「電気通信役務利用放送法

3. 「特定電気通信役務提供者の損害賠償責任の制限及び発信者情報の開示に関する法律」(プロバイダ責任制限法

4. 「不正アクセス行為の禁止等に関する法律」(不正アクセス禁止法

解答

3

 

第23問

WCAG2.0 において、支援技術を用いることなくテキストを200%までサイズ変更できることが求められているが、その例外とされているものはどれか。以下より1 つ選択しなさい。

1. キャプション

2. 表のセル内のテキスト

3. small 要素内のテキスト

4. フォーム部品内のテキスト

解答

1

 

第24問

主にソーシャルメディア広告で用いられ、ユーザの「フォロー」や「シェア」などの反応に基づく料金形態はどれか。以下より1 つ選択しなさい。

1. インプレッション保証型

2. エンゲージメント課金型

3. 成功報酬型

4. 期間保証型

解答

2

1 は広告の表示回数ごとに料金を設定する方法です。
3 は設置された広告によってウェブサイトの閲覧者が広告主の商品あるいはサービス等を購入し、生じた利益に応じて広告媒体に客引きの成功報酬を与える一連の形態です。
4 はサイトなどの特定の箇所に特定の期間だけ掲載することを保証する方式です。

 

第25問

WCAG2.0 において、テキストに必要な最低限のコントラスト要件の例外となるものはどれか。以下より1 つ選択しなさい。

1. alt 属性の指定されているフォームの部品

2. name 属性の指定されているフォームの部品

3. value 属性の指定されているフォームの部品

4. disabled 属性の指定されているフォームの部品

解答

4

 

第26問

ruby 要素が使用可能なXHTML はどれか。以下より1 つ選択しなさい。

1. XHTML 1.0 Strict

2. XHTML 1.0 Transitional

3. XHTML 1.0 Frameset

4. XHTML 1.1

解答

4

 

第27問

パスワードリスト攻撃による被害を防ぐ対策として最も適切なものを、以下より1 つ選択しなさい。

1. ウェブサービスを利用するためのパスワードは、4 文字以上の英数字を用いる。

2. 複数のウェブサービスを利用する場合は、サービスごとに異なるユーザID とパスワードを設定する。

3. 無線LAN のアクセスポイントに設定するESSID は、16 文字以上の英数字を設定する。

4. OS のアップデートをこまめに行う。

解答

2

1でも大丈夫な場合があると思いますし、2でも駄目な場合があり得ますが…

 

第28問

インデックスカラーの説明として最も適切なものを、以下より1 つ選択しなさい。

1. JPEG 形式で利用できる色のこと

2. マンセルカラーシステムにおける色の順番のこと

3. ウェブページ内で使用されている色の数のこと

4. あらかじめ色番号を指定して定めた色のこと

解答

4

 

第29問

jQuery を利用して、HTML 表示時にID 名をmain と指定された要素内のテキスト部分の色を、赤く表示したい。実現できないものを以下より1 つ選択しなさい。

1.

$("#main").css({color: #F00});

2.

$("#main").css({color: "#F00"});

3.

$("#main").css("color", "#F00");

4.

$(window).load(function() {
    var cssObj = {"color": "rgb(255, 0, 0)"};
    $("#main").css(cssObj);
});

解答

1

HEX色指定にはダブルクォーテーションが必要です。

 

第30問

VDT 作業における留意点として不適切なものを、以下より1つ選択しなさい。

1. ディスプレイとおおむね100cm 以上の視距離が確保できるようにし、この距離で見やすいように必要に応じて適切な眼鏡による矯正を行うこと。

2. ディスプレイの上端が作業者の眼の高さとほぼ同じか、やや下になる高さにすることが望ましい。

3. ディスプレイは作業者にとって好ましい位置、角度、明るさ等に調整すること。

4. ディスプレイに表示する文字の大きさは、小さすぎないように配慮し、文字高さが概ね3mm 以上とするのが望ましい。

解答

1

40cm以上の視距離の確保が必要です。

 

第31問

HTML ドキュメントのテキストに次のような打ち消し線を加えたい。このとき、CSS のtext-decoration プロパティに定める値として適切なものはどれか。以下より1 つ選択しなさい。

  テキストに打ち消し線を加える。  

1. overline

2. strike-out

3. strike-through

4. line-through

解答

4

 

第32問

著作権に関する内容として誤っているものを、以下より1 つ選択しなさい。

1. アイディア自体は著作物には該当しないが、アイディアを解説した解説書は著作物に該当する。

2. 無料でダウンロードできるフリーソフトは著作物に該当しないが、市販されているアプリケーションソフトは著作物に該当する。

3. インターネットサービスプロバイダ等のサーバ管理を業とする者は、サーバの障害発生時における復旧を目的とする場合、そのサーバ内の著作物を含むデータをバックアップすることが認められる。

4. 新聞や雑誌に掲載された時事問題に関する論説は、利用を禁ずる旨の表示がない限り、他の雑誌に転載することができる。

解答

2

フリーソフトであっても著作物です。

 

第33問

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

1. カラーチャート

2. キービジュアル

3. ワイヤーフレーム

4. ムードボード

解答

2

1 は色見本の一覧です。
3 はページのレイアウトを定める設計図のことです。
4 は利用者に一般的な知覚を与えるような雰囲気を醸しだす写真や材料をつかって視覚的に構成したものです。

 

第34問

CSS セレクタのうち、最も詳細度の高いセレクタはどれか。以下より1 つ選択しなさい。

1. #a #b

2. body #a .b

3. html body #container .inner

4. body #a .b.c.d.e.f.g.h.i.j.k

解答

1

詳細度とは、どのプロパティ値が最もある要素に関係があり、適用されるかをブラウザが決定する手段です。全称セレクタ: a=0, b=0, c=0、要素,擬似要素: a=0, b=0, c=1、クラス,擬似クラス,属性: a=0, b=1, c=0、id: a=1, b=0, c=01 として、a.b.c それぞれ加算した結果が大きいと詳細度が高くなります。 1 は2.0.2、2 は1.1.1、3 は1.1.3、4 は1.1.2 となります。

 

第35問

管理しているウェブサイトで「503 Service Temporarily Unavailable」というエラーが出た場合の対処として、不適切なものはどれか。以下より1 つ選択しなさい。

1. サーバを増設する。

2. キャッシュなどを用いてサイト内ファイルのリクエスト数を減らす。

3. 該当のURL にファイルがアップロードされているか確認する。

4. ユーザのアクセス時期が分散するコンテンツを検討する。

解答

3

3 は 404 (File)Not Found ですね。

 

第36問

次のHTML によるウェブページで、「花の画像を表示する」のリンクをクリックすると、次の図のように花の画像が表示されるようにしたい。この場合、記述するJavaScript のコードとして適切なものはどれか。以下より1 つ選択しなさい。

f:id:Syarah:20190613175728j:plain

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
main {
        padding: 10px;
}
img{
        display: none;
}
</style>
</head>
<body>
<h1>ウェブデザイン技能検定</h1>
<main>
        <h2><a href="#" onclick="showImage()">花の画像を表示する</a></h2>
        <div><img src="flower.jpg" alt="花の画像" id="image_flower"></div>
        <div><img src="mountain.jpg" alt="山の画像" id="image_mountain"></div>
</main>
</body>
</html>

1. function showImage() {document.getElementById("image_flower").style.display = "block";}

2. showImage() {document.getElementById("image_flower").style.display = "block";}

3. function showImage(document.getElementById("image_flower").style.display = "block");

4. function showImage() {document.getElementsByTagName("img").style.display = "block";}

解答

1

クリックすると function showImage() がコールされ、idがimage_flowerのオブジェクト.style.display に "block"を設定することで表示されます。

 

第37問

次の図に示されるようなHTML のレイアウトを実現するための適切なスタイルシートを、以下より1 つ選択しなさい。

f:id:Syarah:20190613180353j:plain

HTML

~略~
<body>
<header>
<h1>ウェブデザイン技能検定</h1>
<nav>
<ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="skills.html">Skills</a></li>
        <li><a href="faq.html">FAQ</a></li>
        <li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<main>
        <h2>Lorem ipsum</h2>
        <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore 
et dolore magna aliqua.
        </p>
</main>
</body>
~略~

1.

main {
        background-color: #CCC;
        padding: 10px;
}
ul {
        padding: 0px;
}
ul li {
        background-color: #333;
        list-style-type: none;
        padding: 10px;
}
ul li a {
        text-decoration: none;
        color: #FFF;
}

2.

main {
        background-color: #CCC;
        padding: 10px;
}
ul {
        padding: 0px;
}
ul li {
        background-color: #333;
        list-style-type: none;
        padding: 10px;
        float: left;
}
ul li a {
        text-decoration: none;
        color: #FFF;
}

3.

main {
        background-color: #CCC;
        padding: 10px;
}
ul li {
        background-color: #333;
        padding: 10px;
}
ul li a {
        text-decoration: none;
        color: #FFF;
}

4.

main {
        background-color: #CCC;
        padding: 10px;
        clear: both;
}
ul {
        padding: 0px;
}
ul li {
        background-color: #333;
        list-style-type: none;
        padding: 10px;
        float: left;
}
ul li a {
        text-decoration: none;
        color: #FFF;
}

解答

4

ナビゲーション部の float: left; を main部の clear: both; で解除する必要があります。

 

第38問

HTML5 において、文法的にbody 要素の直接の子要素として配置できない要素はどれか。以下より1 つ選択しなさい。

1. a 要素

2. em 要素

3. img 要素

4. figcaption 要素

解答

4

配置できるのはフローコンテンツのみです。

 

第39問

SQL のデータ操作言語の機能として、正しい組合せはどれか。以下より1つ選択しなさい。

1. SELECT:挿入する

2. DELETE:検索する

3. UPDATE:更新する

4. INSERT:削除する

解答

3

1 は検索する、2 は削除する、4 は挿入する、です。

 

第40問

CSS を用いて色を表現する場合、何種類の色が指定できるか。正しい数を以下より1 つ選択しなさい。

1. 216 種類

2. 4096 種類

3. 2097152 種類

4. 16777216 種類

解答

4

RGBそれぞれ256段階のため、256×256×256 = 16777216 となります。

 

ウェブデザイン技能検定3級 H29年度 第1回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

head 要素は body 要素の前に記述する。

解答

1.正しい

 

第2問

アクセシビリティの観点から、img 要素の alt 属性には何らかのテキストを入力することが必須である。

解答

2.間違い

何らかのテキストではなく、画像が表示されなかった際に画像の代わりにテキストを表示したり、視覚障害者のためのスクリーンリーダ等で読み上げるためのテキストを入力する必要があります。

 

第3問

画像データであれば、拡張子を.jpeg に変更すれば JPEG 形式のファイル形式となる。

解答

2.間違い

拡張子を jpeg に変えても、ファイル形式は変わりません。

 

第4問

擬似要素:hover は a 要素のみに指定できる。

解答

2.間違い

a要素だけでなく、カーソルが乗る要素全てに使用できます。

 

第5問

非可逆圧縮では、圧縮データを復号しても、圧縮前のデータを完全に復元することはできない。

解答

1.正しい

圧縮前のデータを完全に復元できるのは可逆圧縮です。

 

第6問

ウェブサイトを構築する際、スマートフォン向けウェブサイトとパソコンからアクセスするウェブサイトは、同じ内容であっても、必ず別々にデータを用意しなければならない。

解答

2.間違い

見やすいかどうかは分かりませんが別々にデータを用意する必要はありません。

 

第7問

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

解答

2.間違い

住所に限らず、ホームページのリンク先・メールアドレス・住所・電話番号・FAX等 連絡をとるために必要な情報を配置することができます。

 

第8問

1 インチの中に、いくつのピクセルがあるかを示した単位を「ppi」という。

解答

1.正しい

ピクセル / インチ です。

 

第9問

入力欄があるウェブページでは、ユーザが何をどのような形式で入力すべきか、ラベルまたは説明文をつけて十分に知らせる必要がある。

解答

1.正しい

 

第10問

厚生労働省の定める「VDT 作業における労働衛生管理のためのガイドライン」では、作業者の健康管理の 1 つとして、就業の前後または就業中に、体操、ストレッチ、リラクゼーション、軽い運動等を行うことが望ましいとされている。

解答

1.正しい

 

ここからは4択の問題となります。

 

第11問

HTML5 において、使用できない要素はどれか。以下より 1 つ選択しなさい。

1. b

2. s

3. small

4. basefont

解答

4

basefont要素は、これ以降のフォントの基準サイズや基準の色などを指定する要素でしたがHTML5にて廃止されました。

 

第12問

日常的に行うべきセキュリティ対策として不適切なものを、以下より 1 つ選択しなさい。

1. クリアスクリーンポリシーに則り、第三者に見られたり、操作されたりしないようにするため、パソコンやスマートフォンなどは画面をロックしておく。

2. 電子メールを受信した際は、差出人欄を確認し、差出人がアドレス帳に登録されている者や著名な組織・企業であれば、不正なメールではないと判断できるため、ファイルが添付されていた場合は開くようにする。

3. パソコンやスマートフォンなどにセキュリティソフトを導入し、セキュリティソフトのパターンファイルを常に更新して、最新の状態となるよう定期的に確認をする。

4. パソコンやスマートフォンなどの OS やアプリケーションソフトにセキュリティパッチを適用し、最新のバージョンとなるように随時更新を行う。

解答

2

差出人は偽装できるため、たとえアドレス帳に登録されていたとしても、メール内容を確認してから添付ファイルの扱いを決めましょう。

 

第13問

外部スタイルシートを利用することのメリットとして、直接関係ないものを、以下より 1 つ選択しなさい。

1. ページレイアウトが正しく再現される。

2. デバイスやユーザ環境に応じたスタイルシートを適用させることが容易となる。

3. 複数ページに同一のスタイルを適用することが容易となる。

4. HTML に手を加えることなくレイアウトを変更できる。

解答

1

正しく再現できるかは外部スタイルシートの内容によります。

 

第14問

ビットマップデータでないファイル形式はどれか。以下より1つ選択しなさい。

1. SVG

2. JPEG

3. PNG

4. BMP

解答

1

SVGベクターデータ のファイル形式です。

 

第15問

HTML5 のセクショニング・コンテンツに該当しない要素はどれか。以下より 1 つ選択しなさい。

1. nav 要素

2. main 要素

3. article 要素

4. section 要素

解答

2

セクショニング・コンテンツとは article要素、aside要素、nav要素、section要素です。

 

第16問

SSL を使用しているウェブサイトにおいて、その URL はどのような文字列で始まるか。適切なものを以下より 1つ選択しなさい。

1. ftp://

2. file://

3. http://

4. https://

解答

4

httpsSSLを利用したhttp通信です。

 

第17問

次の CSS の指定が適用された要素のフォントサイズはどうなるか。最も適切なものを以下より 1 つ選択しなさい。

コード

    font-size: 1.5em;

1. 必ず 15px になる。

2. 親要素のフォントサイズの 1.5 倍になる。

3. font-size プロパティの値に em は使用できないので不定となる。

4. ブラウザの環境設定の画面で指定されているフォントサイズの 1.5 倍になる。

解答

2

「em」はfont-sizeプロパティの値を1とする大きさです。

 

第18問

次の HTML を、一般的なウェブブラウザで表示させた場合の例はどれか。以下より 1 つ選択しなさい。

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
</head>
<body>
<h1>ウェブデザイン技能検定</h1>
<ol>
    <li><a href="skills.html">技能検定とは</a></li>
    <li><a href="skill_test.html">ウェブデザイン技能検定とは</a></li>
    <li><h2>試験申し込み</h2>
        <ul>
            <li><a href="outline.html">試験概要</a></li>
            <li><a href="date.html">試験日程</a></li>
            <li><a href="apply.html">受験申請</a></li>
        </ul>
    </li>
</ol>
</body>
</html>

1.

f:id:Syarah:20190603205539j:plain

2.

f:id:Syarah:20190603205553j:plain

3.

f:id:Syarah:20190603205602j:plain

4.

f:id:Syarah:20190603205610j:plain
解答

3

 

第19問

フォーム送信の時などに用いる「GETメソッド」「POSTメソッド」の説明について、適切なものを以下より1つ選択しなさい。

1. 「GET メソッド」はクライアントがサーバにデータを送信しない。

2. 「GET メソッド」はパスワードなどを送るときに使用してはならない。

3. 「POST メソッド」は「GET メソッド」より送信できる情報量が少ない。

4. 「POST メソッド」は値を URL に付けて送信する。

解答

2

「GETメソッド」は値をURLに付けて送信するためパスワード等には使いません。

 

第20問

光の三原色である色はどれか。以下より 1 つ選択しなさい。

1. 緑

2. 橙

3. 黄

4. 白

解答

1

光の三原色は、赤・緑・青の三色です。

 

第21問

XHTML1.0 Transitional では使用できて、XHTML1.0 Strict では使用できない要素はどれか。以下より 1つ選択しなさい。

1. br要素

2. pre要素

3. center要素

4. span要素

解答

3

中に含まれるブロックレベルまたはインラインコンテンツを中央揃えして表示するブロックレベル要素です。

 

第22問

HTTP ステータスコードのうち、「404 Not Found」が表しているものはどれか。以下より 1 つ選択しなさい。

1. リクエストが成功した。

2. リソースが見つからなかった。

3. 不正なゲートウェイ

4. サービス利用不可。

解答

2

1は「200 OK」、3は「502 Bad Gateway」、4は「503 Service Unavailable」です。

 

第23問

example.com の「.com」は TLD と呼ばれるが、この TLD とは何の略か。適切なものを以下より 1 つ選択しなさい。

1. Too Little Domain

2. Top List Domain

3. Top Level Domain

4. Too Late Domain

解答

3

 

第24問

ユニバーサルデザインについての説明として、間違っているものはどれか。以下より 1 つ選択しなさい。

1. 対象となるのは高齢者や何らかの障害を持った人である。

2. それぞれの状況に応じて複数の手段があるときどれを選んでも気持ちよく実行できる。

3. すべての人が人生のある時点で何らかの障害をもつという考え方から発想された。

4. 利用するときに気持ちよく使える大きさと空間を確保するようにする。

解答

1

対象となるのは高齢者や何らかの障害を持った人だけではありません。

 

第25問

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

  2.1  キーボード操作可能のガイドライン
      A   をキーボードから利用できるようにする。

1. 重要なフォーム部品

2. 必須入力のフォーム部品

3. 全てのフォーム部品

4. 全ての機能

解答

4

TABキーでフォームを選択、SPACEキーでチェックしたり等、全ての機能がキーボードで使える必要があります。

 

ウェブデザイン技能検定3級 H29年度 第2回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

いかなる環境においても、インターネットにおける通信速度に差異はない。

解答

2.間違い

環境等により通信速度は変わります。

 

第2問

動画ファイルであっても、拡張子が jpeg であれば静止画として表示できる。

解答

2.間違い

拡張子を変更してもファイル形式は変わりません。

 

第3問

CSS の仕様上、ボックスのマージン領域は常に透明であり、背景を表示させることはできない。

解答

1.正しい

 

第4問

著作権法において、ウェブサイト内にコピーライトの記載を行わなかった場合、そのウェブサイトの著作権を放棄したことになる。

解答

2.間違い

コピーライトが無いからといって著作権を放棄したことにはなりません。

 

第5問

ユーザエージェント(UserAgent)は、HTTP ヘッダに含まれている。

解答

1.正しい

 

第6問

ディスプレイ画面との視距離はおおむね 40cm 以上が適正とされているのは、眼に負担をかけないで画面を明視することができ、かつ、眼とキーボードや書類との距離の間に極端な差が生じないようにするためである。

解答

1.正しい

 

第7問

HTML5 では、タグの省略は一切認められていない。

解答

2.間違い

条件にもよりますが、html要素、head要素、body要素、p終了タグなどが省略できます。

 

第8問

アクセシビリティに配慮するのであれば、テキストとその背景のコントラスト比は可能な限り低くした方がよい。

解答

2.間違い

コントラスト比は高くしましょう。

 

第9問

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

解答

1.正しい

anonymous FTPと呼ばれます。

 

第10問

自分のマイナンバー(個人番号)や、不正に取得した第三者マイナンバーをウェブ上で公開することは、マイナンバー法において処罰の対象となる。

解答

1.正しい

 

ここからは4択の問題となります。

 

第11問

アンシャープマスクの説明として最も適切なものを、以下より 1 つ選択しなさい。

1. ピクセル間の色の差を強調するフィルタ

2. 画像全体をぼかすフィルタ

3. 隣接するピクセルの色を同じにするフィルタ

4. 画像全体を暗くするフィルタ

解答

1

ピンボケを直す(エッジを効かせて境界をはっきりさせる)フィルタですね

 

第12問

ウェブページの内容に関する問い合わせ先として電話番号を掲載する場合、どの要素としてマークアップすべきか。最も適切なものを以下より 1 つ選択しなさい。

1. b

2. span

3. strong

4. address

解答

4

 

第13問

CSS2.1 の仕様に含まれていない display プロパティの値はどれか。以下より 1 つ選択しなさい。

1. none

2. flex

3. block

4. inline

解答

2

CSS3にて追加されました。

 

第14問

マルウェア(不正プログラム)への対策として不適切なものを、以下より 1 つ選択しなさい。

1. 信頼性の低いウェブサイトから、安易にプログラムをダウンロードしないこと。

2. 見知らぬ相手から届いた電子メールにファイルが添付されていた場合は、安易にそのファイルを開かないこと。

3. マルウェア感染の被害に備えるため、ファイルのバックアップを定期的に行い、それを一定期間保存すること。

4. ソフトウェアのベンダーから、ウェブブラウザやセキュリティ対策ソフトなどのアップデートの通知が届いても、修正プログラムはすぐに適用せず、できる限り現状を保ち続けること。

解答

4

基本的には最新バージョンにアップデートしましょう。

 

第15問

ウェブブラウザ上で番号付きリストが次の例のように表示される HTML はどれか。以下より 1 つ選択しなさい。

検定実施地域
東日本
  1. 宮城
  2. 埼玉
  3. 東京
  4. 神奈川
西日本
  1. 愛知
  2. 大阪
  3. 福岡

1.

<h1>検定実施地域</h1>
<h2>東日本</h2>
<ol>
    <li>宮城</li>
    <li>埼玉</li>
    <li>東京</li>
    <li>神奈川</li>
</ol>
<h2>西日本</h2>
<ol>
    <li start="5">愛知</li>
    <li>大阪</li>
    <li>福岡</li>
</ol>

2.

<h1>検定実施地域</h1>
<h2>東日本</h2>
<ol>
    <li>宮城</li>
    <li>埼玉</li>
    <li>東京</li>
    <li>神奈川</li>
</ol>
<h2>西日本</h2>
<ol start="5">
    <li>愛知</li>
    <li>大阪</li>
    <li>福岡</li>
</ol>

3.

<h1>検定実施地域</h1>
<h2>東日本</h2>
<ol>
    <li>宮城</li>
    <li>埼玉</li>
    <li>東京</li>
    <li>神奈川</li>
</ol>
<h2>西日本</h2>
<ol>
    <li number="5">愛知</li>
    <li number="6">大阪</li>
    <li number="7">福岡</li>
</ol>

4. HTML ではこのような表示はおこなえない

解答

2

ol要素のstart属性に開始数字を入れることでその番号から表示されます。

 

第16問

1 つのウェブサイトにおいて、ウェブページの表示や挙動がユーザにとって予測しやすいものはどれか。適切なものを以下から 1 つ選択しなさい。

1. ナビゲーションがウェブページごとに違う順序で表示される。

2. 同じ機能を提供するコンテンツブロックは、どのウェブページでも同じように表示される。

3. 入力画面でラベルが「確認」であるボタンをクリックすると、入力情報がシステムに登録される。

4. 複製や検索などを目的に文字を選択したとき、選択した文字が消えたように見える。

解答

2

混乱させないデザインが必要ですね。

 

第17問

図のようにラジオボタンとラベルのテキストを配置するため、次の HTML コードを書いた。ドキュメントが読み込まれたときには、id 属性に"yes"を与えた input 要素のラジオボタンがあらかじめ選ばれているようにしたい。 このとき、 A B C のいずれにも使わない属性はどれか。以下より 1 つ選択しなさい。

f:id:Syarah:20190531201928j:plain

HTMLコード

<div>
    <input   A   ="radio" name="answer" id="yes" value="yes"   B   >
    <label   C   ="yes">はい</label>
    <input   A   ="radio" name="answer" id="no" value="no">
    <label   C   ="no">いいえ</label>
</div>

1. on

2. checked

3. type

4. for

解答

1

inputタグのtype属性に"radio"を設定し、checked属性でチェック済みにします。labelタグはfor属性でフォーム部品とラベルを関連付けます。よって on は使いません。

 

第18問

個人情報の保護に関する法律個人情報保護法)」において、個人情報取扱事業者は、あらかじめ本人の同意を得ないで、特定された利用目的の達成に必要な範囲を超えて、個人情報を取り扱ってはならないとしている。 ここでの「本人の同意」の事例に該当しないものを、以下より 1 つ選択しなさい。

1. ウェブページに表示されている「同意します」の確認欄のボタンを、本人がクリックすること。

2. 同意することが書かれた書面を本人から受け取ること。

3. 同意することが書かれた本人からの電子メールを受信すること。

4. 同意するための手続きをウェブサイトで公開し、それを読むように本人に電子メールで知らせること。

解答

4

読むように知らせても読んだかどうか確認は出来ません。

 

第19問

次の文章は、不正ログインに関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

複数のインターネットサービスで、同じユーザ ID・パスワードの組合せを使い回していると、 A の被害にあいやすくなる。

1. セッションハイジャック

2. DDoS 攻撃

3. パスワードリスト攻撃

4. ドライブバイダウンロード攻撃

解答

3

セッションハイジャックとは、成り済ましの一種でクライアントとサーバの正規セッションに割り込んで、セッションを奪い取る行為のことです。

DDoS 攻撃とは、Distributed Denial of Service attackの略で、トロイの木馬などのマルウェアを使って複数のマシンを乗っ取った上で、DoS攻撃(Denial of Service attack)を仕掛ける攻撃手段です。

ドライブバイダウンロード攻撃とは、利用者が悪意のあるサイトを訪問した際に、自動的にウィルスなどの不正なプログラムをダウンロードさせる攻撃のことです。

 

第20問

音声ファイルの拡張子であるものはどれか。以下より 1 つ選択しなさい。

1. bmp

2. tiff

3. wav

4. gif

解答

3

 

第21問

XHTML1.0 と HTML5 では、あらわす意味が異なる要素はどれか。以下より 1 つ選択しなさい。

1. p

2. strong

3. q

4. blockquote

解答

2

HTML4.01, XHTML1.0, XHTML1.1では、より強い強調を示す場合は strong 要素を使うとされていましたが、HTML5では strong 要素から強調の意味が失われ、「重要性」を表す要素として定義されています。

 

第22問

CSS2.1 において、clear プロパティの適用対象として定義されている要素はどれか。以下より 1 つ選択しなさい。

1. インライン要素

2. ブロックレベル要素

3. float プロパティが指定されている要素

4. すべての要素

解答

2

CSS2の仕様より適用対象がブロックボックスを形成する要素(display : block ;)のみに変更されています。

 

第23問

画像を表示できないとき、画像の代わりに使用するテキストを指定する属性はどれか。以下より 1 つ選択しなさい。

1. alt 属性

2. title 属性

3. readonly 属性

4. placeholder 属性

解答

1

 

第24問

次の文章の A にあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。

製品やシステム、サービスの利用、もしくは予想された使い方によってもたらされる人々の知覚と反応のことを A という。

1. インタラクションデザイン

2. コミュニケーションデザイン

3. ユーザインタフェース

4. ユーザエクスペリエンス

解答

4

インタラクションデザインとは論理的かつ考え抜かれた動作と振るまいを備えた、魅力的なWebインターフェースをデザイナーが作るプロセスのことです。

コミュニケーションデザインとは、人と人のあいだのコミュニケーションをデザインすることです。

ユーザインタフェースとは、機械、特にコンピュータとその機械の利用者の間での情報をやりとりするためのインタフェースです。

 

第25問

次の HTML 文書をブラウザで表示させると、段落 1 と段落 2 の間のマージンによる間隔は何ピクセルになるか。以下より 1 つ選択しなさい。

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>サンプル</title>
<style>
p { margin: 50px 30px; }
</style>
</head>
<body>
<p>段落 1</p>
<p>段落 2</p>
</body>
</html>

1. 30px

2. 50px

3. 60px

4. 100px

解答

2

これ100pxじゃないんですかね?一段落目の下margin50pxと二段落目の上margin50pxの合わせて100pxだと思うんですけど…

 

ウェブデザイン技能検定3級 H29年度 第3回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

2017 年現在、HTML 5.1 は W3C 勧告として公開されている。

解答

1.正しい

 

第2問

プライベートネットワーク内の DMZ には外部ネットワークから侵入することができない。

解答

2.間違い

DeMilitarized Zoneの略で、直訳すると「非武装地帯」で、インタネットなどの外部ネットワークと社内ネットワークの中間につくられるネットワーク上のセグメント(区域)のことです。よって双方向からアクセスできます。

 

第3問

コンピュータの内部情報を外部に勝手に送信するマルウェアを特にランサムウェアと呼ぶ。

解答

2.間違い

感染したPCをロックしたり、ファイルを暗号化したりすることによって使用不能にしたのち、元に戻すことと引き換えに「身代金」を要求する不正プログラムです。

 

第4問

ウェブサイト上で使用する静止画の解像度は、必ず 72dpi 以下にしなければならない。

解答

2.間違い

見やすさはさておき、好きな解像度が使用できます。

 

第5問

VDT 作業に適した作業環境管理の一つに、室内はできるだけ明暗の対照が著しくなく、かつ、まぶしさを生じさせないようにすることがあげられる。

解答

1.正しい

 

第6問

銀行などからのお知らせを装った「情報確認のために」のようなメールをユーザに送りつけ、リンクをクリックさせることで偽サイトに誘導し、個人情報などを不正に取得する行為をフィッシングと呼ぶ。

解答

1.正しい

 

第7問

PNG は、ラスターグラフィックスの代表的なファイルフォーマットの一つである。

解答

1.正しい

ビットマップ画像とも言われ、画像をドットマトリクス状のピクセル群として捉え、RGB等の表色系に基づいたピクセルの色・濃度の値の配列情報として取り扱う画像形式です。

 

第8問

HTML のセクションの内部には、見出しを必ず 1 つ以上配置する必要がある。

解答

2.間違い

見出しは無くても構いません。

 

第9問

TCP/IPTCP と IP は OSI 参照モデルの 7 つの階層の内、どちらもデータリンク層に定義されている。

解答

2.間違い

TCPトランスポート層で動作するプロトコルです。IPはその下位のネットワーク層で動作するプロトコルです。

 

第10問

自動的な改行を防ぎたいスペースには「&nbsp;」を使用する。

解答

1.正しい

ノーブレークスペース と呼ばれ、スペースの箇所での自動的な改行を防ぐ特殊なスペースです。

 

ここからは4択の問題となります。

 

第11問

次の文章は、「個人情報の保護に関する法律」(個人情報保護法)における個人情報取扱事業者の義務規定に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。なお、それぞれの A には、同じ語句が入るものとする。

個人情報取扱事業者は、個人情報を取り扱うにあたっては、その  A  をできる限り特定しなけ
ればならない。また、個人情報取扱事業者は、あらかじめ本人の同意を得ないで、特定された
  A  の達成に必要な範囲を超えて、個人情報を取り扱ってはならない。

1. 使用期間

2. 利用目的

3. 収集件数

4. 保管手順

解答

2

 

第12問

Ajax の説明として適切でないものを、以下より 1 つ選択しなさい。

1. ページを再読み込みすることなく、サーバに非同期でリクエストを送る。

2. サーバと XML などのデータをやり取りし、それらを解析して扱う。

3. 開発元から無償公開されているコンポーネントをダウンロードして使う。

4. HTML や XML 文書は DOM で操作する。

解答

3

 

第13問

HTML において、「お問い合わせ」のページに掲載するフリーダイヤルの電話番号をマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. p

2. div

3. span

4. address

解答

4

 

第14問

次の HTML 文書をブラウザで表示させると、h1 要素の文字色は何色で表示されるか。以下より 1 つ選択しなさい。

HTML文章

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>タイトル</title>
<style>
#abc { color: blue }
h1 { color: green }
</style>
</head>
<body>
<h1 id="abc" style="color:red">見出し</h1>
</body>
</html>

1. 黒

2. 青

3. 緑

4. 赤

解答

4

h1要素のstyle属性で指定された赤が優先されます。

 

第15問

「できるだけ多くの人が利用可能であること」をコンセプトとするデザインとして最も適切なものを、以下より 1 つ選択しなさい。

1. バリアフリー

2. グリッドデザイン

3. ワールドデザイン

4. ユニバーサルデザイン

解答

4

バリアフリーは多様な人が社会に参加する上での障壁をなくすことです。グリッドデザインは画面やページを縦横に分断する直線で格子状に分割し、これを組み合わせて内部の要素の大きさや配置を決定していく方式です。ワールドデザインは…造語と思われます。

 

第16問

CSSの表示指定のあとに続けて記述することによって、たとえ競合する指定があったとしても、その指定を優先さ せて適用できる命令はどれか。以下より 1 つ選択しなさい。

1. !import

2. @import

3. !important

4. @important

解答

3

 

第17問

次の HTML コード及び適用される CSS に関して適切な説明を、以下より 1 つ選択しなさい。

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body>
<header>
    <h1>ウェブデザイン技能検定</h1>
</header>
<main>
    <article>
        <h2>ウェブデザイン技能検定とは</h2>
        <p>「ウェブデザイン」技能検定ではウェブデザインの関連標準規格に基づき実技および学科試験に
て評価します。</p>
    </article>
</main>
<aside>
    <ul>
        <li><a href="skilltest.html">技能検定について</a></li>
        <li><a href="skills.html">技能士について</a></li>
        <li><a href="faq.html">FAQ</a></li>
    </ul>
</aside>
<footer>ウェブデザイン技能検定</footer>
</body>
</html>

CSS(default.css)

main {
    width: 400px;
    float: left;
}
aside {
    margin-left: 420px;
}
footer {
    clear: both;
}

1. aside 要素内に箇条書き要素を配置することはできない。

2. article 要素の内容は aside 要素の右に配置される。

3. article 要素の内容は aside 要素の左に配置される。

4. footer 要素は main 要素および aside 要素に対して回り込んで表示される。

解答

3

article要素の親要素であるmain要素の幅が400px、aside要素の左マージンが420pxなので、article要素の内容はaside要素の左に配置されます。

 

第18問

HTML5 に関する記述として、適切なものを以下より 1 つ選択しなさい。

1. nav 要素はナビゲーションのリンクを含むセクションを表す。

2. リンク要素のすべてのグループが nav 要素の中にある必要がある。

3. nav 要素を footer 要素内にも配置することが推奨されている。

4. footer 要素内に main 要素を配置することができる。

解答

1

 

第19問

CSS で次のように margin プロパティに 2 つの数値を与えた。このとき定められる余白の値について、誤っているものはどれか。以下より 1 つ選択しなさい。

コード

margin: 10px 3px ;

1. 右余白 3 ピクセル

2. 左余白 10 ピクセル

3. 上余白 10 ピクセル

4. 下余白 10 ピクセル

解答

2

指定値が2つの場合、最初の値が上下のマージン、次の値が左右のマージンとなります。3つだと、上、左右、下。4つだと、上、右、下、左となります。

 

第20問

次の記述の A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。

  A  属性の値は、あるウェブページの中で同一のものを重複して用いてはならない。

1. id

2. alt

3. src

4. class

解答

1

 

第21問

HTML5 において使用できない要素はどれか。以下より 1 つ選択しなさい。

1. b

2. hr

3. font

4. small

解答

3

フォントの装飾に使われていましたが廃止されました。

 

第22問

DOM(Document Object Model)の説明として適切なものを、以下より 1 つ選択しなさい。

1. HTML 要素の class などの属性は操作できない。

2. HTML や XML 文書を表現・操作する API である。

3. ISO で仕様を勧告されている。

4. ブラウザで文書をノードのリニア構造として読み込む。

解答

2

 

第23問

img 要素に指定する alt 属性の用途の説明として最も適切なものはどれか。以下より 1 つ選択しなさい。

1. ツールチップで表示させたいテキストを指定する。

2. 画像に対する補足の情報を付加する。

3. 画像が利用できない場合に、代わりとして使用するテキストを指定する。

4. 視覚障害者に対して、どのように見える画像なのかを説明する。

解答

3

 

第24問

HTML の table 要素に関する以下の説明のうち、適切なものを 1 つ選択しなさい。

1. HTML4.01 ではテーブルレイアウト専用の要素である。

2. HTML5 ではグリッドレイアウト専用の要素である。

3. レイアウトのために使用すべきではない。

4. レイアウトのために使用してもなんら問題はない。

解答

3

 

第25問

CSS の赤を示す値として誤っているものはどれか。以下より 1 つ選択しなさい。

1. #f00

2. #ff0000

3. rgba(ff,0,0,1)

4. red

解答

3

rgbaは0~255または0%~100%で指定します。最後の要素は透明度で0~1の範囲で1が不透明となります。

 

ウェブデザイン技能検定3級 H29年度 第4回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

ウェブブラウザなどのウェブサイト閲覧用のソフトウェアは、ユーザエージェントとも呼ばれる。

解答

1.正しい

利用者があるプロトコルに基づいてデータを利用する際に用いるソフトウェアまたはハードウェアのことです。

 

第2問

サイバーセキュリティ基本法は、サイバーセキュリティに関する施策を総合的かつ効果的に推進するため、基本理念及び国の責務、戦略、基本的施策等を規定している。

解答

1.正しい

 

第3問

HTML5 では UTF-8 しか使用できないので、meta 要素を使って文字コードを示す必要は一切ない。

解答

2.間違い

各種文字コードが使えます。

 

第4問

色の表現手法の 1 つである RGB とは red、gray、blue の頭文字をつなげたものである。

解答

2.間違い

Red・Green・Blueの3色の頭文字です。

 

第5問

HTML5 において br 要素のタグを <br /> と書くと文法エラーになる。

解答

2.間違い

XMLにて終了タグなしのタグとして表記されたのが現在も残っているようです。

 

第6問

ラジオボタンは、相互に排他的な複数の選択項目の中から、ユーザが 1 項目だけ選択する場合に用いられる。

解答

1.正しい

 

第7問

HTML5 では、ruby 要素は使用できない。

解答

2.間違い

HTML5から追加されました。

 

第8問

URL 中のパスにおいて、ファイル名を指定せずにディレクトリ名だけ指定した場合、必ずそのディレクトリ内のindex.html が表示される。

解答

2.間違い

httpd.conf や .htaccess で指定されたページが開きます。指定がなければ該当フォルダのファイル一覧が表示されます。

 

第9問

VDT 作業における心身の疲労の軽減や回復には、就業の前後又は就業中に体操、ストレッチ、リラクゼーション、軽い運動等を行うことが望ましい。

解答

1.正しい

 

第10問

ウェブページの背景に、GIF アニメーションを表示させることはできない。

解答

2.間違い

見やすいかどうかはさておき、GIFアニメを表示できます。

 

ここからは4択の問題となります。

 

第11問

アルファチャンネルの説明として適切なものを、以下より 1 つ選択しなさい。

1. 画像の彩度を扱うためのデータ領域

2. 画像の透過度を扱うためのデータ領域

3. 画像の圧縮前のデータを保存した領域

4. 画像の圧縮後のデータを保存した領域

解答

2

 

第12問

プロポーショナルフォントの説明として適切なものを、以下より 1 つ選択しなさい。

1. フォントサイズを変更できないフォントのこと

2. JIS 規格によらないフォントのこと

3. アルファベットのみのフォントのこと

4. 文字ごとに文字幅が異なるフォントのこと

解答

4

文字幅が同じフォントはモノスペースフォント(等幅フォント)といいます。

 

第13問

HTML において、段落を表すために使用する要素はどれか。最も適切なものを、以下より 1 つ選択しなさい。

1. p

2. br

3. pre

4. div

解答

1

 

第14問

WCAG とは何の略称か。正しいものを以下より 1 つ選択しなさい。

1. W3C CSS Architecture Group

2. W3C Compatible Applications Group

3. Web Content Accessibility Guidelines

4. Web Communications And Globalizations

解答

3

 

第15問

個人情報の保護に関する法律」(個人情報保護法)における「個人情報」の具体例として誤っているものを、以下より 1 つ選択しなさい。

1. 「1234@netskill.jp」などの、ユーザ名が記号や数字などの文字列だけで構成されているメールアドレス単独の情報は、「個人情報」には該当しない。

2. 官報や有価証券報告書、新聞などで公にされている情報であっても、本人の名前・住所が含まれ特定の個人が識別できる情報は、「個人情報」に該当する。

3. 法人などの団体そのものに関する情報は「個人情報」には該当しないが、雇用管理情報は「個人情報」に該当する。

4. 本人の名前・住所が含まれ特定の個人が識別できる情報が含まれている場合であっても、音声情報は「個人情報」には該当しない。

解答

4

音声情報であっても個人情報です。

 

第16問

次の HTML および CSS によるウェブページに関する説明として適切なものを、以下より 1 つ選択しなさい。

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body>
<div id="content">
  <h1>ウェブデザイン技能検定</h1>
  <main>
    <h2 class="content">ウェブデザイン技能検定とは</h2>
    <p class="content">国家検定ウェブデザイン技能検定は実技および学科試験で実施されます。</p>
  </main>
</div>
</body>
</html>

CSS (default.css)

h1 {
  color: #F00;
}
h2 {
  color: #0F0;
}
p {
  color: #0FF;
}
#content {
  color: blue;
}
.content {
  color: #0F0;
}

1. h1 要素の文字列は青く表示される。

2. h1 要素の文字列は緑色で表示される。

3. p 要素の文字列は水色で表示される。

4. p 要素の文字列は緑色で表示される。

解答

4

class content が指定された p 要素なので color: #0F0 である緑色で表示されます。

 

第17問

図のテーブル(表)と同じ表示になる HTML コードはどれか。以下より 1 つ選択しなさい。

f:id:Syarah:20190519200149j:plain

1.

<table border="1">
<tr>
  <td>1</td><td colspan="2">2</td><td>3</td>
</tr>
<tr>
  <td>4</td><td>6</td>
</tr>
<tr>
  <td>7</td><td>8</td><td>9</td>
</tr>
</table>

2.

<table border="1">
<tr>
  <td>1</td><td rowspan="2">2</td><td>3</td>
</tr>
<tr>
  <td>4</td><td>6</td>
</tr>
<tr>
  <td>7</td><td>8</td><td>9</td>
</tr>
</table>

3.

<table border="1">
<tr>
  <td>1</td><td rowspan="2">2</td>
</tr>
<tr>
  <td>4</td><td>5</td><td>6</td>
</tr>
<tr>
  <td>7</td><td>8</td><td>9</td>
</tr>
</table>

4.

<table border="1">
<tr>
  <td>1</td><td rowspan="2">2</td><td>3</td>
</tr>
<tr>
  <td>4</td><td>5</td><td>6</td>
</tr>
<tr>
  <td>7</td><td>8</td><td>9</td>
</tr>
</table>

解答

2

 

第18問

コンピュータネットワークにおいて、SSHの仕組みを使ってファイルを転送するプロトコルはどれか。以下より1つ選択しなさい。

1. SFTP

2. TLS

3. SMTP

4. HTTP

解答

1

TLSSSLの次世代規格です。SMTPはメールを転送するためのプロトコルです。HTTPはHTML文書や画像などのデータをWebサーバーとWebブラウザー間でやり取りするために使われるプロトコルです。

 

第19問

ユーザエクスペリエンスの説明として適切なものを、以下より 1 つ選択しなさい。

1. Microsoft が世界で初めて提言した、ソフトウェア開発者のためのガイドラインのこと。

2. ISO でも定義されている。

3. ユーザエクスペリエンスが向上しても、売上に結びつくことはない。

4. 都市再生機構が定めたウェブ向け入居者支援システムのこと。

解答

2

ユーザエクスペリエンスとは、人工物(製品、システム、サービスなど)の利用を通じてユーザーが得る経験のことで ISO 9241-210:2010 にて定義されています。

 

第20問

CSS2.1 において、背景はボックスのどの領域に表示されると定義されているか。以下より 1 つ選択しなさい。

1. 要素内容を表示する領域のみ。

2. パディングを含む、そこから内側の領域。

3. ボーダーを含む、そこから内側の領域。

4. マージンを含む、そこから内側の領域。

解答

3

 

第21問

文字色が#000000 であった場合、コントラスト比が最も高くなる背景色はどれか。以下より 1 つ選択しなさい。

1. #000000

2. #999999

3. #aaaaaa

4. #ffffff

解答

4

コントラスト比はそれぞれ、1:1、7.4:1、9:1、21:1 となります。

 

第22問

線や円などの図形を XML で記述する画像の形式はどれか。以下より 1 つ選択しなさい。

1. BMP

2. JPEG

3. SVG

4. TIFF

解答

3

XMLで記述されているため、テキスエディタで見ることが出来ます。

 

第23問

nav 要素に関する説明として適切なものを、以下より 1 つ選択しなさい。

1. グローバルナビゲーションを含むことはできない。

2. main 要素を含むことはできない。

3. HTML 文書中に 2 回以上出現することはできない。

4. 必ずページ上部に配置される。

解答

2

 

第24問

CSS で「opacity:0」を指定した要素の説明として、最も適切なものを以下より 1 つ選択しなさい。

1. 要素が不透明になる。

2. 要素が透明になる。

3. マウスオーバした時に透明になる。

4. 指定した要素は透明になるが、その子要素には適用されない。

解答

2

 

第25問

HTML とは何の略称か。適切なものを以下より 1 つ選択しなさい。

1. HTTP technologies Markup Language

2. Hyperlink telecommunications Markup Language

3. HyperText Markup Language

4. Homepage Tags Markup Language

解答

3

 

ウェブデザイン技能検定3級 H29年度 第5回 学科試験問題

正しいものは1、間違っているものは2を選択する問題です。

▶解答をクリックすると解答/解説が表示されます。

 

第1問

セキュリティ的に HTML 文書内の属性値はクォーテーションで囲むことが推奨されている。

解答

1.正しい

囲まないとクロスサイトスクリプティングが可能となります。

 

第2問

head 要素は body 要素の前に記述する。

解答

1.正しい

 

第3問

擬似クラス:hover は a 要素のみに指定できる。

解答

2.間違い

対象要素の上にマウスが載った際適用されます

 

第4問

加法混色とは、赤・青・黄色の 3 色の組み合わせによる色表現の方法である。

解答

2.間違い

赤・緑・青の3色です。

 

第5問

画像データであれば、拡張子を.jpeg に変更すれば JPEG 形式のファイル形式となる。

解答

2.間違い

データフォーマットが違うため、拡張子を換えたところでファイル形式は変わりません。

 

第6問

HTML5 では、ルビを表示させるための要素が定義されている。

解答

1.正しい

ruby、rt要素を使って下記のように書くと

<ruby>
漢<rt>かん</rt>
字<rt>じ</rt>
</ruby>
かん となります。

 

第7問

背景色が白のとき、アクセシビリティを高くするのであれば文字色はできるだけ薄い色を使用した方が良い。

解答

2.間違い

濃い色でコンストラスト比を上げる必要があります。

 

第8問

ドメイン名「example.com」における「.com」のように、ドメイン名をドットで分割した最後の文字列を特にトップレベルドメインという。

解答

1.正しい

 

第9問

HTML5 では、br タグ内にスラッシュを入れて <br /> と書くと文法エラーとなる。

解答

2.間違い

XMLにて終了タグなしのタグとして表記されたのが現在も残っているようです。

 

第10問

クロスブラウザチェックとは、複数の異なるウェブブラウザで仕様どおりにウェブページが表示され機能するかを検証することである。

解答

1.正しい

 

ここからは4択の問題となります。

 

第11問

VDT 作業者が心身の負担を少なくする為の作業姿勢として、不適切なものはどれか。以下より 1 つ選択しなさい。

1. ディスプレイ画面から 40~50cm 離し、視線が少し画面を見下げるようにディスプレイを配置する。

2. 肩の力を抜いて、前傾し過ぎないようにする。

3. 椅子に深く腰をかけて背もたれに背を十分にあて、履き物の足裏全体が床に接した姿勢を基本とする。

4. リラックスできるように足を組んだ体勢を維持する。

解答

4

足を組むと身体に歪みを生じさせます。

 

第12問

日常的に行うべきセキュリティ対策として不適切なものを、以下より 1 つ選択しなさい。

1. クリアスクリーンポリシーに則り、第三者に見られたり、操作されたりしないようにするため、パソコンやスマートフォンなどは画面をロックしておく。

2. パソコンやスマートフォンなどにセキュリティソフトを導入し、セキュリティソフトのパターンファイルを常に更新して、最新の状態となるよう定期的に確認をする。

3. 電子メールを受信した際は、差出人欄を確認し、差出人がアドレス帳に登録されている者や著名な組織・企業であれば、不正なメールではないと判断できるため、ファイルが添付されていた場合は開くようにする。

4. パソコンやスマートフォンなどの OS やアプリケーションソフトにセキュリティパッチを適用し、最新のバージョンとなるように随時更新を行う。

解答

3

差出人を偽造できるため、添付ファイルを開く前に内容をしっかり確認する必要があります。

 

第13問

src.js という JavaScript ファイルを、HTML に読み込む際のコードはどれか。以下より 1 つ選択しなさい。

1. <script type="text/javascript" src="src.js"></script>

2. <link rel="stylesheet" href="src.js">

3. <a href="src.js"></a>

4. <body onload="src.js"></body>

解答

1

 

第14問

http://example.com/css/style.css に次のコードが記述されている場合、main.png が表示されるパスを、以下より 1 つ選択しなさい。

コード

background: url(../img/main.png)

1. /img/css/main.png

2. /img/main.png

3. /css/img/main.png

4. /css/main.png

解答

2

style.cssがあるフォルダの親フォルダと同列にあるimgフォルダの下のmain.pngとなります。

 

第15問

OSI 参照モデルにおいて、第 3 層に該当するものはどれか。以下より 1 つ選択しなさい。

解答

3

OSI参照モデルは下記の通りです。

  1. 物理層
  2. データリンク層
  3. ネットワーク層
  4. トランスポート層
  5. セッション層
  6. プレゼンテーション層
  7. アプリケーション層

 

第16問

aside 要素に関する説明のうち適切なものを、以下より 1 つ選択しなさい。

1. main 要素を含むことはできない。

2. ナビゲーション要素を含むことはできない。

3. 箇条書きを含むことはできない。

4. h1 要素を含むことはできない。

解答

1

 

第17問

JavaScript に関する説明のうち適切なものを、以下より 1 つ選択しなさい。

1. DOM アクセスのためにのみ使用される。

2. 要素内のコンテンツの変更はできない。

3. 一般的に HTML の先頭に記述することで、すべての要素に確実にアクセスできる。

4. サーバから動的にデータを取得することができる。

解答

4

DOMアクセスのみではなく、DOMアクセスでコンテンツ変更可能で、HTMLのどこに書いていても全ての要素にアクセス出来ます。

 

第18問

無彩色ではないものを以下より 1 つ選択しなさい。

1. 黒

2. 白

3. 赤

4. 灰

解答

3

黒・白・灰以外は有彩色です。

 

第19問

レスポンシブウェブデザインに関する説明として適切なものを、以下より 1 つ選択しなさい。

1. ユーザの TPO に合わせてレイアウトが自動的に変わるウェブデザイン手法

2. ユーザの好みに合わせてデザインが変わるウェブデザイン手法

3. ウェブデザイナーの意図通りにデザインを強制的に合わせる手法

4. デバイスの環境に応じてレイアウトが自動的に変わるウェブデザイン手法

解答

4

PCモニタ、タブレットスマホなどのそれぞれの解像度に合わせてレイアウトが変わります。

 

第20問

1 つの段落であることを示すために使用する要素として、最も適切なものはどれか。以下より 1 つ選択しなさい。

1. p 要素

2. br 要素

3. div 要素

4. section 要素

解答

1

 

第21問

HTTP ステータスコードのうち、「404 Not Found」が表しているものはどれか。以下より 1 つ選択しなさい。

1. リクエストが成功した。

2. リソースが見つからなかった。

3. 不正なゲートウェイ

4. サービス利用不可。

解答

2

1は 200 OK、2は 404 Not Found、3は 502 Bad Gateway、4は 503 Service Unavailable です。

 

第22問

CSS の color プロパティに指定できない値はどれか。以下より 1 つ選択しなさい。

1. #ggg

2. inherit

3. rgb(255, 0, 0)

4. rgb(100%, 0%, 0%)

解答

1

16進数で指定するため、RGB要素それぞれ0~f でなければいけません。

 

第23問

HTML5 において、使用できない要素はどれか。以下より 1 つ選択しなさい。

1. b

2. s

3. small

4. basefont

解答

4

以降のフォントの、基準サイズや基準の色などを指定する要素でしたがHTML5にて廃止されました。

 

第24問

img 要素の alt 属性に指定すべきテキストの内容として最も適切なものはどれか。以下より 1 つ選択しなさい。

1. 簡潔な画像の説明

2. 視覚的にどのように見える画像であるかの説明

3. 画像が利用できないときに、画像の代わりとして使えるテキスト

4. どのような画像であるのかを検索エンジンに効率よく伝えるテキスト

解答

3

 

第25問

できるだけ多くの人が利用可能となるように最初から意図してデザインすることを何というか。最も適切なものを以下より 1 つ選択しなさい。

1. アダプティブデザイン

2. ユニバーサルデザイン

3. グレイスフル・デグラデーション

4. プログレッシブ・エンハンスメント

解答

2

レスポンシブデザインでは利用できるスクリーンサイズに合わせてデザインパターンが変わりますが、アダプティブデザインでは固定されたレイアウトサイズが複数あります。

グレイスフル・デグラデーションは、最新のブラウザの仕様を基準として制作し、古いブラウザにも最低限の機能を提供するデザイン・コンセプトです。

プログレッシブ・エンハンスメントは、コンテンツに焦点を置き、最新版のブラウザを使っている方に対してはより美しく見えるデザインや動きを提供するという考え方です。