ウェブデザイン技能検定3級 H30年度 第3回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
IoT とは、Internet of Technology の略である。
解答
2.間違い
Internet of Things の略です。
HTML 5.2 では、DOCTYPE 宣言を省略できる。
ユニバーサルデザインとは、多言語対応の事のみをいう。
解答
2.間違い
文化・言語・国籍や年齢・性別などの違い、障害の有無や能力差などを問わずに利用できることを目指した建築(設備)・製品・情報などの設計(デザイン)のことです。
html 要素に lang 属性を指定するのは古くからの慣習によるものであり、HTML5 では html 要素に lang 属性を指定する必要はない。
解答
2.間違い
古くからの慣習によるものではありません。省略した場合lang指定をした親要素に従います。
VDT 作業における室内の照明及び採光については、明暗の対照が著しくなく、かつ、まぶしさを生じさせないようにすることが良い。
解答
1.正しい
サイバーセキュリティ基本法は、サイバーセキュリティに関する施策を総合的かつ効果的に推進するため、基本理念及び国の責務、戦略、基本的施策等を規定している。
解答
1.正しい
著作物が著作権による保護を受けるためには所定の手続きが必要である。
PNG は、ラスターグラフィックスの代表的なファイルフォーマットの 1 つである。
解答
1.正しい
図をタテヨコに並んだ点の集まりとしてとらえ、処理をする形式です。
レスポンシブデザインでないウェブサイトは、スマートフォンでは閲覧できない。
解答
2.間違い
見づらいかも知れませんが閲覧可能です。
ラジオボタンは、相互に排他的な複数の選択項目の中から、ユーザが 1 項目だけ選択する場合に用いられる。
解答
1.正しい
ここからは4択の問題となります。
W3C とは何の略称か。適切なものを以下より 1 つ選択しなさい。
1. Web 3rd Conuters
2. The Web 3G Communications
3. World 3-dimensional Community
4. The World Wide Web Consortium
解答
4
要素の内容が消えずに見える状態となる CSS の表示指定はどれか。以下より 1 つ選択しなさい。
1. display: none;
2. visibility: hidden;
3. opacity: 0;
4. background: transparent;
解答
4
1は内容が表示されません。2は表示属性が非表示になります。3は透過されます。4は背景のみ透過されます。
アルファチャンネルの説明として適切なものを、以下より 1 つ選択しなさい。
1. 画像の彩度を扱うためのデータ領域
2. 画像の透過度を扱うためのデータ領域
3. 画像の圧縮前のデータを保存した領域
4. 画像の圧縮後のデータを保存した領域
解答
2
プロポーショナルフォントの説明として適切なものを、以下より 1 つ選択しなさい。
コード
background: url(../img/main.png)
1. フォントサイズを変更できないフォントのこと
2. JIS 規格によらないフォントのこと
3. アルファベットのみのフォントのこと
4. 文字ごとに文字幅が異なるフォントのこと
次の HTML を図のように表示する CSS はどれか。以下より 1 つ選択しなさい。
図
HTML
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>ウェブデザイン技能検定</title> </head> <body> <div id="wrapper"> <header><h1>ウェブデザイン技能検定</h1></header> <main> <p> ウェブデザイン技能検定は、国家検定制度である技能検定制度の一つとして 特定非営利活動法人インターネットスキル認定普及協会が実施するものです。 </p> </main> </div> </body> </html>
1.
#wrapper { width: 800px; } header { background-color: #333; color: #FFF; margin: 10px; } main { background-color: #CCC; color: #000; margin: 20px; }
2.
#wrapper { width: 800px; } header { background-color: #333; color: #FFF; padding: 10px; } main { background-color: #CCC; color: #000; padding: 20px; }
3.
#wrapper { width: 800px; } header { background-color: #CCC; color: #000; padding: 10px; } main { background-color: #CCC; color: #000; padding: 20px; }
4.
<#wrapper { width: 800px; } header { background-color: #333; color: #FFF; padding: 10px; } main { background-color: #000; color: #FFF; padding: 20px; }
解答
2
ヘッダ背景が濃いグレー、文字色が白、メインの背景が薄いグレーで文字色が黒、それぞれパディングされています。
インターネットスキル認定普及協会のサイトにおける、当協会のロゴ画像の代替テキストとして最も適切なものはどれか。以下より 1 つ選択しなさい。
解答
4
ロゴであることや画像であることを示しても意味がありません。
CSS 2.1 において、背景はボックスのどの領域に表示されると定義されているか。以下より 1 つ選択しなさい。
1. 要素内容を表示する領域のみ
2. パディングを含む、そこから内側の領域
3. ボーダーを含む、そこから内側の領域
4. マージンを含む、そこから内側の領域
解答
3
HTML コードで<input>要素の type 属性に用いることのできない値を、以下から1つ選択しなさい。
1. radiobutton
2. checkbox
3. email
4. text
解答
1
radio です。
ウェブサイトに大量のリクエストや巨大なデータを送りつけることで、サーバをダウンさせる攻撃手法はどれか。以下より 1 つ選択しなさい。
HTML で段落を表現する場合の正しいマークアップ方法はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. p 要素のタグで囲む。
2. div 要素のタグで囲む。
3. br 要素を使って前後を 1 行分ずつあける。
4. margin 要素を使って前後を 1 行分ずつあける。
解答
1
次の文章は、「個人情報の保護に関する法律」(個人情報保護法)における個人情報取扱事業者の義務規定に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。なお、それぞれの A には、同じ語句が入るものとする。
個人情報取扱事業者は、個人情報を取り扱うにあたっては、その A をできる限り特定しなければ ならない。また、個人情報取扱事業者は、あらかじめ本人の同意を得ないで、特定された A の達 成に必要な範囲を超えて、個人情報を取り扱ってはならない。
1. 使用期間
2. 利用目的
3. 収集件数
4. 保管手順
解答
2
次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.1 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
1.4.1 A の使用の達成基準
A が、情報を伝える、動作を示す、反応を促す、又は視覚的な要素を判別するための唯一の
視覚的手段になっていない(レベル A)。
1. アウトライン
2. アイコン
3. 色
4. アニメーション
解答
3
色が情報を伝える唯一の手段の場合、目の不自由な方等には情報が伝わりません。
nav 要素に関する説明として適切なものを、以下より 1 つ選択しなさい。
1. グローバルナビゲーションを含むことはできない。
2. main 要素を含むことはできない。
3. HTML 文書中に 2 回以上出現することはできない。
4. 必ずページ上部に配置される。
解答
2
CSS の赤を示す値として誤っているものはどれか。以下より 1 つ選択しなさい。
1. #f00
2. #ff0000
3. rgba(ff,0,0,1)
4. red
解答
3
0~255、または0~100%で色を指定する必要があります。4つめは透過度で0~1で1が不透明を表します。