【しゃらの忍法帖】

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

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

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

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

 

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

 

JAVA

f:id:Syarah:20190814191610j:plain

今更ですが、JAVAを勉強しなくてはいけなくなりました。

組み込み系でC言語を長くやっていた身としては、オブジェクト指向そのものからやらないとしっかり理解できないと思われ、あちこちの入門サイトを見ましたが、要はメソッドを持った構造体みたいなもんをクラスと呼び、継承やら抽象化やらオーバーライドやらポリモーフィズムやらで便利に拡張したり使い回せるようになっているんだなと。

設計としてはUMLを学ばないといけないことも分かりましたが、こっちの方が理解しにくく苦戦中・・・特にクラス図がややこしく感じます。

一週間でどこまで出来るか分かりませんが、何か作ってみようかと思っていたらeclipceがとっても便利で気がついたらショートカットや便利な使い方に感心したり脱線気味ですが、まぁ大切なことなのでいいかと思ったり思わなかったり。

新しいことはワクワクするので楽しく学習していこうと思います。

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

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

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

 

第1問

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

解答

2.間違い

httpd.conf、または .htaccess にて指定されたページが表示されます。指定されていない場合は、そのディレクトリのファイル一覧が表示されます。

 

第2問

CSSセレクタで tr:nth-child(even) と指定すると、そのスタイルは奇数個目の tr 要素に適用される。

解答

2.間違い

偶数個目のtr要素に適用されます。奇数番目であれば tr:nth-child(odd) ですね。

 

第3問

完全に同一の画像であっても、その画像が使われる場所や制作者の意図などによって、適切な代替テキストは変化する。

解答

1.正しい

 

第4問

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

解答

1.正しい

 

第5問

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

解答

2.間違い

見やすいかどうかは別として表示できます。

 

第6問

VDT 作業における作業休止時間とは、ディスプレイ画面の注視、キー操作または一定の姿勢を長時間持続することによって生じる眼、頸、肩、腰背部、上肢等への負担による疲労を防止することを目的とするものである。連続作業後、いったん VDT 作業を中止し、リラックスして遠くの景色を眺めたり、眼を閉じたり、身体の各部のストレッチなどの運動を行ったり、他の業務を行ったりするための時間であり、いわゆる休憩時間ではない。

解答

1.正しい

あくまで作業休止時間ということですね。

 

第7問

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

解答

1.正しい

複数選択する場合はチェックボックスを用います。

 

第8問

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

解答

1.正しい

 

第9問

td 要素は、表の見出しセルを作成する場合に使用する。

解答

2.間違い

td 要素はデータセルです。見出しセルは th 要素です。

 

第10問

HTML5 では、1 つの HTML 文書内で複数の h1 要素を使用することは文法的に誤りとしている。

解答

2.間違い

誤りとはしていません。HTML5で複数使用は問題ないとされましたが、HTML5.1にて複数使用は非推奨となりました。

 

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

 

第11問

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

1. SMTP

2. TLS

3. SFTP

4. HTTP

解答

3

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

 

第12問

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

1. #000000

2. #999999

3. #aaaaaa

4. #ffffff

解答

4

1は1:1、2は7.4:1、3は9:1、4は21: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は前景または背景色の暗い方の相対輝度である。

 

第13問

検索ボタンのラベルとして次の画像が使用されていた場合、その代替テキストとして最も適切なものはどれか。以下より 1 つ選択しなさい。

画像

f:id:Syarah:20190502202843j:plain

1. 検索

2. 虫めがね

3. search.png

4. 円の右下に短い直線がついた図形

解答

1

 

第14問

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

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

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

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

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

解答

4

 

第15問

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

1. W3C CSS Architecture Group

2. W3C Compatible Applications Group

3. Web Content Accessibility Guidelines

4. Web Communications And Globalizations

解答

3

 

第16問

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

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

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

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

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

解答

4

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

 

第17問

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

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

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

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

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

解答

4

 

第18問

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

f:id:Syarah:20190703235855j:plain

HTML

~略~
<body>
<h1>ウェブデザイン技能検定</h1>
<div id="main">
    <ul>
        <li><a href="skills.html">ウェブデザイン技能検定とは</a></li>
        <li><a href="about.html">試験概要</a></li>
        <li><a href="apply.html">受験申請</a></li>
        <li><a href="faq.html">FAQ</a></li>
    </ul>
