ウェブデザイン技能検定3級 H30年度 第2回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
2018 年4月現在、W3C 勧告となっている HTML の最新バージョンは HTML 5.1 である。
解答
2.間違い
2017年12月14日に HTML 5.2 が勧告されました。
いかなる環境においても、インターネットにおける通信速度に差異はない。
解答
2.間違い
通信速度は回線の混雑具合や通信先までの距離、中継機の性能など色々な要素で変化します。
HTML5 では、a 要素の内部に div 要素を配置することができる。
解答
1.正しい
解答
1.正しい
File Transfer Protocol です。
アクセシビリティに配慮するのであれば、テキストとその背景のコントラスト比は可能な限り低くした方がよい。
CMS(コンテンツマネジメントシステム)は PHP で作られているので、HTML や CSS を使用することはない。
著作権侵害のコンテンツをウェブサイトにアップロードしても、一定数のアクセスが無い限りは違法にはならない。
解答
2.間違い
アップロードした時点で違法です。
非可逆圧縮では、圧縮データを復号しても、圧縮前のデータを完全に復元することはできない。
解答
1.正しい
データの容量を大幅に圧縮できますが、圧縮したデータを展開したときに完全に元に戻らず、データの損失(劣化)が起こります。
ウェブサーバ内の不要になったファイルは、削除して残さないようすることもセキュリティ対策の 1 つである。
解答
1.正しい
残したファイルから思わぬ攻撃を受ける可能性があります。
第 10 問 「VDT 作業における労働衛生管理のためのガイドライン(厚生労働省)」において、“ディスプレイ画面と眼の視距離をおおむね 40cm 以上”としたのは、眼に負担をかけないで画面を明視することができ、かつ、眼とキーボードや書類との距離の間に極端な差が生じないようにするためである。
解答
1.正しい
ここからは4択の問題となります。
次の HTML 文書を表示させると、h1 要素のボーダーはどのように表示されるか。以下より 1 つ選択しなさい。
HTML文書
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>ウェブデザイン技能検定</title> <style> h1 { border: 3px #ff0000; } </style> </head> <body> <h1>ウェブデザイン技能検定</h1> </body> </html>
解答
4
線種が指定されていないためnoneとなり、表示されません。
次に示したのは、ウェブコンテンツ JIS(JIS X 8341-3)のガイドライン 2.3 である。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
2.3 A の防止のガイドライン
A を引き起こすようなコンテンツを設計しない。
1. 発作
2. 操作ミス
3. 表示崩れ
4. カラム落ち
解答
1
SSL を使用しているウェブサイトにおいて、その URL はどのような文字列で始まるか。適切なものを以下より 1つ選択しなさい。
解答
3
HTML において、「お問い合わせ」のページに掲載するフリーダイヤルの電話番号をマークアップする際に使用すべき要素はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. p
2. div
3. span
4. address
HTML5 において使用できない要素はどれか。以下より 1 つ選択しなさい。
1. header
2. navi
3. main
4. footer
解答
2
navi ではなく nav 要素ですね。
CSS とは何の略称か。適切なものを以下より 1 つ選択しなさい。
1. Combining Style Sheets
3. Containing Style Sheets
4. Contexting Style Sheets
解答
2
次の文章は、不正ログインに関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
複数のインターネットサービスで、同じユーザ ID・パスワードの組み合わせを使い回してい
ると、 A の被害にあいやすくなる。
解答
3
1はコンピューター通信で利用する「セッション」を窃取し、本人に成り代わって通信を行う攻撃です。2は複数のコンピューターから標的のサーバーに、ネットワークを介した大量の処理要求を送ることでサービスを停止させてしまう攻撃です。4は特定のWEBサイトにアクセスした場合などに、ユーザーの知らない間にマルウェアや悪意のあるソフトウェアを一方的にダウンロードさせ、勝手にインストールまでさせてしまうことです。
光の三原色である色はどれか。以下より 1 つ選択しなさい。
1. 橙
2. 緑
3. 黄
4. 白
解答
2
赤、緑、青の三色です。
解答
1
商標権について適切な説明はどれか。以下より 1 つ選択しなさい。
1. 登録の有無にかかわらず、先に使用した時点で権利が発生する。
2. 登録された日から 10 年間法的に保護されるが、更新はできない。
3. 出願および登録は法人のみ可能である。
4. 知的財産権の一つである。
解答
4
次の HTML を例のように表示させることのできる CSS を以下より 1 つ選択しなさい。
例
1.
ul li { list-style-type: square circle; }
2.
ul { list-style-type: square; } ul { list-style-type: circle; }
3.
ul { list-style-type: square; } ul ul { list-style-type: circle; }
4.
ul { list-style-type: square; } ul ul { list-style-type: disk; }
解答
3
外部スタイルシートを利用することのメリットとして、直接関係ないものはどれか。以下より 1 つ選択しなさい。
解答
1
img要素に対する代替テキストが不要と判断された場合、alt属性はどのように記述すべきか。最も適切なものを以下より 1 つ選択しなさい。
1. alt 属性自体を省略する。
2. alt="" と記述する。
3. 不要であってもなんらかのテキストを入れる。
4. 代替テキストが不要となるケースは存在しない。
解答
2
alt属性は基本的に必須となります。
HTML コードの button 要素に加えた onclick 属性に、次のようなイベントハンドラを定めた。このボタンをクリックしたときの動きとして最も適切な説明はどれか。以下より1つ選択しなさい。
HTMLコード
<button onclick="alert('first');">click me</button>
1. ダイアログは開かずにエラーになる。
2. 「click me」の警告ダイアログが開く。
3. 「first」の警告ダイアログが開く。
4. 「alert」という文字が表示される。
解答
3
解答
1
他は指定できません。
ウェブデザイン技能検定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が不透明を表します。
ウェブデザイン技能検定3級 H30年度 第4回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
HTML 5.2 では、dialog 要素を使用できる。
ユニバーサルデザインとは、障害者にとって障壁となる様々な対象物を取り除くことである。
解答
2.間違い
文化・言語・国籍や年齢・性別などの違い、障害の有無や能力差などを問わずに利用できることを目指した建築(設備)・製品・情報などの設計(デザイン)のことです。
擬似クラス:hover は a 要素のみに指定できる。
解答
2.間違い
カーソルが乗っている要素にスタイルを適用するためのものです。
加法混色とは、赤・青・黄色の 3 色の組み合わせによる色表現の方法である。
解答
2.間違い
赤・緑・青の3色です。
悪意のあるソフトウェアやコードの総称をマルウェアという。
解答
1.正しい
不正かつ有害に動作させる意図で作成された悪意のあるソフトウェアや悪質なコードの総称です。
Basic 認証とは HTTP の認証方式のひとつであり、ユーザ名とパスワードをハッシュ化することで盗聴や改竄を防ぐ。
GIF 形式の透過処理と PNG 形式の透過処理には違いはない。
解答
2.間違い
どちらも透過できますが、圧縮方式は違います。
クロスブラウザチェックとは、複数の異なるウェブブラウザで仕様どおりにウェブページが表示され機能するかを検証することである。
解答
1.正しい
解答
1.正しい
ここからは4択の問題となります。
CSSのコード内において、他の外部スタイルシートを読み込む際に使用する命令はどれか。以下より1 つ選択しなさい。
1. !import
2. !important
3. @import
4. @important
解答
3
!important は 優先度で最優先を示します。
解答
3
次の video 要素で再生や音量、スライダなどのユーザインタフェースを表示したい(図参照)。このとき、 A にあてはまる最も適切なものを、以下より 1 つ選択しなさい。
video要素
<video A src="myVideo.mp4" width="640"></video>
図
1. navbar
2. buttons
3. controls
4. interface
解答
3
http://example.com/css/style.css に次のコードが記述されている場合、main.png が表示されるパスを、以下より 1 つ選択しなさい。
コード
background: url(../img/main.png)
1. http://example.com/css/img/main.png
2. http://example.com/css/main.png
3. http://example.com/img/css/main.png
4. http://example.com/img/main.png
画像が利用できない場合にその画像の代わりとして使用するテキストを指定する属性はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. alt
2. label
3. title
4. placeholder
解答
1
li 要素に表示されるリストマーカーの表示を隠すための CSS を、以下より 1 つ選択しなさい。
1. ul 要素に対して list-style: none と記述する。
2. ul 要素に対して list: 0 と記述する。
3. li 要素に対して list: none と記述する。
4. li 要素の list-style 属性の値を空白にする。
解答
1
日常的に行うべきセキュリティ対策として不適切なものを、以下より 1 つ選択しなさい。
1. クリアスクリーンポリシーに則り、第三者に見られたり、操作されたりしないようにするため、パソコンや スマートフォンなどは画面をロックしておく。
2. 電子メールを受信した際は、差出人欄を確認し、差出人がアドレス帳に登録されている者や著名な 組織・企業であれば、不正なメールではないと判断できるため、ファイルが添付されていた場合は開 くようにする。
3. パソコンやスマートフォンなどにセキュリティソフトを導入し、セキュリティソフトのパターンファイルを常 に更新して、最新の状態となるよう定期的に確認をする。
4. パソコンやスマートフォンなどの OS やアプリケーションソフトにセキュリティパッチを適用し、最新のバ ージョンとなるように随時更新を行う。
解答
2
アドレス帳に登録されている人、組織や企業名を名乗って不正ファイルを送りつけてくる可能性があります。
無彩色ではないものを以下より 1 つ選択しなさい。
1. 白
2. 黒
3. 灰
4. 赤
解答
4
無彩色は白と黒との混合で得られる色(白と黒自体も含む)の総称で、他は有彩色です。
ID やパスワードの不正取得・保管行為を禁止する法律はどれか。以下より 1 つ選択しなさい。
解答
4
次のうち、CSS 2.1 では使用できない単位はどれか。以下より 1 つ選択しなさい。
1. in
2. mm
3. cm
4. m
解答
4
メートルは使用できません。
レスポンシブウェブデザインに関する説明として適切なものを、以下より 1 つ選択しなさい。
解答
3
WCAG とは何の略称か。適切なものを以下より 1 つ選択しなさい。
1. Whole CAPTCHA to Audio Glyphs
2. Web Compatibility Analysis Group
3. Web Components of Assistive Gestures
4. Web Content Accessibility Guidelines
解答
4
ウェブデザイン技能検定2級 H29年度 第1回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
getElementsByClassName()メソッドは、引数のクラス名で得られる最初の要素のみを返す。
解答
2.間違い
指定したクラス名を保持するすべてのHTML要素のコレクションが取得できます。
解答
1.正しい
解答
2.間違い
ベクタデータは始点と終点の座標や座標を結ぶ線の種類・太さ・色などを表す描画情報を持っています。
CSS で使用される単位「px」は、CSS の初期のバージョンでは相対単位に分類されていたが、CSS2.1 以降で は絶対単位に分類されている。
解答
1.正しい
ウェブサイトやウェブページのアクセス数を計る指標の1つであるページビュー数は、通常、ユニークユーザ数よ り少ない。
解答
2.間違い
通常、閲覧したユーザ数より、ページが表示された回数の方が多くなります。
ユーザの個人情報を利用、収集する際、そのユーザから承認を得てからはじめて実施する方法を「オプトアウト」 という。
アクティブではないユーザインタフェース部品の文字については、4.5:1 のコントラスト比がなくてもよい。
解答
1.正しい
GIF 形式は、ISO/IEC 15948 として国際標準化されている。
HTML5 において、外部 JavaScript ファイルを読み込むときは、<script href="sample.js"></script>のよう に記述する。
解答
2.間違い
<script src="sample.js"></script>です。
DOM(Document Object Model)は JavaScript 以外のプログラミング言語からも操作が可能である。
解答
1.正しい
HTTP ステータスコードのうち、「503 Service Unavailable」はリソースへのアクセスが拒否されたことを示して いる。
解答
2.間違い
サービスが一時的に過負荷やメンテナンスで使用不可能であることを示します。
ウェブ上で扱う動画のフレームレートは、60fps 以上としなければならない。
解答
2.間違い
特に規定はありません。
HTML5 では条件を満たせば img 要素の alt 属性を省略することができる。
解答
1.正しい
画像内容が不明な場合 (自動取得/生成やユーザー投稿など) で、かつ img 要素に空文字列でない title 属性がある場合などは省略できます。
解答
1.正しい
ここからは4択の問題となります。
背景色と文字色のカラーコードの組み合わせのうち、コントラスト比が一番大きい組み合わせはどれか。以下より 1 つ選択しなさい。
1. 文字色 #111111 : 背景色 #202020
2. 文字色 #111111 : 背景色 #989898
3. 文字色 #111111 : 背景色 #dfdfdf
4. 文字色 #111111 : 背景色 #f2f2f2
解答
4
1は 1.2: 1、2は 6.5 : 1、3は 14.2 : 1、4は 16.9 : 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は前景または背景色の暗い方の相対輝度である。
ホーム(トップ)ページに戻るためのリンクが次のようになっているとき、 A に記述すべき代替テキストとして最も適切なものはどれか。以下より 1 つ選択しなさい。
home.pngの画像
コード
<a href="home.html><img src="home.png" alt=" A ">ホーム</a>
1. ホーム
2. ホームに戻る
3. 家の形のアイコン
4. 空でよい(代替テキストは不要)
解答
4
リンク先として「ホーム」の記載があるため不要です。
ウェブサーバへのセキュリティ対策として不適切なものを、以下より 1 つ選択しなさい。
1. ウェブ公開用のディレクトリに保管されているファイルは、一般的には外部から閲覧が可能となるため、公 開する必要のないファイルは、公開用ディレクトリに保管しないようにする。
2. OS やアプリケーションにぜい弱性があった場合、そのぜい弱性をついて不正アクセスされる場合があるた め、OSやアプリケーションのベンダーなどから提供されるぜい弱性情報を随時入手して、OSやアプリケー ションを最新の状態に保つようにする。
3. ウェブサーバをリモート操作する際の認証方法として、パスワード認証と暗号技術による公開鍵認証などを 併用している場合、サーバに負荷がかかり可用性が低下するため、パスワード認証以外の認証は行わな いようにする。
4. ウェブサイトの運営に必要のないサービスがウェブサーバ上で稼動している場合、そのサービスに対して は管理が不十分になりやすく、ぜい弱性が残されたままの状態で稼動している可能性があるため、必要の ないサービスは削除する。
解答
3
セキュリティ対策としては不十分ですね。
「障害の有無にかかわらず、できるだけ多くの人々が利用可能であるようにデザインすること」を表す用語として 最も適切なものを、以下より 1 つ選択しなさい。
解答
4
1はある製品を、特定の利用者が、特定の目的を達成しようとするにあたって、特定の状況で、いかに効果的に、効率的に、満足できるように使えるかの度合い。2は高齢者や障害者なども含めたあらゆる人が、どのような環境(うるさい場所や、暗い場所、逆に明るい場所など)においても柔軟にWebサイトを利用できるように構築すること。3は対象者である障害者を含む高齢者等が、社会生活に参加する上で生活の支障となる物理的な障害や、精神的な障壁を取り除くための施策、若しくは具体的に障害を取り除いた事物および状態です。
次の文章は、ウェブサイトの掲載内容に関するものである。 A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
インターネット上で運営しているショッピングサイトに広告を掲載する際、実際の商品は他社と同程度の内容量であるにもかかわらず、あたかも他社商品の 2 倍の内容量であるかのように表示した場合、 A における「有利誤認表示」に該当するため、違法となる。
解答
3
次の A にあてはまる語句として適切なものを、以下より 1 つ選択しなさい。
厚生労働省が定めた「VDT 作業における労働衛生管理のためのガイドラインについて」では、VDT 作業者の心身の負担を低減するために、連続作業と連続作業の間におおむね A 分程度の作業休止時間を設けるようにしている。
1. 1~2
2. 10~15
3. 30~40
4. 50~60
解答
2
UNIX サーバでファイルのパーミッションを 3 桁の数字で設定する場合、百の位に該当するユーザを以下より 1 つ選択しなさい。
1. 所有者(オーナー)
2. グループ
3. 匿名ユーザ
4. 一般ユーザ
解答
1
百の位が所有者(オーナー)、十の位がグループ、一の位が一般ユーザです。
SVG を使って、例のように黒い四角とテキストを表示したい。この場合、次のコードの記述の A に用いるべき要素名を、以下より 1 つ選択しなさい。
例
コード
<svg>
< A >
<rect width="40" height="20"></rect>
<text x="45" y="17">Text</text>
</ A >
</svg>
1. group
2. div
3. container
4. g
解答
4
g要素は複数の要素をまとめるための要素です。
次のコードの空の h1要素(class属性"main-title")に、JavaScriptコードで例のように文字列を加えたい。その場合、コードの A 、 B 、 C のいずれにも使われないキーワードを、以下より 1 つ選択しなさい。
例
メインタイトル
コード
<h1 class="main-title"></h1>
<script>
var head = document. A ('.main-title');
var newText = document. B ('メインタイトル');
head. C (newText);
1. querySelector
2. createTextNode
3. appendChild
4. innerHTML
次の HTML を、図のように表示させることができる CSS はどれか。以下より 1 つ選択しなさい。なお文字のサイ ズや行送りなどについては考慮する必要はない。
図
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ウェブデザイン技能検定</title>
</head>
<body>
<header>
<h1>ウェブデザイン技能検定</h1>
</header>
<article>
<h2>ウェブデザイン技能検定とは</h2> <p>「ウェブデザイン」技能検定ではウェブデザインの関連標準規格に基づき実技および学科試験にて評価します。</p>
</article>
<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>ウェブデザイン技能検定 2017</footer>
</body>
</html>
1.
article { background-color: #666; color: #FFF; float: left; width: 50%; } aside { background-color: #BBB; float: right; width: 50%; } footer { background-color: #333; color: #FFF; text-align: center; clear: both; }
2.
article { background-color: #666; color: #FFF; float: right; width: 50%; } aside { background-color: #BBB; float: left; width: 50%; } footer { background-color: #333; color: #FFF; text-align: center; clear: both; }
3.
article { background-color: #666; color: #FFF; float: left; width: 50%; } aside { background-color: #BBB; float: right; width: 50%; } footer { background-color: #333; color: #FFF; text-align: center; }
4.
article { background-color: #666; color: #FFF; float: left; } aside { background-color: #BBB; float: right; } footer { background-color: #333; color: #FFF; text-align: center; clear: both; }
解答
1
HTML5 の video 要素に関する説明として正しいものを、以下より 1 つ選択しなさい。
1. video 要素はプラグインなしで映像の再生が行えるが、一時停止させることはできない。
2. video 要素による映像再生はコーデックに依存する場合がある。
3. video 要素では SWF ファイルを再生することができる。
4. video 要素だけでは音声の再生は行えない。
解答
2
コーデックがなければ再生できません。
画像が次のように指定されている場合、ビューポートの幅が 1000px の環境で閲覧したときに表示される画像は どれか。以下より 1 つ選択しなさい。なお、閲覧環境は次のコードで使用されているすべての要素と属性に対応し ているものとする。
<picture> <source media="(min-width: 1600px)" srcset="large.jpg"> <source media="(min-width: 800px)" srcset="medium.jpg"> <img src="small.jpg" alt=""> </picture>
1. large.jpg
2. medium.jpg
3. small.jpg
4. large.jpg と medium.jpg の両方
解答
2
medium.jpgはビューポートの幅が800px以上1600px未満の場合に表示されます。
jQuery を用いた次のコードを、querySelector を用いて記述したものはどれか。以下より 1 つ選択しなさい。
コード
var obj = $('.button');
1. var obj = document.querySelector('.button');
2. var obj = document.querySelectorAll('.button');
3. var obj = document.querySelectorAll('button');
4. var obj = document.querySelector('button');
CSS2.1 の仕様に含まれているプロパティはどれか。以下より 1 つ選択しなさい。
解答
1
他はCSS3で追加されました。
お問合せフォームを設計する際に配慮すべき点として適切なものを、以下より 1 つ選択しなさい。
1. 複数ページにわたるフォームでは現在位置を明示する。
2. 入力エラーがあった場合は、「入力エラー」と表示する。
3. パソコンとスマートフォンで同じレイアウトを用いる。
4. 入力確認画面から編集画面に戻る場合は入力値を保持しない。
解答
1
CSS のボックスモデルにおいて、ボーダー、背景色、要素内容のうち、背景画像よりも上に表示されないものは どれか。以下より 1 つ選択しなさい。
1. ボーダー
2. 背景色
3. 要素内容
4. ボーダーと要素内容
解答
2
インデックスカラーの説明として適切なものを、以下より 1 つ選択しなさい。
1. あらかじめ指定する色に番号を振り、その番号を用いて色を表示するもの。
2. ウェブサイト上で利用できる色見本のこと。
3. 表示された画面に使用されている色の一覧。
4. あらかじめ指定した色を優先的に表示すること。
解答
1
HTTP ステータスコードの数字のうち、正常な処理が完了したことを示すものを、以下より 1 つ選択しなさい。
1. 200
2. 403
3. 404
4. 500
解答
1
1は200 OK でリクエストは成功し、レスポンスとともに要求に応じた情報が返されます。2は403 Forbidden でリソースにアクセスすることを拒否された場合。3は404 Not Found でリソースが見つからなかった場合。4は500 Internal Server Error でサーバ内部にエラーが発生した場合です。
入力など、何らかのアクションをユーザに求める場合の制限時間についての説明として適切なものを、以下より 1 つ選択しなさい。
1. 制限時間はどんな場合でも設定してはいけない。
2. 制限時間はユーザに求めるアクションの種類や量によらず、システムの都合で設定してよい。
3. 中断復帰(制限時間後も同じ状態から再開できる)機能を提供するのが望ましい。
4. 制限時間がある場合でも、そのことを事前に教える必要はない。
解答
3
VDT 作業における照度の設定として、最も適切なものを以下より 1 つ選択しなさい。
1. 画面上における照度は100ルクス以下、書類上及びキーボード上における照度は300ルクス以下とする。
2. 画面上における照度は100ルクス以下、書類上及びキーボード上における照度は300ルクス以上とする。
3. 画面上における照度は500ルクス以上、書類上及びキーボード上における照度は300ルクス以下とする。
4. 画面上における照度は500ルクス以下、書類上及びキーボード上における照度は300ルクス以上とする。
解答
4
URI でメールアドレスを示すものはどれか。以下より 1 つ選択しなさい。
1. mailto://foo@example.com
2. mailto:foo@example.com
3. smtp:foo@example.com
4. smtp://foo@example.com
解答
2
ウェブサイトのナビゲーションについての説明として誤っているものはどれか。以下より 1 つ選択しなさい。
1. グローバルナビゲーションはウェブサイトのすべてのページに表示されることが多く、ウェブサイトの利便性 に大きな影響を与える。
2. グローバルナビゲーションとローカルナビゲーションは、ユーザが位置を正しく把握するために分離されて いる必要がある。
3. 構造的ナビゲーションだけでなく、ユーザが入力したキーワードによる検索も、ナビゲーションの一種であ る。
4. サイトマップの目的は、ユーザがたどり着きたいコンテンツにすばやくアクセスできることであり、すべてのコ ンテンツを列挙する必要はない。
解答
2
次の文章の A にあてはまる語句として最も適切なものを、以下より 1 つ選択しなさい。
HTML5 において、h1~h6 要素は A の見出しをあらわす要素である。
1. 文書
2. 章
3. セクション
4. アウトライン
解答
3
h1~h6 要素が使われると自動的にセクションが生成されます。
2017 年 4 月時点において W3C 勧告にはなっていない規格はどれか。以下より 1 つ選択しなさい。
ウェブデザイン技能検定2級 H29年度 第2回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
次の SVG を使ったコードは、中心座標(50, 50)に半径 40 で緑の円を表示する。
<svg>
<circle cx="50" cy="50" r="40" color="green"/>
</svg>
解答
2.間違い
上記のように黒い円になります。
stroke="green"で縁の色を、塗りつぶすのであれば fill="green" が必要です。
16 進数のカラーコードで色指定する際、3 桁に省略することが可能だが、「#369」と省略されたカラーコードは 6 桁の場合は「#306090」となる。
解答
2.間違い
「#336699」になります。
事業者は、労働衛生教育の一環として、VDT 作業者が自主的に健康を維持管理し、かつ、増進していくために 必要な知識についても教育を行うことが望ましい。
解答
1.正しい
SQLite はスマートフォン専用のリレーショナルデータベース管理システムである。
解答
2.間違い
軽量コンパクトなリレーショナルデータベースシステムです。
ウェブページの表示方法は CSS で指定されるものであるため、記述する HTML の文法に誤りがあったとしても、 表示に影響を与えることはない。
A/B テストとは、複数の案を比較して定量的に評価するテストである。
解答
1.正しい
フルードデザイン(Fluid Design)とは画面の幅に合わせてコンテンツの横幅を可変とするデザイン手法で、画面幅を%指定とすることなどにより実現できる。
解答
1.正しい
HTML5 で任意の要素に指定可能な role 属性は、WCAG 2.0 の仕様書で定義されている。
ブラウザでアニメーションを描画するときに用いられる window.requestAnimationFrame()メソッドには、アニメ ーションを更新するための関数と更新の時間間隔(ミリ秒)のふたつを引数に渡す。
解答
2.間違い
更新の時間間隔はブラウザ任せになります。およそ60fpsとなるようです。
PHP において、print は関数である。
HTML において、form 要素の action 属性のデフォルト値は get である。
解答
1.正しい
WCAG2.0 では、ロゴの一部となっているテキストについては、4.5:1 のコントラスト比がなくてもよいとされている。
解答
1.正しい
解答
1.正しい
camel case は単語の先頭文字を大文字にしますが、upper camel case は先頭文字も大文字にします。
解答
1.正しい
ここからは4択の問題となります。
画像処理におけるモスキートノイズの説明として、適切なものを以下より 1 つ選択しなさい。
1. 主に画像の輪郭部分に発生するノイズのこと
2. 主に画像の中央部に発生するノイズのこと
3. 左右対称の画像を圧縮した場合の左右の違いのこと
4. 異なる2つの画像を圧縮した際に同一の画像になること
解答
1
他は何のことか分かりません…。
HTML5 において、ウェブブラウザ上で番号付きリストを図のように表示させるものを、以下より 1 つ選択しなさい。
図
検定実施地域
7.宮城
6.埼玉
5.東京
4.神奈川
3.愛知
2.大阪
1.福岡
1.
<h1>検定実施地域</h1>
<ol inverted>
<li>宮城</li>
<li>埼玉</li>
<li>東京</li>
<li>愛知</li>
<li>大阪</li>
<li>福岡</li>
</ol>
2.
<h1>検定実施地域</h1>
<ol reversed>
<li>宮城</li>
<li>埼玉</li>
<li>東京</li>
<li>愛知</li>
<li>大阪</li>
<li>福岡</li>
</ol>
3.
<h1>検定実施地域</h1>
<ol>
<li reversed>宮城</li>
<li reversed>埼玉</li>
<li reversed>東京</li>
<li reversed>愛知</li>
<li reversed>大阪</li>
<li reversed>福岡</li>
</ol>
4. HTML5ではこのような表示はおこなえない
解答
2
次のコードの空の h1 要素(class 属性”main-title”)に、JavaScript コードで次の例のように文字列を加える。その場合、コードの A に用いるメソッドを、以下より 1 つ選択しなさい。
コード
<h1 class="main-title"></h1>
<script>
var head = document. A ('.main-title');
head.innerHTML='メインタイトル';
</script>
例
メインタイトル
1. querySelector
2. querySelectorAll
3. getElementById
4. getElementsByClassName
ルート相対パスの記述例として適切なものを、以下より 1 つ選択しなさい。
1. web/index.html
2. /web/index.html
3. ./web/index.html
4. ../web/index.html
ウェブサーバへのセキュリティ対策として、不適切なものを以下より 1 つ選択しなさい。
1. ウェブ公開用のディレクトリに配置されているファイルは、一般的には外部から閲覧が可能となるため、公開する必要のないファイルは、公開用ディレクトリに配置しないようにする。
2. ウェブサーバをリモート操作する際の認証方法として、パスワード認証と暗号技術による公開鍵認証 などを併用している場合、サーバに負荷がかかり可用性が低下するため、パスワード認証以外の認証は行わないようにする。
3. ウェブサイトの運営に必要のないサービスがウェブサーバ上で稼動している場合、そのサービスに対 しては管理が不十分になりやすく、ぜい弱性が残されたままの状態で稼動している可能性があるため、必要のないサービスは削除する。
4. OS やアプリケーションにぜい弱性があった場合、そのぜい弱性をついて不正アクセスされる場合があるため、OS やアプリケーションのベンダーなどから提供されるぜい弱性情報を随時入手して、OS やアプリケーションを最新の状態に保つようにする。
解答
2
セキュリティ対策として不十分ですね。
ワイヤーフレームに関する説明として最も適切なものを、以下より 1 つ選択しなさい。
1. 詳細なサイトマップに存在するすべてのページに対して作成する。
2. 視覚的要素も可能な限り盛り込んでビジュアルデザインに踏み込んだ検討を行う。
3. スクリーンサイズによって出す情報量は変化が無いので1つのサイズだけ検討すれば良い。
4. ナビゲーション、情報のグループ化、順序、優先度の検討に利用する。
解答
4
webページのレイアウトを定める設計図のことです。
HTML5.1 から新しく追加された要素でないものはどれか。以下より 1 つ選択しなさい。
1. details
2. summary
3. picture
4. source
UNIX サーバでファイルのパーミッションを 3 桁の数字で設定する場合、十の位に該当するユーザを以下より 1 つ選択しなさい。
1. 所有者(オーナー)
2. グループ
3. 匿名ユーザ
4. 一般ユーザ
解答
2
百の位が所有者(オーナー)、十の位がグループ、一の位が一般ユーザです。
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
0.0が透明で1.0が不透明になります。
ECMAScript はどこで実行されるか。最も適切なものを以下より 1 つ選択しなさい。
1. サーバサイドでのみ実行される。
2. クライアントサイドでのみ実行される。
3. サーバサイドでもクライアントサイドでも実行される可能性がある。
4. サーバサイドかクライアントサイドのいずれで実行されるかを、ウェブブラウザで指定することができる。
次の link 要素が組み込まれた HTML 文書に対して、外部スタイルシート「a.css」が適用されるのはどのようなと きか。以下より 1 つ選択しなさい。
HTML
<link rel="stylesheet" media="screen and (max-width:500px)" href="a.css">
1. ビューポートの幅が 500px 以下のとき
2. ビューポートの幅が 500px 以上のとき
3. ビューポートの幅が 500px より小さいとき
4. ビューポートの幅が 500px より大きいとき
解答
1
HTML5 における input 要素の type 属性の値として、誤っているものを以下より 1 つ選択しなさい。
1. url
2. date
3. fax
4. color
解答
3
tel ならありますね。
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
3
HTML5 において不適切な img 要素の記述はどれか。以下より 1 つ選択しなさい。
解答
4
%指定は出来ません。
次のスタイルシートで実現される内容を以下より 1 つ選択しなさい。
h1 {
font-size: 1em;
transition-duration: 4s;
}
h1:hover{
font-size: 2em;
transform: rotateZ(-30deg);
}
解答
1
rotateZの引数が負の場合反時計回りになります。
PHP において、配列($arr)の最後にデータを追加する方法として、適切なものを以下より 1 つ選択しなさい。
1. $arr[-1] = 1;
2. $arr = 1;
3. $arr[0] = 1;
4. last($arr) = 1;
解答
2
配列のインデックスが負の場合0とみなされます。lastという関数はありません。
WAI-ARIA の WAI とは、何の略称か。適切なものを以下より 1 つ選択しなさい。
1. Way of Accessibility Improvement
2. W3C Accessibility Information
3. Web Accessibility Initiative
4. Working-group of Accessibility Information
解答
3
SQL インジェクションやクロスサイトスクリプティングなどアプリケーションレベルの不正アクセスを防ぐためのソフトウェア、もしくは、ハードウェアの一般総称を以下より 1 つ選択しなさい。
1. Secure Socket Layer
2. Web Application Firewall
3. Intrusion Prevention System
4. Intrusion Detection System
次に示したのは、ウェブコンテンツ JIS(JISX8341-3)のガイドライン 1.1 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
全ての A には、拡大印刷、点字、音声、シンボル、平易な言葉などの利用者が必要とす
る形式に変換できるように、代替テキストを提供する。
1. 画像
2. img要素
3. 動画
4. 非テキストコンテンツ
解答
4
次の文章は、ウェブコンテンツ JIS(JISX8341-3)の用語集に含まれる、ある用語の説明文である。この文章が 説明している用語として、最も適切なものを以下より 1 つ選択しなさい。
ウェブコンテンツを取得して利用者に提示するあらゆるソフトウェア。
解答
3
ハードウェアも含まれると思います。
入力フォームで発生する問題とマイクロインタラクションによる改善が一致しないものを、以下より 1 つ選択しなさい。
1. パスワード設定で強度不足によるやり直しが多かったので、パスワード設定中にパスワ ードの強度を表示するようにした。
2. 必須項目に気がつかず送信できないことが多かったので、必須項目を入力し終わるまで送信できな いようにした。
3. ファイルのアップロード完了を待たずに何度もアップロードボタンを押そうとする人が多かったので、 アップロードの進行状況を割合で表示するようにした。
4. 文字数オーバーでエラーになることが多かったので、あと何文字入力可能かリアルタイムで表示する ようにした。
「個人情報の保護に関する法律(個人情報保護法)」において、「個人情報取扱事業者は、個人情報を取得した 場合は、あらかじめその利用目的を公表している場合を除き、速やかに、その利用目的を、本人に通知し、または 公表しなければならない」と規定されている。ここでの「公表」の事例として、該当しないものを以下より 1 つ選択しな さい。
解答
3
会員向けに限定されていますので「公表」ではありません。
DOMContentLoaded イベントにより発火するタイミングについて、適切なものを以下より1つ選択しなさい。
1. HTML から DOM ツリーが構築された時。
2. このイベントが指定されたイベントリスナーが読み込まれた時。
3. HTML データを取得し終わった時。
4. マウスクリックがあった時。
次のコードのclass="box"が指定されたdiv要素を、CSSで以下の例のような立体風の表現にしたい。その場合、 border-style プロパティに定めるべき適切な値 A を、以下より 1 つ選択しなさい。
コード
<style>
.box {
border-width: 5px;
border-style: A ;
margin: 0.5em;
width: 3em;
height: 3em;
background-color: lightgray;
}
</style>
・・・・・・
<div class="box"></div>
例
1. groove
2. ridge
3. inset
4. outset
解答
4
groove
ridgeinsetoutset
全自動麻雀卓修理 その3
プッシャーモータが届いたので早速交換作業開始。
同じ自動卓では無いですが、ほぼほぼ同じ型の交換例があって助かりました。
ネジ6本と電源コネクタ2本外せば取り外せます。
上記ページにもある通り、テコレバーが均等の高さになるように調整することさえ慎重にやればあとは簡単でした。
取り外したプッシャーモータが下記です。カム等は使い回せるので取っておくことに。
取り寄せたお店は下記です。即日発送してくれたので助かりました。
東京カキヌマトップページ|麻雀用具の専門業者・東京カキヌマです。最新の全自動麻雀卓から中古全自動麻雀卓・アフターサービスまでお気軽にご相談ください!
GWに間に合ってよかったー!
ウェブデザイン技能検定2級 H30年度 第3回 学科試験問題
正しいものは1、間違っているものは2を選択する問題です。
▶解答をクリックすると解答/解説が表示されます。
body 要素は、カテゴリーとしてセクショニングルート(sectioning root)に属する。
解答
1.正しい
セクショニングルートに属する要素は以下の通りです。
- blockquote要素
- body要素
- details要素
- fieldset要素
- figure要素
- td要素
HTML ドキュメント内で PHP コードを扱う場合、「<!– 」と「 –>」の 2 つのタグで囲む必要がある。
解答
1.正しい
オンプレミスとはクラウドサービスのことを指す。
Bluetooth の周波数帯は 5GHz 帯である。
解答
2.間違い
2.4GHzです。
canvas における座標系は左上が x=0、y=0 である。
解答
1.正しい
レンタルした映画の DVD のコピー防止機能を解除し、自分のパソコンにコピーすることは、個人的な目的で行う 場合であれば、違法行為とはならない。
解答
2.間違い
コピー防止機能を解除し複製することは違法行為となります。
解答
2.間違い
オーナー、グループ、一般ユーザ全てで読み書き実行出来るため、削除も出来ます。
デジタル署名とは、公開鍵暗号技術を利用した暗号化された署名情報であり、デジタル文書の正当性を保証するための技術またはその一連の手順のことである。これを利用することにより、送信者の認証とデータの改ざんの有無の検知が可能となる。
データを送受信する際、データを一時的に蓄えておく記憶装置や記憶領域をバッファという。
解答
1.正しい
WebGL(Web Graphics Library)とは、ウェブブラウザで 3D あるいは 2D グラフィックスを描画処理用のハード ウェアにより高速にレンダリングする JavaScript API であり、ブラウザにプラグインをインストールして用いる。
解答
2.間違い
WebGLはOpenGLというネイティブで動作するグラフィックスAPIをブラウザから呼び出すためのパイプ役のような存在 です。JavaScriptですのでプラグインをインストールする必要はなく、下記のようにscript要素で組み込みます。
白(#fff)の背景に赤(#f00)の文字を表示させると、コントラスト比は 4.5 : 1 に満たない状態となる。
解答
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は前景または背景色の暗い方の相対輝度である。
VDT 作業者のための安全衛生環境等の構築は第一義的には事業者が行うものであるが、VDT 作業者に対しても自主的に健康を維持管理し、かつ、増進していくために必要な知識について教育を行うことが望ましい。
解答
1.正しい
ここからは4択の問題となります。
class 属性 top-head が与えられた要素に、次の JavaScript コードにより CSS で定めたクラス head-color を加えたい。そのとき、 A から C のいずれにも使われないキーワードを、以下より1つ選択しなさい。
コード
var element = document. A ('.top-head');
element. B . C ('head-color');
1. add
2. classList
3. querySelector
4. getElementsByClassName
picture 要素およびその内部で使用する source 要素の代替テキストはどのように指定すべきか。最も適切なも のを以下より 1 つ選択しなさい。
1. 代替テキストは不要である。
2. img 要素の alt 属性で指定する。
3. source 要素の title 属性で指定する。
4. picture 要素の最後にテキストのコンテンツとして配置する。
解答
2
解答
4
先に書かれたほうが優先されます。
HTML5 で廃止された属性はどれか。以下より 1 つ選択しなさい。
1. img 要素の width 属性
2. label 要素の for 属性
3. th 要素の colspan 属性
4. table 要素の summary 属性
解答
4
「ソーシャル・エンジニアリング」に該当しない事例を、以下より 1 つ選択しなさい。
解答
3
ソーシャル・エンジニアリングとは、ネットワークに侵入するために必要となるパスワードなどの重要な情報を、情報通信技術を使用せずに盗み出す方法です。
CSS2.1 で使用可能な単位のうち、相対的な長さをあらわす単位はどれか。以下より 1 つ選択しなさい。
1. px
2. pt
3. mm
4. ex
解答
4
適用要素の英小文字「x」1文字の高さ(x-height)を「1」としたその倍率です。他は絶対単位です。
「特定商取引法」における電子メールの広告規制に関する記述として誤っているものを、以下より 1 つ選択しなさ い。
1. 消費者からあらかじめ請求や承諾を得ていない限り、電子メール広告の送信は原則的に禁止されている。なお、携帯電話等のショートメールサービスを利用した広告は、規制の対象とはならない。
2. 事業者が送信する電子メール広告には、消費者が当該電子メール広告の送信を拒否する意思を表示するための方法を表示しなくてはならない。
3. 電子メールアドレスまたは URL 等は電子メール広告の本文に記載しなくてはならず、かつ消費者が容易に認識できるように表示しなくてはならない。
4. 電子メール広告を送信することについて消費者からの請求や承諾を受けた場合は、その記録を、電子メール広告を最後に送った日から3年間保存しておかなくてはならない。
解答
1
以下の JSON データで文法的に適切なものを 1 つ選択しなさい。
1. {“name” : “Taro”}, {“name” : “Jiro”}
2. {{“name” : “Taro”}, {“name” : “Jiro”}}
3. [{“name” : “Taro”}, {“name” : “Jiro”}]
4. <{“name” : “Taro”}, {“name” : “Jiro”}>
解答
3
{}で括られたレコードの配列[]を表します。
DNS レコードのうち、複数の名前を使って単一のホストを指定するためのものはどれか。以下より 1 つ選択しなさ い。
1. A
2. MX
3. NS
4. CNAME
変数 checkBox には、type 属性を”checkbox”に定めた input 要素の参照が納められている。このチェックボッ クスがチェックされているかどうかを、次の JavaScript コードで変数 checkResult に取得したい。 A に加える適切なプロパティを、以下より 1 つ選択しなさい。
JavaScriptコード
var checkResult = checkBox. A ;
解答
3
次の文章は、入力フォームへの対策に関するものである。 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
PATCHメソッドはリソースを部分更新するメソッドです。
バージョン管理システムに関する記述として誤っているものはどれか。以下より 1 つ選択しなさい。
1. 変更を加えたファイルを過去のある時点の状態に復元することができる。
2. 変更内容の差分を表示できる。
3. 集中管理方式と分散管理方式の二つのタイプがある。
4. ソフトウェアやライブラリの依存関係を解決できる。
解答
4
依存関係は解決できません。
アクセシビリティ上、問題のないと思われる文章表現はどれか。最も適切なものを以下より 1 つ選択しなさい。
1. 必須項目は赤で示しています。
2. 下記の注意事項をよく読んでください。
3. 右のボタンをクリックすると次に進みます。
4. アイコンの大きさがレベルを表しています。
解答
2
色、方向、大きさは目が不自由な場合など伝わりにくい可能性があります。
HTTP におけるステータスコード 204 は何を表すか。以下より 1 つ選択しなさい。
HTML や CSS のコーディング規約を作る際、一般的に記載しておくものとして不適切なものはどれか。以下より 1 つ選択しなさい。
解答
4
便利帳にでもメモしておきましょう。
クラウドサービスの中で、主にアプリケーションソフトウェアを提供するサービスを指す用語はどれか。以下より 1 つ選択しなさい。
解答
2
- DaaS:「Desktop as a Service」デスクトップ環境をクラウド上に構築し、ネットワーク越しにその環境を呼び出して利用することを提供するサービス
- SaaS:「Software as a Service」パッケージ製品として提供されていたソフトウェアを、インターネット経由でサービスとして提供・利用する形態
- PaaS:「Platform as a Service」ハードウェアやOSなどのプラットフォーム一式を、インターネット上のサービスとして提供する形態
- IaaS:「Infrastructure as a Service」仮想サーバをはじめとした機材やネットワークなどのインフラを、インターネット上のサービスとして提供する形態
次に示したのは、ウェブコンテンツ JIS(JISX8341-3)の達成基準 1.4.4 である。 A にあてはまる語句として、最も適切なものを以下より 1 つ選択しなさい。
1.4.4 テキストのサイズの変更の達成基準
キャプション及び文字画像を除き、テキストは、コンテンツ又は機能を損なうことなく、支援技術なし
で A までサイズを変更できる。
1. 120%
2. 150%
3. 200%
4. 300%
解答
3
ただし、キャプション及び画像化された文字は除きます。
CSS2.1 の仕様に含まれているセレクタの書式はどれか。以下より 1 つ選択しなさい。
1. :target
2. :only-child
3. :first-child
4. :last-child
解答
3
他はCSS3で追加されました。
解答
4
iframe 要素が使用できない HTML のバージョンはどれか。以下より 1 つ選択しなさい。
解答
1
ちなみに Strict は厳密、Transitional は過渡的を意味します。
以下のうち文法的に誤りである HTML のコードを 1 つ選択しなさい。なおここではコンテンツの論理構成は問わないものとする。
1.
<ul>
<li>ウェブデザイン技能検定</li>
<li><ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol></li>
<li>ウェブデザイン技能検定の申請</li>
<ul>
2.
<ul>
<li>ウェブデザイン技能検定</li>
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
<li>ウェブデザイン技能検定の申請</li>
</ul>
3.
<ul>
<li>ウェブデザイン技能検定</li>
<li>
<ol><li>ウェブデザイン技能検定1級</li></ol>
<ol><li>ウェブデザイン技能検定2級</li></ol>
<ol><li>ウェブデザイン技能検定3級</li></ol>
</li>
<li>ウェブデザイン技能検定の申請</li>
</ul>
4.
<ul>
<li>ウェブデザイン技能検定
<ol>
<li>ウェブデザイン技能検定1級</li>
<li>ウェブデザイン技能検定2級</li>
<li>ウェブデザイン技能検定3級</li>
</ol>
</li>
</ul>
解答
2
この場合、ul要素の中のli要素の中にol要素を入れないといけません。
img 要素の srcset 属性で次のように指定した場合、a@2x.jpg が使用されるのはどのような状況のときか。以下よ り 1 つ選択しなさい。
コード
<img src="a.jpg" srcset=" a@2x.jpg 2x " alt="" width="80" height="50">
1. a.jpg の読み込みに失敗したとき。
2. a.jpg を横に 2 つ以上表示できるスペースがあるとき。
3. ピクセル密度が 2 倍の画面で閲覧したとき。
4. ブラウザで再読み込み(2 度目に表示)させたとき。
次の HTML 5.1 コードに関して正しいものを以下より 1 つ選択しなさい。
HTML
<details>
<summary>ウェブデザイン技能検定について</summary>
<p>国家検定「ウェブデザイン技能検定」は実技および学科試験で実施され、関連国際標準規格等に基づき、ウェブデザインに関する知識・技能、実務能力等が問われます。</p>
</details>
1. details 要素内の summary 要素は表示されないが、details 要素内の表示されている要素をクリッ クすると details 要素の内容がすべて表示される。
2. 初期状態では、details 要素内の summary 要素以外は表示されないが、summary 要素をクリック すると details 要素の内容がすべて表示される。
3. details 要素は内部に複数の summary 要素と複数の p 要素を持つことができる。
4. details 要素は p 要素を内部に持つことができないのでこのコードは誤りである。
解答
2
このQ&Aもこの仕組で解答の表示、非表示を行なっています。
PHP の date 関数のパラメータ文字列「時」を返すもののうち、先頭にゼロが付かない 12 時間単位のものはどれ か。以下より 1 つ選択しなさい。
1. g
2. G
3. h
4. H
解答
1
gは時刻 12時間表記 (0埋め無し)、Gは時刻 24時間表記 (0埋め無し)、hは時刻 12時間表記 (0埋め)、Hは時刻 24時間表記 (0埋め)です。
HTML5.1 の a 要素に関する説明として適切なものを以下より 1 つ選択しなさい。
1. a 要素の終了タグは省略できる。
2. a 要素には href 属性を指定しなくてもよい。
3. a 要素の内部に入れられるのはインライン要素のみである
4. a 要素の内部に入れられるのはブロックレベル要素のみである。
解答
2
DOMでhref属性を変化させられるように指定しなくてもよくなっています。