【学習効率UP】ウェブデザイン技能検定3級試験（令和元年度第2回）の過去問題を徹底解説!!

答え＝× 再生元の動画に音声がない場合以外は、再生するともちろん音声も出ます。

答え＝○ SVGで円を描くにはcircleを使用します。cxの値はx座標を、cyはy座標を指し、rは半径の値です。

答え＝× 著作権を侵害する行為は、たとえそれが人の目に触れないからといっても、許可なく扱うのは違法です。

答え＝× HTML5からは終了タグを省略できるものもありますが。a要素は対象外です。コーディングの際はしっかり閉じましょう。以下は終了タグが省略できるものです。
</html> </head> </body> </li> </dt> </dd> </p> </rt> </rp> </optgroup> </option> </colgroup> </caption> </thead> </tbody> </tr> </td> </th>

答え＝× HTML4.01まではemが強調、strongがより強い強調という意味でしたが、HTML5からは意味が少し変更されていて、emが強勢（アクセント）、strongが強い重要性という意味に変わっています。

それってわざわざ変えなくてもいいじゃないと思ってしまうのですが、W3Cいわく変更とのことです。コーディングの際も以前と使いどころは大きく変わらないので、私も含めてユーザー側は、意味が変更になったんだぁと認識しておけば良いのかなと思います。

答え＝× PHPはプログラム言語のひとつです。プログラム言語と聞くと難しく感じてしまいますが、簡単にいうと動くHTMLを開発する際の言語で、他のC、C++、JAVAなどがシステムやOS、アプリ開発に特化した言語という中で、PHPはWEBサイトの作成に特化した言語という位置づけになります。

HTMLだとまったく動きがないため、ユーザーは情報を見て読んでだけなのですが、PHPを使用することで、そこに動的な機能を追加したりすることが可能となり、サイトの使い勝手が格段に向上するといったことが可能です。

PHPはHTMLの発展形なので、当然HTMLやCSSも普通に使用できます。代表的なCMSだとワードプレスなどがそうです。

答え＝○ VDT作業者とは、パソコンを使って仕事に従事する人のことで、WEBデザインやコーディング、システムエンジニアもVDT作業者の枠組みにあたります。

こういった作業は、長時間机に座ってモニターを見ながら作業をしますので、労働者が健康を維持するために、厚生労働省から「VDT作業におけるガイドライン」が定められています。

企業によっては、ちょこちょこと休憩をとっていると注意される事業所もあるようですが、それも場合によっては違法行為になってしまいますので、とくに事業主や管理職の方は、厚生労働省が定めたガイドラインは、一度目を通しておいたほうが良いかと思います。

もっと詳しく見る>>

答え＝○ 復号とは元に戻すという意味で、問題を分かりやすくいうと、PSD（PhotoShopのデフォルト保存形式）データなど、非圧縮のデータを一度JPEGに変換して保存した際、それを再度PSDに変換しても、データは元通りには戻らないということです。

では、データのどこが元に戻らないかですが、非可逆圧縮とはデータを圧縮する際、人の目では判別できないくらいのデータ情報を省略することでデータを軽くします。たとえば写真をJPEGで保存すると、見た目はほとんど変わらないのにデータは圧縮前と比べてものすごく軽くなるのはこのためです。

ただ、一度省いたデータは元には戻らないので、画像をJPEGで保存する際は、編集が終わった段階で保存する、元のPSDデータは必ずとっておくようにしましょう。

答え＝○ WEBページに掲載していないページや画像でも、サーバーにデータが残っていると、直接URLを入力すればアクセスはできるので、不要になったファイルは必ずウェブサーバーからは削除するようにしましょう。

答え＝× ツールチップとは、マウスを重ねると吹き出しで文字が出る機能です。コードにtitle属性を追加することで実現できます。

img要素のalt属性はその画像の説明文で、画像を表示できない環境でアクセスしてきた人のために入れる情報で、通常は表には出てきません。当然ツールチップを表示させるためのものではありません。

答え＝2 HTML（エイチティーエムエル）は「Hyper Text Markup Language（ハイパーテキスト・ マークアップ・ランゲージ）」の略で、ウェブページを作成するために開発されたマークアップ言語です。

答え＝4 HTMLで半角スペースを表示させるには＆ｎｂｓｐ;と記述します（半角で記述）。これらを特殊文字と言って、文字化けしないために、HTMLでは記号類に関してはこういった特殊な記述の仕方をします。

というのも、WEBサイトは色んな人が色んな環境で閲覧しますので、単にキーボードの記号で入力すると、ある人はちゃんと表示されるけど、ある人は文字化けして表示されるといった不都合が生じるからです。これを回避するために、記号を文字列として表示する際に限っては、記述のルールが定められています

特殊文字はすごく数が多いので、全てをおぼえるのは現実的ではないと思います。私もおぼえてないです（笑）。ただ上記の4つは試験に出る可能性が高いので、最低限でおぼえておいたほうが良いかと思います。