</div>
</body>
~略~

1.

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

2.

#main {
    background-color: #CCC;
    padding: 10px;
}
#main ul {
    padding: 0px;
}
#main ul li {
    list-style-type: decimal;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}
#main ul li a {
    text-decoration: none;
}

3.

#main {
    background-color: #CCC;
    padding: 10px;
}
#main ul {
    padding: 0px;
}
#main ul li {
    list-style-type: none;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}
#main ul li a {
    text-decoration: none;
}

4.

#main {
    background-color: #CCC;
    padding: 10px;
}
#main ul {
    padding: 0px;
}
#main ul li {
    list-style-type: none;
    margin: 0px;
}

解答

3

 

第19問

CSS で「opacity: 0」を指定された要素のボックスの説明として適切なものはどれか。以下より 1 つ選択しなさい。

1. 一番上に配置される。

2. 一番下に配置される。

3. 透明になる。

4. 視覚的な変化はない。

解答

3

0~1で不透明度を示すため0が透明で1が完全不透明となります。

 

第20問

HTML に記載するウェブページの情報のうち、meta 要素の name 属性が「description」の場合、content 属性に記載する情報として適切なものはどれか。以下より 1 つ選択しなさい。

1. ウェブページの説明文

2. ウェブページのキーワード

3. ウェブページのタイトル

4. ウェブページの管理者名

解答

1

name 属性には以下があります。

  • application-name:ウェブアプリケーション
  • author:ウェブページの管理者名
  • description:ウェブページの説明文
  • generator:ウェブページの作成に使ったソフトウェア
  • keywords:ウェブページのキーワード

 

第21問

コーディング規約の命名規則として「camel case」を採用する場合、そのルールに合致している文字列はどれか。以下より 1 つ選択しなさい。

1. webservice

2. MAINWORD

3. summary_case

4. SubPattern

解答

4

正式に言うと upper camel case ですね。

 

第22問

異なる OS 間でファイルのやり取りを行っているときに、複数行で記述されているファイルが、他の OS では 1 行になってしまうことがある。この原因となるものはどれか。以下より 1 つ選択しなさい。

1. 文字コード

2. 改行コード

3. BOM

4. meta 要素

解答

2

OS単位で改行コードが異なるためです。

 

第23問

次のコードのようにリストとして記述した li 要素のうち、class 属性"done"を与えた項目には、次の例のように「✓」を加えたい。この場合、CSS A に用いるべきプロパティはどれか。以下より 1 つ選択しなさい。

f:id:Syarah:20190704001457j:plain

コード

<ul class="items">
    <li class="done">HTML</li>
    <li>CSS</li>
    <li>JavaScript</li>
</ul>

CSS

ul.items {
    list-style-type: none;
}
ul.items li.done::before {
      A   : "✓";
    position: absolute;
    margin-left: -1.5em;
}

1. content

2. text

3. innerHTML

4. textContent

解答

1

:before擬似要素は、要素の直前に内容を挿入する際に使用します。挿入内容は content プロパティで指定します。要素の直後に挿入する場合は、 :after疑似要素を使います。

 

第24問

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

1. p

2. br

3. pre

4. div

解答

1

pは段落。brは改行。preは整形済みテキストで囲まれた範囲に記述されたスペース・改行などを、そのまま表示します。divは区切りです。

 

第25問

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

1. BMP

2. SVG

3. JPEG

4. TIFF

解答

2

ベクタ画像であるSVG形式が用いられます。他はラスタ画像の形式です。

 

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

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

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

 

第1問

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

解答

2.間違い

環境に大きく依存します。

 

第2問

どの要素のタグで囲えばいいかわからないときは、とりあえず div 要素としてマークアップしておくことが推奨されている。

解答

2.間違い

意味もなくdiv要素を使うことは推奨されません。

 

第3問

著作権知的財産権のひとつであり、審査を経て登録されなければ権利は発生しない。

解答

2.間違い

著作物を他人に使用させる許可を与えたり、著作物を財産として所有したりすることのできる権利で審査等はありません。

 

第4問

VDT 作業をする場合には、1 時間を超えないようにした一連続作業時間内においても、1 回~2 回程度の小休止を設けることが望ましい。

解答

1.正しい

 

第5問

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

解答

1.正しい

 

