-
-
【ウェブデザイン技能検定】3級学科試験対策オリジナル演習問題一覧
続きを見る
ウェブデザイン技能検定3級の対策オリジナル演習問題(全25問)となっています。本演習問題は、該当回に対応できるように作成しています。
過去問はウェブデザイン技能検定の公式HPより取得できます。
正誤判定⚪︎×問題:第1問~第10問
第1問
CSSなどで用いられる16進数のカラーコードにおいて、#00ff00 という指定は、赤(Red)の成分が最大値であることを示している。
解答:×
解説:カラーコードは #RRGGBB の順で構成されます。 #00ff00 で最大値(ff)になっているのは2番目の「緑(Green)」の部分であり、赤は「00(ゼロ)」です。
第2問
p要素はフローコンテンツである。
解答:○
解説:p要素はフローコンテンツに分類されるため、フローコンテンツが配置できる場所(文書の本文エリアなど)であれば、どこにでも置くことができます。
第3問
日本の著作権法において、作品をコピーしたりプリントアウトしたりする権利である「複製権」は、著作者が持つ著作権(財産権)の構成要素の一つに含まれる 。
解答:○
解説:複製権は著作権のなかでも最も基本的な権利の一つであり、著作者が独占的に有する権利です 。
第4問
img要素に設定するalt属性は、画像が表示されない環境でその代わりを務めるテキストを記述するためのものであり、画像の横に添える単なる補足説明ではない 。
解答:○
解説:alt属性は「代替テキスト」です。画像を見ることができないユーザーや検索エンジンに対し、画像が持つ「意味」を伝える役割を持ちます 。
第5問
「クロスブラウザチェック」とは、Google ChromeやSafari、Firefoxなど、複数の異なるウェブブラウザにおいて、制作したページが仕様通りに正しく表示され、機能するかを検証することである 。
解答:○
解説:ユーザーがウェブサイトを閲覧するブラウザ環境は様々です 。それぞれのブラウザで表示の崩れやJavaScriptの動作不良が起きないか、複数の環境をまたいで(クロスして)確認する作業を「クロスブラウザチェック」と呼びます 。
第6問
セキュリティの観点から、万が一の漏洩時に被害を最小限に抑えるため、複数のウェブサービスではできるだけ同一のパスワードを併用して管理することが推奨されている 。
解答:×
解説:パスワードの使い回しは、一つのサービスから漏洩した際に他のサイトも一斉に乗っ取られるリスクを著しく高めます 。
第7問
HPなどのサーバサイドプログラムは、データベースと連携することにより、利用者のリクエストに応じた動的なWebページを生成することができる。
解答:○
解説:サーバサイドプログラム(PHP、Python、Ruby、Node.js、Javaなど)がデータベース(MySQL、PostgreSQLなど)と連携することで、以下のような動的なWebページ(Dynamic Web Page)を生成することができます。
第8問
HTTPSで提供されるウェブページのURLは、通常「https://」から始まる。
解答:○
解説:HTTPSはSSL/TLSによって通信を暗号化する仕組みです。そのため、暗号化通信を行うWebページは一般的に「https://」で始まります。
第9問
情報機器を使用する作業では、作業環境を良好に保つため、照明や映り込み、換気の状況に加え、ディスプレイや入力機器、机・椅子などを定期的に点検することが望ましい。
解答:○
解説:快適で安全な作業環境を維持するためには、作業開始前や適切なタイミングで作業環境や機器を確認することが推奨されています。
第10問
ページの内容に関係しない装飾目的だけの画像は、img要素ではなくCSSの背景画像として扱う方法が適切である。
解答:○
解説:意味を持たない装飾画像はCSSで表現することで、HTMLの意味構造やアクセシビリティを保ちやすくなります。
四者択一:第11問~第25問
第11問
CSSでコメントを記述する正しい書式はどれか。最も適切なものを選びなさい。
- <!-- コメント -->
- // コメント
- /* コメント */
- # コメント
解答:3
解説:HTML:<!-- コメント -->
CSS:/* コメント */
JavaScript:// 1行コメント または /* 複数行コメント */
第12問
ECMAScriptによって標準化されているプログラミング言語はどれか。
- Python
- JavaScript
- Ruby
- Java
解答:2
解説:ECMAScriptは、JavaScriptの文法や型、標準組み込みオブジェクトなどを定める標準仕様(仕様書)です。JavaScriptは、このECMAScriptの仕様に準拠して実装された代表的な言語です。
第13問
JIS X 8341-3(ウェブアクセシビリティ)の達成基準1.4.1では、「色が、( )、動作を示す、反応を促す、又は視覚的な要素を区別するための唯一の視覚的手段となってはならない」と規定されている。空欄に入る語句として最も適切なものを選びなさい。
- 情報を伝える
- デザインを飾る
- コントラストを保つ
- レイアウトを整える
解答:1
解説:色覚に特性のあるユーザーや白黒ディスプレイ等を利用しているユーザーでも情報が正しく伝わるよう、色以外の手段(テキストやアイコン、下線など)を併用する必要があることを定めています。
第14問
SSHを利用して安全にファイル転送を行うプロトコルはどれか。
- FTP
- HTTPS
- SFTP
- POP3
解答:3
解説:SFTP(SSH File Transfer Protocol)は、SSHの通信を利用して暗号化されたファイル転送を行うプロトコルです。
第15問
Webブラウザで特定のサイトにアクセスした際、「404 Not Found」というエラーメッセージが表示された。この時、発生している状況として正しいものを1つ選びなさい。
- サーバーのメンテナンス中、またはアクセスが集中して繋がりにくくなっている。
- ページが削除されたか、入力したURLのスペルが間違っている。
- ログイン情報(ID・パスワード)が間違っている。
- ネットワークの経路にあるゲートウェイサーバーが誤った応答を返している。
解答:2
解説:「ページが削除されたか、入力したURLのスペルが間違っている」は404 Not Found の状態です。「リクエストされたWebページ(ファイル)がサーバー上に見つからない」ことを意味します。
サーバーのメンテナンス中、またはアクセスが集中して繋がりにくくなっている:503 Service Unavailable などの状態です。サーバー自体は存在していますが、一時的に処理ができない状態を表します。
ログイン情報(ID・パスワード)が間違っている:401 Unauthorized の状態です。認証が必要なページで、認証に失敗したことを意味します。
ネットワークの経路にあるゲートウェイサーバーが誤った応答を返している:502 Bad Gateway の状態です。プロキシやゲートウェイとして動作しているサーバーが、後ろのサーバーから無効なレスポンスを受け取ったことを意味します。
第16問
年齢や障害の有無などに関係なく、多くの人が利用しやすい製品やサービスを目指して設計する考え方を表す用語はどれか。
- エルゴノミクス
- バリアフリー
- ユニバーサルデザイン
- ユーザビリティ
解答:3
解説:ユニバーサルデザインは、できるだけ多くの人が利用できるように最初から配慮して設計する考え方です。
第17問
ネットワーク通信の階層モデルである「OSI基本参照モデル」において、最上位に位置する「アプリケーション層(第7層)」で動作するプロトコルはどれか。
- TCP
- MAC
- IP
- HTTP
解答:4
解説:HTTPはアプリケーション層(第7層)で、WebブラウザとWebサーバーの間で、HTMLや画像などのデータをやり取りするために使われるプロトコルです。TCPはトランスポート層(第4層)で、データの信頼性を確保するためのプロトコルです。MACはデータリンク層(第2層)で、ネットワーク機器(LANカードなど)に一意に割り当てられた物理アドレスをさします。IPはネットワーク層(第3層)で、インターネット上でデータを目的地まで届ける(ルーティングする)ためのプロトコルです。
第18問
Webサイトの閲覧時に利用される「Cookie(クッキー)」の仕組みとして、正しいものはどれか。
- ユーザーの閲覧履歴や入力データをサーバー側のデータベースにのみ保存し、ブラウザを閉じると自動的に完全消去される仕組み。
- ユーザーがWebサイトを訪れた際、サイト側からの指示でユーザーのブラウザ(端末)側に小さなテキストデータを保存し、次回訪問時にそれを送信する仕組み。
- Webサーバーがページごとに固有のプログラムを実行し、動的なコンテンツを生成してユーザーのメールアドレス宛に自動送信する仕組み。
- インターネット回線を通じて、ユーザーのパソコンやスマートフォンのOSの根幹システムを直接書き換え、アクセス制限や認証を行う仕組み。
解答:1
解説:ログイン状態の保持やショッピングカートの保存などに利用されます。
第19問
上下左右方向のmarginがそれぞれ60pxに設定されたp要素が上下に連続して配置されている。このとき、2つのp要素の間隔は何pxになるか。他のCSSは指定されていないものとする。
- 0px
- 30px
- 60px
- 120px
解答:3
解説:要素にmarginが上下左右(60px)設定されていても、「上下に連続して配置された2つの要素間の距離」に関しては、縦方向のマージンの相殺(Margin Collapsing)が適用されます。ブロックレベル要素が縦に並ぶ場合、隣接する上下のマージンは重なり合い、大きい方の値(同じ場合はその値)に折りたたまれるため、2つのp要素の間隔は60pxとなります。
第20問
CSSのボックスモデルにおいて、要素の境界線(ボーダー)よりも「外側」にある余白を調整するプロパティはどれか 。
- padding
- border-width
- margin
- outline
解答:3
解説:境界線の内側は padding、外側の余白は margin プロパティで設定します 。
第21問
HTMLで表を作成する際、データを格納するセルを表す要素はどれか。
- tablecell
- td
- tr
- th
解答:2
解説:td (Table Data): データを格納する通常のセルを表す要素です。
th (Table Header): 見出しセルを表す要素です。
tr (Table Row): 表の「行」を定義する要素です。
tablecell: そのようなHTML要素は存在しません。
第22問
h1 要素について正しい説明はどれか。
- 箇条書きを作成する
- 見出しレベルを表す
- 表を作成する
- フォーム送信を行う
解答:2
解説:h1 は最上位の見出しを表します。
第23問
ウェブアクセシビリティの観点から、コントラスト比はどのようにすることが望ましいか。
- 背景色を必ず白、文字色を黒に固定する。
- 背景色を黒、文字色を濃い白に統一する。
- 基準より低く設定する。
- 基準より高く設定する。
解答:4
解説:WCAG(Web Content Accessibility Guidelines)などの基準では、視覚障害のある方や高齢者、あるいは明るい屋外で画面が見づらい環境にいるユーザーでも文字を判読しやすくするため、最低限満たすべきコントラスト比(通常テキストの場合はAA基準で4.5:1以上など)が定められています。
第24問
次のJavaScriptを実行した結果として表示される値はどれか。
CSS
let message = "Web";
message += "Site";
console.log(message);
- message
- Site
- WebSite
- messageSite
解答:3
解説:1行目で message 変数に "Web" という文字列が代入されます。
2行目の message += "Site"; は message = message + "Site"; と同じ意味であり、既存の "Web" の末尾に "Site" が結合されて "WebSite" となり、それが変数に再代入されます。
3行目の console.log(message); により、その結合された文字列が出力されます。
第25問
他人のIDやパスワードを無断で利用し、コンピュータへアクセスする行為などを禁止している法律はどれか。
- 個人情報保護法
- 不正アクセス禁止法
- 著作権法
- 電子署名法
解答:2
解説:不正アクセス禁止法:正式名称は「不正アクセス行為の禁止等に関する法律」です。他人のIDやパスワードなどを無断で入力して制限されたコンピュータにアクセスする行為や、
他人のID・パスワードを不当に取得・提供する行為などを禁止しています。
個人情報保護法:個人情報の適正な取扱いに関し、事業者の取り扱うべき義務などを定めた法律です。
著作権法:文学、学術、美術、音楽などの著作物や、著作者の権利を守るための法律です。
電子署名法:電子署名が手書き署名や押印と同等の法的効力を持つことを認め、円滑な利用を図るための法律です。
-
-
【ウェブデザイン技能検定】3級学科試験対策オリジナル演習問題一覧
続きを見る