ウェブデザイン技能検定過去問解説その2

ウェブデザイン技能検定過去問解説その2

前回は2択問題の解説だったが、今回から4択問題の解説に入っていく。

第 16 問

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

 

解答 4

解説 Aに該当するのがquerySelector、Bに該当するのがclassList、Cに該当するのがaddである。

従って正解は4となる。document.queryselectorで追加する要素を選択し、

element.classlist.addでhead-colorを追加している。

document.pueryselector()が要素の選択。

element.classlist.add()で要素の追加。

詳しくはこちら→https://qiita.com/kouh/items/dfc14d25ccb4e50afe89

 

第 17 問

picture 要素およびその内部で使用する source 要素の代替テキストはどのように指定すべきか。最も適切なも のを以下より 1 つ選択しなさい。

1. 代替テキストは不要である。

2. img 要素の alt 属性で指定する。

3. source 要素の title 属性で指定する。

4. picture 要素の最後にテキストのコンテンツとして配置する。

 

解答 2

解説 picture要素は、複数の条件下で最適化された画像リソースを提供する仕組みである。正確には、picture要素に内包された複数のsource要素と、img要素により画像リソースを提供する。代替テキストを記述するのはimg要素のalt属性となる。

 

第 18 問

ファイル名を指定せずにアクセスがあった場合、index.php を優先する .htaccess の設定として適切なものを、 以下より 1 つ選択しなさい。

1. Directory index.html index.php

2. Directory index.php index.html

3. DirectoryIndex index.html index.php

4. DirectoryIndex index.php index.html

 

解答 4

解説 indexから始まるファイルについて、サーバーでの優先順位(読み込み順)は、以下の通りです。(上から優先順位の高い順)

①index.html
②index.shtml
③index.cgi
④index.hdml
⑤index.htm
⑥index.php

優先順位を変えたい場合はDirectoryIndexに表示させたい順で指定する。

index.phpを優先させたい場合は、index.htmlの前に置く。

従って正解は4となる。

 

第 19 問

HTML5 で廃止された属性はどれか。以下より 1 つ選択しなさい。

1. img 要素の width 属性

2. label 要素の for 属性

3. th 要素の colspan 属性

4. table 要素の summary 属性

 

解答 4

解説 HTML5で廃止された要素と属性の一覧

 

第 20 問

「ソーシャル・エンジニアリング」に該当しない事例を、以下より 1 つ選択しなさい。

1. ディスプレイに付箋で貼っていた他人の ID とパスワードを覚えてログインする。

2. ネットワーク保守の業者を装って電話をし、担当者のユーザ ID とパスワードを聞き出す。

3. SNS で呼びかけて、集まった人でウェブサイトに DoS 攻撃をする。

4. 他人の会話を盗み聞きして機密情報を入手する。

 

解答 3

解説 ソーシャル・エンジニアリングとは、人間の心理的な隙や、行動のミスにつけ込んで個人が持つ秘密情報を入手する方法のこと。この場合3はソーシャル・エンジニアリングには該当しない。

 

 

まとめ

2級実技はHTML,CSS,だけでなくJavascriptやPHP、サーバー関連の内容まで出題されているため

非常に幅広い知識が必要となる。

HTML5で追加された要素、属性、や廃止された要素、属性などは暗記さえしておけば

確実に正解できるところなので覚えておきたいところ。

 


このエントリーをはてなブックマークに追加

マーケティング・経営ランキング

にほんブログ村 経営ブログへ
にほんブログ村

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です