第6問

テキストを太字で表示させたい場合は、strong タグで囲めばよい。

解答

2.間違い

bタグで囲めば良いですが、CSSで指定したほうが良いでしょう。

 

第7問

HTML には、なんらかの理由で画像が利用できない場合に、その画像の代わりとして使用できるテキストを用意しておくための仕組みがある。

解答

1.正しい

alt属性に記載します。

 

第8問

ワームとは独立したプログラムであり、自己を複製して拡散する性質を持つマルウェアのことである。

解答

1.正しい

 

第9問

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

解答

2.間違い

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

 

第10問

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

解答

1.正しい

 

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

 

第11問

SVG を用いて、例のようなグレーの正方形を描きたい。その際、記述するコードとして適切なものを、以下より 1つ選択しなさい。

1. <rect x ="20" y ="20" cx ="50" cy ="50" stroke ="gray" />

2. <rect cx ="20" cy ="20" cx ="50" cy ="50" fill ="gray" />

3. <rect x ="20" y ="20" width ="50" height ="50" fill ="gray" />

4. <rect rx ="20" ry ="20" width ="50" height ="50" fill ="gray" />

解答

3

 

第12問

HTML5 の文法的に正しい ul 要素、li 要素のマークアップ方法はどれか。以下より 1 つ選択しなさい。

1.

<ul>
    <li>項目</li>

2.

    <li>項目</li>
</ul>

3.

<ul>
    <li>項目
</ul>

4.

<ul>
    項目</li>
</ul>

解答

3

li タグの終了タグは省略出来ます。

 

第13問

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

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

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

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

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

解答

2

 

第14問

HTML5 における table 要素に関する説明として適切なものはどれか。以下より 1 つ選択しなさい。

1. table 要素は廃止された。

2. table 要素はレイアウト目的でのみ使用できるようになった。

3. table 要素の border 属性は廃止された。

4. table 要素のボーダー関連の装飾は CSS で指定することが望ましい。

解答

4

 

第15問

ユニバーサルデザインについて説明している次の文章のうち、 A にあてはまる語句として最も適切なものを以下より 1 つ選択しなさい。

できるだけ多くの人が利用可能であるように   A   することを
ユニバーサルデザインという。

1. デザイン

2. ユニット化

3. エレベーターを設置

4. 障壁となるものを除去

解答

1

 

第16問

ウェブページが表示されると同時に JavaScirpt を実行させる方法として、適切なものはどれか。以下より1つ選択しなさい。

1. html 要素の onload 属性に処理を指定する。

2. head 要素の onload 属性に処理を指定する。

3. body 要素の onload 属性に処理を指定する。

4. CSS の display 属性に処理を指定する。

解答

3

 

第17問

HTML 文書の先頭にある次の部分の名称は何か。以下より 1 つ選択しなさい。

  <!DOCTYPE html>  

1. HTML 要素

2. 空要素

3. 開始タグ

4. 文書型宣言

解答

4

その文書がどんな定義(DTD)に基づいて記述されるかを示すものです。

 

第18問

次の HTML コードの input 要素で、図のようなスライダーのコントロールを表示したい。 A に与えるtype 属性値として正しいものはどれか。以下より 1 つ選択しなさい。

f:id:Syarah:20190502204808j:plain

HTMLコード

<input type="   A   ">

1. slider

2. slide-control

3. variable-control

4. range

解答

4

 

第19問

ul 要素、ol 要素、li 要素の要素名に共通して含まれる「l」は何をあらわしているか。以下より 1 つ選択しなさい。

1. link

2. lead

3. list

4. label

解答

3

 

第20問

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

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

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

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

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

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

解答

1

2は論理的かつ考え抜かれた動作と振るまいを備えた、魅力的なWebインターフェースをデザインすることです。3は機械、特にコンピュータとその機械の利用者の間での情報をやりとりするためのインタフェースです。4は人と人のあいだのコミュニケーションをデザインすることです。

 

第21問

ボックスにおける width プロパティと height プロパティの適用対象範囲を変更するプロパティはどれか。以下より 1 つ選択しなさい。

1. margin-sizing

2. box-sizing

3. border-box

4. content-box

解答

2

border-box、content-boxはbox-sizingプロパティに設定できる値です。content-boxはpadding と border の幅を要素の幅と高さに含めない。border-boxはpadding と border の幅を要素の幅と高さに含めるという意味になります。

 

