問題一覧
1
html要素の開始タグと終了タグは、状況によっては省略可能である。
◯
2
情報機器作業において、一連続作業時間が１時間を超えないようにし、次の連続作業までの間に 10 分～15分の作業休止時間を取ることが望ましい。
◯
3
ウェブブラウザの機能において、Cookie（クッキー）とキャッシュは同一のものを指している。
✕
4
PHPで作成されているウェブサイトは、クライアントのウェブブラウザで HTMLを生成する。
✕
5
無線 LANの暗号化方式のうち、TKIP と AESでは TKIPの方が安全性が高い。
✕
6
次の html要素の開始タグは、文法的に正しい。
<HTML LANG=JA>
◯
7
tabindex属性はグローバル属性であり、全ての要素に指定できる。
◯
8
ロゴ画像の代替テキストには、それがロゴ画像であることが明確にわかるようにする目的で「ロゴ」という語句を必ず含めるべきである。
✕
9
ウェブサイトやウェブページのアクセス数を計る指標の 1つであるページビュー数は、通常、ユニークユーザ数より少ない。
✕
10
SSLサーバ証明書において、最も信頼性が高いのはドメイン認証である。
✕
11
ユニバーサルデザインとは、これまで対象ユーザとして認識されずに除外されてきた人々を、デザインの初期段階から巻き込んでデザインしていく手法のことである。
✕
12
クロスサイトスクリプティング（XSS)攻撃とは、CSSの脆弱性をついて情報を盗む攻撃である。
✕
13
個人情報保護法では、保護の対象としての「個人情報」と「個人データ」は分けて定義されている。
◯
14
クライアントの代理として DNSサーバに問い合わせ、その結果を返答しかつ一定期間記憶する機能を持つサーバを、DNS キャッシュサーバと呼ぶ。
◯
15
CSSの vertical-alignプロパティの初期値は「bottom」である。
✕
16
次の PHPを実行した場合の返り値はどれか。以下より１つ選択しなさい。
<?php
$array1 = [ "a", "b", "c", "d", "e" ] ;
$array2 = [ "d", "e", "f", "g" ] ;
$result = array_diff( $array1, $array2 ) ;
print_r( $result ) ;
?>
Array ( [0] => a [1] => b [2] => c )
17
次の HTMLのリンク部分の表示についての適切な説明はどれか。以下より 1つ選択しなさい。なおリンク要素の文字色 のデフォルト値は青色であるものとする。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
body {
background-color: #FFF;
}
h1 {
color: rgb(255, 0, 0);
}
h1 a {
color: rgb(0, 255, 0);
text-decoration: none;
}
</style>
</head>
<body>
<a href="index.html">
<h1>ウェブデザイン技能検定</h1>
</a>
</body>
</html>
文字色は赤色で下線が引かれる。
18
一般的なブラウザにおいて、特に何も指定しなくても CSS の「display: inline-block」の状態になっている要素はどれか。以下より 1つ選択しなさい。
textarea要素
19
情報機器作業における照明および採光について、不適切なものを以下より 1つ選択しなさい。
ディスプレイ画面の明るさ、書類及びキーボード面における明るさと周辺の明るさの差はなるべく大きくすること。
20
次の PHP コードは、外部に配置された CSV ファイル data.csvの内容を読み込んで表示させるものである。
A に記すべき内容を以下より 1つ選択しなさい。
$fp = fopen("data.csv" ,"r");
A
echo($content);
while($filedata = fgetcsv ($fp)) { foreach($filedata as $data) { $content .= $data; } }
21
HTMLのコメントとして文法的に誤りであるものはどれか。以下より 1つ選択しなさい。
<!--コメ<!--ント-->
22
SQL インジェクション攻撃を防ぐための最も効果的な方法はどれか。以下より 1つ選択しなさい。
プリペアドステートメントとパラメータ化クエリを使用する。
23
wbr要素は、それが何であることを示す要素か。最も適切なものを以下より 1つ選択しなさい。
改行可能な位置
24
ウェブコンテンツ JIS(JISX8341-3)の「1.4 判別可能のガイドライン」はどれか。以下より 1つ選択しなさい。
コンテンツを、利用者にとってみやすく、聞きやすいものにする。これには、前景と背景とを区別すること も含む。
25
「不正アクセス行為の禁止等に関する法律」で規定される「不正アクセス行為」に該当するものはどれか。以下より 1つ選択しなさい。
なりすまし行為
26
DNSレコードのうち、ドメインのホスト名に対してエイリアス（別名）を定義するものはどれか。以下より 1つ選択しなさい。
CNAME
27
HTTP通信を行う場合のポート番号はどれか。以下より 1つ選択しなさい。
80
28
ターゲットユーザになったつもりで評価対象のウェブサイトを操作することによって、様々な問題点を指摘する、ユーザビリティの評価手法は何か。最も適切なものを以下より 1つ選択しなさい。
認知的ウォークスルー
29
次の HTML文書の「試験は実技および学科試験で実施されます。」という文字部分のみ赤色で表示させるための CSSを以下より 1つ選択しなさい。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
</head>
<body>
<main>
<section>
<p>ウェブデザイン技能検定は国家検定制度である技能検定制度の一つです。</p>
<p>試験は実技および学科試験で実施されます。</p>
</section>
</main>
</body>
</html>
p:nth-child(2) { color: #ff0000; }
30
掲示板システムなどに入力された文字列をチェックして、プログラムにとって特別な意味を持つ可能性がある文字や記号を別の表記に置き換えることを何と言うか。以下より 1つ選択しなさい。
サニタイジング
31
要素名をマークアップするのにもっともふさわしい要素はどれか。最も適切なものを以下より 1つ選択しなさい。
code要素
32
SEOポイズニングの説明として適切なものを、以下より 1つ選択しなさい。
検索エンジン最適化の手法を悪用して、不正プログラムを埋め込むなどの悪意のあるウェブサイトを検索結果の上位に表示し、そのウェブサイトに利用者を誘導する手口などを指す。
33
著作権法で保護の対象とならないものを、以下より 1つ選択しなさい。
工業製品
34
HTTP レスポンスステータスコードのサーバエラーレスポンスで「Service Unavailable」のコードを以下より 1つ選択しなさい。
503
35
GIFの説明として適切なものはどれか。以下より 1つ選択しなさい。
複数の静止画像を連結したアニメーションが作成できる。
36
指定されている属性によって、インタラクティブコンテンツになる場合もある要素はどれか。以下より 1つ選択しなさい。
video
37
ウェブアクセシビリティにおける「コントラスト比」の説明として最も適切なものはどれか。以下より 1つ選択しなさい。
文字色と背景色の相対輝度の比率
38
16進数であらわした色の値のうち、yellow と同じ色になるものはどれか。以下より 1つ選択しなさい。
#ffff00
39
データベースのテーブル TESTから 70点以上の人だけを抽出する SQL文を、以下より 1つ選択しなさい。
SELECT * FROM TEST WHERE SCORE >= 70;
40
次の関数 adjustImageSize(image, width, height)は、さまざまなサイズの画像を揃えて並べるために定義したものである。
引数の imageが img要素の参照、width と heightはそれぞれ幅と高さの数値である。画像の縦横(アスペクト)比は保ったまま、矩形の幅と高さにぴったり収めたい(幅か高さのどちらか一方には余白ができてよい)。
このとき、JavaScriptコードの A に用いるべき適切な演算子はどれか。以下より 1つ選択しなさい。
function adjustImageSize(image, width, height) {
const imageWidth = image.naturalWidth;
const imageHeight = image.naturalHeight;
const widthRatio = imageWidth / width;
const heightRatio = imageHeight / height;
if (widthRatio A heightRatio) {
image.width = width;
image.height = imageHeight / widthRatio;
} else {
image.width = imageWidth / heightRatio;
image.height = height;
}
}
>
問題一覧
1
html要素の開始タグと終了タグは、状況によっては省略可能である。
◯
2
情報機器作業において、一連続作業時間が１時間を超えないようにし、次の連続作業までの間に 10 分～15分の作業休止時間を取ることが望ましい。
◯
3
ウェブブラウザの機能において、Cookie（クッキー）とキャッシュは同一のものを指している。
✕
4
PHPで作成されているウェブサイトは、クライアントのウェブブラウザで HTMLを生成する。
✕
5
無線 LANの暗号化方式のうち、TKIP と AESでは TKIPの方が安全性が高い。
✕
6
次の html要素の開始タグは、文法的に正しい。
<HTML LANG=JA>
◯
7
tabindex属性はグローバル属性であり、全ての要素に指定できる。
◯
8
ロゴ画像の代替テキストには、それがロゴ画像であることが明確にわかるようにする目的で「ロゴ」という語句を必ず含めるべきである。
✕
9
ウェブサイトやウェブページのアクセス数を計る指標の 1つであるページビュー数は、通常、ユニークユーザ数より少ない。
✕
10
SSLサーバ証明書において、最も信頼性が高いのはドメイン認証である。
✕
11
ユニバーサルデザインとは、これまで対象ユーザとして認識されずに除外されてきた人々を、デザインの初期段階から巻き込んでデザインしていく手法のことである。
✕
12
クロスサイトスクリプティング（XSS)攻撃とは、CSSの脆弱性をついて情報を盗む攻撃である。
✕
13
個人情報保護法では、保護の対象としての「個人情報」と「個人データ」は分けて定義されている。
◯
14
クライアントの代理として DNSサーバに問い合わせ、その結果を返答しかつ一定期間記憶する機能を持つサーバを、DNS キャッシュサーバと呼ぶ。
◯
15
CSSの vertical-alignプロパティの初期値は「bottom」である。
✕
16
次の PHPを実行した場合の返り値はどれか。以下より１つ選択しなさい。
<?php
$array1 = [ "a", "b", "c", "d", "e" ] ;
$array2 = [ "d", "e", "f", "g" ] ;
$result = array_diff( $array1, $array2 ) ;
print_r( $result ) ;
?>
Array ( [0] => a [1] => b [2] => c )
17
次の HTMLのリンク部分の表示についての適切な説明はどれか。以下より 1つ選択しなさい。なおリンク要素の文字色 のデフォルト値は青色であるものとする。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
<style>
body {
background-color: #FFF;
}
h1 {
color: rgb(255, 0, 0);
}
h1 a {
color: rgb(0, 255, 0);
text-decoration: none;
}
</style>
</head>
<body>
<a href="index.html">
<h1>ウェブデザイン技能検定</h1>
</a>
</body>
</html>
文字色は赤色で下線が引かれる。
18
一般的なブラウザにおいて、特に何も指定しなくても CSS の「display: inline-block」の状態になっている要素はどれか。以下より 1つ選択しなさい。
textarea要素
19
情報機器作業における照明および採光について、不適切なものを以下より 1つ選択しなさい。
ディスプレイ画面の明るさ、書類及びキーボード面における明るさと周辺の明るさの差はなるべく大きくすること。
20
次の PHP コードは、外部に配置された CSV ファイル data.csvの内容を読み込んで表示させるものである。
A に記すべき内容を以下より 1つ選択しなさい。
$fp = fopen("data.csv" ,"r");
A
echo($content);
while($filedata = fgetcsv ($fp)) { foreach($filedata as $data) { $content .= $data; } }
21
HTMLのコメントとして文法的に誤りであるものはどれか。以下より 1つ選択しなさい。
<!--コメ<!--ント-->
22
SQL インジェクション攻撃を防ぐための最も効果的な方法はどれか。以下より 1つ選択しなさい。
プリペアドステートメントとパラメータ化クエリを使用する。
23
wbr要素は、それが何であることを示す要素か。最も適切なものを以下より 1つ選択しなさい。
改行可能な位置
24
ウェブコンテンツ JIS(JISX8341-3)の「1.4 判別可能のガイドライン」はどれか。以下より 1つ選択しなさい。
コンテンツを、利用者にとってみやすく、聞きやすいものにする。これには、前景と背景とを区別すること も含む。
25
「不正アクセス行為の禁止等に関する法律」で規定される「不正アクセス行為」に該当するものはどれか。以下より 1つ選択しなさい。
なりすまし行為
26
DNSレコードのうち、ドメインのホスト名に対してエイリアス（別名）を定義するものはどれか。以下より 1つ選択しなさい。
CNAME
27
HTTP通信を行う場合のポート番号はどれか。以下より 1つ選択しなさい。
80
28
ターゲットユーザになったつもりで評価対象のウェブサイトを操作することによって、様々な問題点を指摘する、ユーザビリティの評価手法は何か。最も適切なものを以下より 1つ選択しなさい。
認知的ウォークスルー
29
次の HTML文書の「試験は実技および学科試験で実施されます。」という文字部分のみ赤色で表示させるための CSSを以下より 1つ選択しなさい。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
</head>
<body>
<main>
<section>
<p>ウェブデザイン技能検定は国家検定制度である技能検定制度の一つです。</p>
<p>試験は実技および学科試験で実施されます。</p>
</section>
</main>
</body>
</html>
p:nth-child(2) { color: #ff0000; }
30
掲示板システムなどに入力された文字列をチェックして、プログラムにとって特別な意味を持つ可能性がある文字や記号を別の表記に置き換えることを何と言うか。以下より 1つ選択しなさい。
サニタイジング
31
要素名をマークアップするのにもっともふさわしい要素はどれか。最も適切なものを以下より 1つ選択しなさい。
code要素
32
SEOポイズニングの説明として適切なものを、以下より 1つ選択しなさい。
検索エンジン最適化の手法を悪用して、不正プログラムを埋め込むなどの悪意のあるウェブサイトを検索結果の上位に表示し、そのウェブサイトに利用者を誘導する手口などを指す。
33
著作権法で保護の対象とならないものを、以下より 1つ選択しなさい。
工業製品
34
HTTP レスポンスステータスコードのサーバエラーレスポンスで「Service Unavailable」のコードを以下より 1つ選択しなさい。
503
35
GIFの説明として適切なものはどれか。以下より 1つ選択しなさい。
複数の静止画像を連結したアニメーションが作成できる。
36
指定されている属性によって、インタラクティブコンテンツになる場合もある要素はどれか。以下より 1つ選択しなさい。
video
37
ウェブアクセシビリティにおける「コントラスト比」の説明として最も適切なものはどれか。以下より 1つ選択しなさい。
文字色と背景色の相対輝度の比率
38
16進数であらわした色の値のうち、yellow と同じ色になるものはどれか。以下より 1つ選択しなさい。
#ffff00
39
データベースのテーブル TESTから 70点以上の人だけを抽出する SQL文を、以下より 1つ選択しなさい。
SELECT * FROM TEST WHERE SCORE >= 70;
40
次の関数 adjustImageSize(image, width, height)は、さまざまなサイズの画像を揃えて並べるために定義したものである。
引数の imageが img要素の参照、width と heightはそれぞれ幅と高さの数値である。画像の縦横(アスペクト)比は保ったまま、矩形の幅と高さにぴったり収めたい(幅か高さのどちらか一方には余白ができてよい)。
このとき、JavaScriptコードの A に用いるべき適切な演算子はどれか。以下より 1つ選択しなさい。
function adjustImageSize(image, width, height) {
const imageWidth = image.naturalWidth;
const imageHeight = image.naturalHeight;
const widthRatio = imageWidth / width;
const heightRatio = imageHeight / height;
if (widthRatio A heightRatio) {
image.width = width;
image.height = imageHeight / widthRatio;
} else {
image.width = imageWidth / heightRatio;
image.height = height;
}
}
>