コーディングを仕事にしている人でも、特殊文字の入力はコピペでおこなっているので、実務では支障はないです。

答え＝4 上記の用な箇条書きをHTMLで記述する際は「リスト」タグを使用します。先頭を黒丸にしたいならul、数字にしたいならolでliを囲むといった書き方をします。問題では先頭が黒丸なので、ulとliで記述します。

答え＝3 パスワードリスト攻撃とは、悪い人がなんらかの方法で入手したID、パスワードを、手あたり次第にためし入力して、それがどこのインターネットサービスのパスワードかを探す行為です。同じID、パスワードを使いまわしていると、それだけヒット率が上がって被害にあいやすくなります。以下にそれぞれを解説をしているページのアドレスを貼っていますので、試験対策として他の手法も目をとおしておくと良いでしょう。

DDoS攻撃とは？
パスワードリスト攻撃とは？
セッションハイジャックとは？
ドライブバイダウンロード攻撃とは？

答え＝3 光の三原色とはR（レッド）G（グリーン）B（ブルー）の三色の掛け合わせで様々な色を再現する手法で、モニターなどで色を再現する際に、こちらの手法が採用されています。

私たちに身近なものではパソコンやスマホ、テレビなどもこちらのRGB（アールジービーと読みます）で色を再現しています。

答え＝4 tr要素、th要素、td要素はtable（テーブル）を記述する際のタグで、おもにHTMLで表組を作成する際に使用します。

答え＝2 nth-childは、子要素の何番目にスタイルを適用するかを指定するためのCSSです（条件定義）。図では各項目のタイトル以降2行目と4行目の塗りがグレーになっていますので、偶数行にしてすると条件定義できます。偶数指定の際は（even）と記述するので、答えは2となります。ちなみにこれが奇数行だと(odd)となります。

答え＝4 ユニバーサルデザインに関する問題も出現率が非常に高いので、こちらは文を丸暗記しましょう。 ちなみにユニバーサルデザインとは、障害者や高齢者といった条件なく、全ての人を対象に使いやすい、見やすいといったデザインされたものの総称です。

答え＝2 突然lowercamelcase（ローワーキャメルケース）と言われても何？となるかと思いますので、分かりやすく解説します。

これは単語単位で文を区切って、二単語目以降の先頭文字を大文字にするという命名ルールです。正解のsubColumnを単語で区切ると「sub」と「Column」とに分解できます。二単語目の「Column」の先頭文字が大文字なので、subColumnの書き方はローワーキャメルケースとなります。

4択のうち1と3はそういったルールに沿ってないのでそもそも除外なのですが、4番はちょっと怪しいですね。こちらは「Main」と「Navigation」で区切ってどちらも先頭が大文字です。 subColumnとの違いは一単語目の先頭文字も大文字というところなのですが、こういう書き方を「アッパーキャメルケース」と言います。 二単語目以降の表記ルールは同じなのですが、一単語目の先頭文字が大文字か小文字かで名称が変わりますのでご注意ください。

答え＝3 クッキーは非常に便利な機能です。例えば通販サイトで買い物した際、クッキー機能がないと、毎回名前や住所など、都度入力しないといけないので大変です。一度買い物したサイトで再度買い物した際、ほとんどの人が2回目以降はあらためて情報を入力することはないと思いますが、それはこのクッキーのおかげなのです。

答え＝1 SSLとは、サイト閲覧の際に皆さんのブラウザとウェブサーバー間でのやり取りを暗号化し、もしも第三者にハッキングされても大丈夫なようにした通信の仕組みのことです。

例えばクレジット情報を入力して送信した際、そのままの情報をハッキングされたら大変ですよね。SSLを使用すれば、入力した文字を暗号化できるので、仮に情報を盗まれても何が書かれているのか第三者は判別できません。

このSSLを採用したサイトは、URLの頭のhttp://にsが加わってhttps://となっています。

答え＝2 4択の中では2番の.bat以外は全て音声ファイルです。では.batって何だろうと思った方もいるのではないかと思いますので簡単に説明します。

.batの拡張子は「バッチファイル」のことで、中身はただのテキストデータです。コマンドプロンプトで実行命令を記述したファイルにこの拡張子がつきます。上級者でない限りは、コマンドプロンプトはあまり使うことはないかと思いますので、.bat=バッチファイルとだけおぼえておけば、3級の試験対策としては良いかなと思います。

答え＝2 SEOはよく目にしますが、総称はあまり知らないという方が多いかと思います。サーチ・エンジン・オプティマイゼーションといいます。

SEO対策とは、検索エンジンに対してWEBページを最適化することで、少しでも高い評価をいただいて上位表示させるといった作業です。SEO対策はWEBに携わる仕事では非常に大事な工程のひとつなので、職業とされている方、これからされる方はしっかりと知識を身につけてください。

答え＝4 上記4択の中で、4番のanimationはHTMLではなくCSSの要素です。こういうひっかけ問題も多いので、HTMLとCSSとで、各要素はしっかりとおさえておいたほうが良さそうです。