第22問

インターネットにおけるフィッシング行為を規制している法律はどれか。以下より1つ選択しなさい。

解答

3

 

第23問

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

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

1. スクロール

2. 入力

3. 一部の機能

4. 全ての機能

解答

4

 

第24問

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

1. 色相環において正反対に位置付けられる色の組み合わせ

2. 彩度において正反対に位置付けられる色の組み合わせ

3. 背景色と文字の色の組み合わせ

4. 背景色と画像の縁取りの色の組み合わせ

解答

1

 

第25問

画像のファイルフォーマットのうち、非可逆圧縮方式のものはどれか。以下より1つ選択しなさい。

1. BMP

2. JPEG

3. GIF

4. PNG

解答

2

GIFは256色での可逆圧縮方式です。

 

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

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

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

 

第1問

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

解答

1.正しい

 

第2問

KVSは MySQL などのデータベースの標準的な格納形式である。

解答

2.間違い

キーとバリュー(値)の組み合わせという非常に単純な構造でデータが格納され、NoSQLで用いられます。MySQLなどはRDBMSです。

 

第3問

HTML5.2 では、 dl 要素の内部において div 要素を使用し、 dt 要素と dd 要素をグループ化することができる。

解答

1.正しい

 

第4問

CSSでは 16 進数のカラーコードを 3 桁に省 略することが可能だが、「 #24c 」と省略されたカラーコードは 6 桁の場合は「 #2244cc 」となる。

解答

1.正しい

 

第5問

HTML 5.2では、どの link 要素でも body 要素の内部に配置してよい。

解答

2.間違い

head要素の内部です。

 

第6問

HTMLにおいて、form 要素の method 属性のデフォルト値は get である

解答

1.正しい

 

第7問

document.querySelectorAll()で取得できるものは配列である

解答

2.間違い

NodeList を返します。

 

第8問

サイバーセキュリティ基本法では、国や事業者に対するのと同様に、国民にもサイバーセキュリティの確保に努めることを責務として定めている。

解答

2.間違い

責務としては定めていません。

 

第9問

VDT 作業者の作業時間管理は、各自のペースで行われる作業であることから、組織的な労働衛生管理体制から除外されても良い。

解答

2.間違い

作業の種類と作業時間に応じた健康管理や適切な作業時間管理等の実施を行います。

 

第10問

ウェブサイトでの目的を達成するために、途中の過程を測る中間指標となるものを「KGI」という。

解答

2.間違い

KGI(Key Goal Indicator)とはビジネスの最終目標を定量的に評価できる指標です。

 

第11問

CSS の font-family プロパティで複数の候補がカンマ区切りで指定されている場合、一番最初に書かれているフォントファミリから優先される。

解答

1.正しい

 

第12問

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

解答

2.間違い

関数ではなく言語構造です。

 

第13問

HTML5 において、外部 JavaScript ファイルを読み込むときは、<script href="sample.js"></script>のように記述する。

解答

2.間違い

href 属性ではなく src 属性を用います。

 

第14問

HTML 5.2 における figcaption 要素は、figure 要素の要素内容の先頭か末尾にしか配置できない。

解答

2.間違い

任意の位置に置けるようになりました。

 

第15問

イーサネットとは、1000BASE-T の規格のみを指す。

解答

2.間違い

有線LAN(構内ネットワーク)の標準の一つで、最も普及している規格です。1000BASE-Tだけでなく10BASE-T100BASE-T10GBASE-Tなどがあります。

 

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

 

第16問

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

SVGコード

<circle   A  ="50"   B  ="50" r="40" fill="gray" />

1. A : cx  / B : cy

2. A : x   /  B : y

3. A : ch /  B : cv

4. A : center-x / B : center-y

解答

1

 

第17問

次の通りに body 要素と style 要素が定められている HTML がある。これを例のようにチェックした項目テキストのスタイルが表示されるよう、JavaScript コードを設定したい。このとき、 A から D のいずれにも用いられないメソッドはどれか。以下より 1 つ選択しなさい。

body要素

<form id="items" name="form">
    <label>
        <input type="checkbox" checked>
        <span>項目 01</span>
    </label><br>
    <label>
        <input type="checkbox">
        <span>項目 02</span>
    </label><br>
    <label>
        <input type="checkbox">
        <span>項目 03</span>
    </label>
