ウェブデザイン技能検定試験問題、三級を解説(11)〜(15)

2019年7月1日2019年7月6日

５月に行われたウェブデザイン技能検定の過去問について解説をいたします。

ウェブデザイン技能検定三級　(11)〜(15)の解説

ウェブデザイン技能検定三級は、(11)〜(25)は四択問題です。
初歩的な問題ばかりですので、安心して合格を目指しましょう！

(11)SVGを用いて、例のようなグレーの正方形を描きたい。その際、記述するコードとして適切なものを、以下より1つ選択しなさい。

1.<rect x=”20″ y=”20″ cx=”50″ cy=”50″stroke=”gray” />
2.<rect cx =”20″ cy =”20″ cx =”50″ cy =”50″ fill=”gray” />
3.<rect x =”20″ y =”20″ width =”50″ height =”50″ fill =”gray” />
4.<rect rx =”20″ ry =”20″ width =”50″ height =”50″ fill =”gray” />
正解：3
xとyは描画する座標、widthとheightは生成するオブジェクトの大きさ、fillが色です。
cxとcy、rは円を描く時に使います。

(12)HTML5の文法的に正しいul要素、li要素のマークアップ方法はどれか。以下より1 つ選択しなさい。

1.<ul><li>要素
2.<li>要素</li></ul>
3.<ul><li>要素</ul>
4.<ul>要素</li></ul>
正解：3
一見、正解が無いようにも思えますが、li要素の閉じタグは無くても成立します。
そのため、正解は3です。

(13)1つのウェブサイトにおいて、ウェブページの表示や挙動がユーザにとって予測しやすいものはどれか。適切なものを以下から1つ選択しなさい。

1.ナビゲーションがウェブページごとに違う順序で表示される。
2.同じ機能を提供するコンテンツブロックは、どのウェブページでも同じように表示される。
3.入力画面でラベルが「確認」であるボタンをクリックすると、入力情報がシステムに登録される。
4.複製や検索などを目的に文字を選択したとき、選択した文字が消えたように見える。
正解：2
同じ意味・機能を持つコンテンツは、同じ見た目・同じコードで記述するようにしましょう。
※この問題はよく出題されています。

(14)HTML5におけるtable要素に関する説明として適切なものはどれか。以下より1つ選択しなさい。

1.table要素は廃止された。
2.table要素はレイアウト目的でのみ使用できるようになった。
3.table要素のborder属性は廃止された。
4.table要素のボーダー関連の装飾はCSSで指定することが望ましい。
正解：4
ここ10年以内にHTMLコーディングを始めた方にすれば、当り前のことですが、正解は「4」です。