</form>

style要素

.checked {
    color: darkgray;
    text-decoration: line-through;
}

f:id:Syarah:20190628083502j:plain

JavaScriptコード

const items = document.getElementById('items');
const itemList = items.   A   ('label');
itemList.   B   ((item) => {
    const checkbox = item.   C   ('input[type="checkbox"]');
        if (checkbox.checked) {
            item.   D   ('class', 'checked');
        }
});

1. querySelectorAll

2. querySelector

3. forEach

4. getAttribute

解答

4

itemList に querySelectorAll で 全labelのNodeListを格納し、itemList を forEach で label単位にループさせます。checkbox に querySelector でフォーム種別がチェックボックスである Nodeを格納し、チェックボックスがチェックされていれば、setAttributeで class が checked であるスタイル(この場合、文字が灰色になって取り消し線)が適用されます。

 

第18問

HTML 5.2 の img 要素に指定できない属性はどれか。以下より 1 つ選択しなさい。

1. sizes

2. border

3. srcset

4. longdesc

解答

2

align属性・border属性・hspace属性・vspace属性が廃止されました。

 

第19問

次の PHP コードを実行した場合の結果を以下より 1 つ選択しなさい。

PHPコード

<?php
$i = 10;
print $i++;
?>

1. 11

2. 10

3. 1111111111

4. 10101010101010101010

解答

2

$i に 10 が格納され、print で $i の値(10)が表示されたあと、$i は+1 されます。

 

第20問

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

1. サニタイジング

2. サイズチェック

3. エコーバック

4. キャッシュポイズニング

解答

1

Webサイト閲覧者側がWebページを制作することのできる動的サイト(SNS掲示板等)に対して、自身が制作したした不正なスクリプトを挿入することにより起こす攻撃方法ですので、利用者が入力した文字データを受け取る際に、プログラムにとって特別な意味を持つ可能性のある文字や文字列を検知して、一定の規則に従って別の表記に置き換えることが必要です。

 

第21問

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

2.4.4 リンクの目的(コンテキスト内)の達成基準
それぞれのリンクの目的が、   A   単独で判断できるか、又は   A   と
プログラムによる解釈が可能なリンクのコンテキストとから判断できる。ただし、
リンクの目的がほとんどの利用者にとって曖昧な場合は除く(レベル A)。

1. ラベル

2. title 属性

3. target 属性

4. リンクのテキスト

解答

4

 

第22問

次のHTMLを、図のように表示させることのできるCSS(default.css)はどれか。以下より1つ選択しなさい。

f:id:Syarah:20190628090104j:plain

HTML

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定 </title>
<link rel="stylesheet" href="default.css">
</head>
<body>
<h1>ウェブデザイン技能検定 </h1>
<nav>
    <ul>
        <li><a href="#">ホーム </a></li>
        <li><a href="#">検定情報 </a></li>
        <li><a href="#">試験日程 </a></li>
        <li><a href="#">お問い合わせ </a></li>
    </ul>
</nav>
<main>
    <h2>ウェブデザイン技能検定</h2>
    <p id="main">ウェブデザイン技能検定は、国家検定制度である技能検定制度の一つとして特定非営利活動法人インターネットスキル認定普及協会が実施するものです。
</p>
</main>
</body>
</html>

1.

main {
    background color: #DDD;
    padding: 10px;
    margin left: 240px;
}
nav {
    border: 1px solid #000;
    background color: #DDD;
    padding: 10px;
    width: 200px;
    float: left;
}
nav ul li {
    list style: none;
    border: 1px solid #000;
    padding: 10px;
}

2.

main {
    background color: #DDD;
    padding: 10px;
    margin left: 240px;
}
nav {
    border: 1px solid #000;
    background color: #DDD;
    padding: 10px;
    width: 200px;
    float: right;
}
nav ul li {
    list style: none;
    border: 1px solid #000;
    padding: 10px;
}

3.

main {
    backgro und color: #DDD;
    padding: 10px;
}
nav {
    border: 1px solid #000;
    background color: #DDD;
    padding: 10px;
    width: 200px;
    float: left;
}
nav ul li {
    list style: none;
    border: 1px solid #000;
    padding: 10px;
}

4.

main {
    background color: #DDD;
    padding: 1 0px;
    float: left;
}
nav {
    border: 1px solid #000;
    background color: #DDD;
    padding: 10px;
    width: 200px;
}
nav ul li {
    list style: none;
    border: 1px solid #000;
    padding: 10px;
}

解答

1

この図の場合、main の左側にマージンを確保し、nav を左側に配置するように記載します。

 

第23問

個人情報の保護に関する法律個人情報保護法 」において、「個人情報取扱事業者は、個人情報を取得した場合は、あらかじめその利用目的を公表している場合を除き、速やかに、その利用目的を、本人に通知し、または公表しなければならない」と規定されている。ここでの「公表」の事例として、該当しないものを以下より 1 つ選択しなさい。

1. 店舗販売においては、店舗の見やすい場所へ掲示すること。

2. 通信販売においては、通信販売用のパンフレットなどへ記載すること。

3. 会員向けに限定されているウェブサイトにおいては 、ユーザ ID ・パスワードによる認証を行い、さらに複数回操作した後に閲覧できる場所に記載すること。

4. 自社の店舗・事務所内においては、ポスターなどに記載し掲示すること。

解答

3

会員向けに限定されているため、公表とは言えません。

 

第24問

UNIXサーバでファイルのパーミッションを3桁の数字で設定する場合、十の位に該当するユーザはどれか。以下より1つ選択しなさい。

1. 匿名ユーザ

2. グループ

3. 所有者 (オーナー)

4. 一般ユーザ

解答

2

百の位が所有者、十の位がグループ、一の位が一般ユーザです。

 

第25問

次のPHPのコードで $json に値を代入した。「2級」という出力を得るために A に入れるものを以下より1つ選択しなさい。

PHPコード

<?php $json = json_decode('{"web" : "design", "kentei": "2級"}');
print(   A   );
?>

1. $json["kentei"]

2. $kentei

3. $json->kentei

4. $json.kentei

解答

3

オブジェクト型で取り出しています。

 

第26問

HTML5における、table要素のborder属性値に1を指定した場合の説明として、適切なものを以下より1つ選択しなさい。

1. この表はユーザエージェントによってページレイアウト目的とみなされる。

2. この表はページレイアウト目的ではないことを明示している。

3. この表の背景色が自動的に白に指定される。

4. そのような指定はできない。

解答

2

 

第27問

box-sizingプロパティのデフォルト値はどれか。以下より1つ選択しなさい。

1. margin-box

2. border-box

3. padding-box

4. content-box

解答

4

パディングとボーダーを幅と高さに含めないのが初期値です。

 

第28問

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

1. 背景色 #505050  :文字色 #111111

2. 背景色 #e6e6e6  :文字色 #111111

3. 背景色 #c2c2c2  :文字色 #111111

4. 背景色 #2f2f2f   :文字色 #111111

解答

2

1 は 2.3:1、2 は 15.1:1、3 は 10.6:1、4 は 1.4: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は前景または背景色の暗い方の相対輝度である。

 

第29問

「upper camel case」を採用した HTML や CSS のコーディング規約を作る場合、そのルールに合致している文字列はどれか。最も適切なものを以下より 1 つ選択しなさい。

1. mainmenu

2. subTopic

3. anser_list

4. PreEntry

解答

4

単語の先頭文字が大文字でかつ最初の文字も大文字である形式です。

 

第30問

入力フォームで発生する問題とマイクロインタラクションによる改善が一致しないものを、以下より 1 つ選択しなさい。

1. パスワード設定で強度不足によるやり直しが多かったので、パスワード設定中にパスワ ードの強度を表示するようにした。

2. 必須項目に気がつかず送信できないことが多かったので、必須項目を入力し終わるまで送信できないようにした。

3. ファイルのアップロード完了を待たずに何度もアップロードボタンを押そうとする人が多かったので、アップロードの進行状況を割合で表示するようにした。

4. 文字数オーバーでエラーになることが多かったので、あと何文字入力可能かリアルタイムで表示するようにした。

解答

2

どの必須項目が入力されていないことを示してあげる必要がありますね。

 

第31問

HTML 5.2 において使用可能な要素はどれか。以下より 1 つ選択しなさい。

1. image 要素

2. picture 要素

3. photo 要素

4. graphic 要素

解答

2

他はありません。ちなみに追加されたのはHTML5.1からです。

 

第32問

HTML5 において、iframe 要素に指定できない属性はどれか。以下より 1 つ選択しなさい。

1. src

2. sandbox

3. width

4. preload

解答

4

src属性、srcdoc属性、name属性、sandbox属性、seamless属性、width属性、height属性が指定できます。

 

第33問

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

1. Web Accessibility Initiative

2. W3C Accessibility Information

3. Way of Accessibility Improvement

4. Working-group of Accessibility Information

解答

1

 

第34問

HTML 5.2 において、dl 要素の dl は何をあらわしているか。以下より 1 つ選択しなさい。

1. double list

2. definition list

3. description list

4. dimensional list

解答

3

説明リストです。この中に、 dt要素で定義・説明される言葉を、 dd要素でそれに対応する説明を配置してリストを作成します。

 

第35問

文字の間隔を指定する CSS プロパティはどれか。以下より 1 つ選択しなさい。

1. text-indent

2. white-space

3. letter-spacing

4. word-spacing

解答

3

 

第36問

CSS の記述として、a 要素にマウスオーバさせた時に、コンテンツが半透明になるものはどれか。以下より 1 つ選択しなさい。

1.

a:hover {
    transparency: 0.5;
}

2.

a:hover {
    opacity: 0.5;
}

3.

a:hover {
    opacity: 50%;
}

4.

a:hover {
    opacity: 50;
}

解答

2

opacity は不透明度で 0~1の値をとり、1が完全に不透明となります。

 

第37問

ECMAScript はどこで実行されるか。最も適切なものを以下より 1 つ選択しなさい。

1. サーバサイドでのみ実行される。

2. クライアントサイドでのみ実行される。

3. サーバサイドでもクライアントサイドでも実行される可能性がある。

4. サーバサイドかクライアントサイドのいずれで実行されるかを、ウェブブラウザで指定することができる。

解答

3

ECMAScript(エクマスクリプト)とはJavaScriptの標準規格のことです。

 

第38問

HTML 5.2 の仕様書において、アクセシビリティユーザビリティの観点からlabel要素の代用としては使うべきではないと明記されている input 要素の属性はどれか。以下より 1 つ選択しなさい。

1. alt

2. title

3. value

4. placeholder

解答

4

目の不自由な方が利用する装置で読めなかったり、何か入力した途端にそのフォームが何を入力すべきなのか分からなったりするためlabel要素の代わりに使うべきではありません。

 

第39問

安全色彩の説明として、最も適切なものはどれか。以下より 1 つ選択しなさい。

1. 長時間作業して目に優しい色

2. 色相差により誤認識が起きない色

3. JIS により定められた安全を確保するための色

4. JIS により定められた画面表示と印刷した色が完全に一致する色

解答

3

JIS によって規定された安全を確保するために決められた色が安全色彩です。赤、黄赤、黄、緑、青、赤紫に、対比の補助色となる白、黒を加えた8色があり、危険防止や緊急事態への対応といった行動がきちんと行えることを目的として定められています。

 

第40問

ウェブサーバへのセキュリティ対策として、不適切なものを以下より 1 つ選択しなさい。

1. ウェブ公開用のディレクトリに配置されているファイルは、一般的には外部から閲覧が可能となるため、公開する必要のないファイルは、公開用ディレクトリに配置しないようにする。

2. ウェブサイトの運営に必要のないサービスがウェブサーバ上で稼動している場合、そのサービスに対しては管理が不十分になりやすく、ぜい弱性が残されたままの状態で稼動している可能性があるため、必要のないサービスは削除する。

3. ウェブサーバをリモート操作する際の認証方法として、パスワード認証と暗号技術による公開鍵認証などを併用している場合、サーバに負荷がかかり可用性が低下するため、パスワード認証以外の認証は行わないようにする。

4. OS やアプリケーションにぜい弱性があった場合、そのぜい弱性をついて不正アクセスされる場合があるため、OS やアプリケーションのベンダーなどから提供されるぜい弱性情報を随時入手して、OSやアプリケーションを最新の状態に保つようにする。

解答

3

パスワード認証以外の認証を行わないことで情報が漏れる可能性があるためセキュリティ対策とは言えません。

 

ウェブデザイン技能検定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キーでチェックしたり等、全ての機能がキーボードで使える必要があります。