2-9.Webデザイン

Web ページを作成するときに使用する言語で、タグと呼ばれる機能を使って、段落の設定や画像の挿入などを指定することができるものを（　）という。

• HTML

• CSS

• Python

• VBA

Answer explanation

HTML は「ハイパーテキスト・マークアップ・ランゲージ」の頭文字を取ったものである。
HTML には、ハイパーリンクによって関連する情報を相互に結びつけるという特徴がある。

HTML で命令を記述するときに使用する、「<」と「>」で囲まれた文字列のことを（　）という。

• タグ

• セレクタ

• 予約語

• 宣言

Answer explanation

タグを用いて文章を構造化し、意味を持たせることをマークアップという。

Web ページを作成するときに使用する言語で、文字の色や大きさ、背景、レイアウトなどを指定することができるものを（　）という。

• HTML

• CSS

• JSON

• SQL

Answer explanation

HTML で Web ページを構造化し、CSS でスタイル（見た目）を一括して指定することで、効率よく Web サイトを作成することができる。

CSS で次のように記述するとき、①の部分を（ア）、②の部分を（イ）、③の部分を（ウ）という。

• ア：セレクタ

  イ：値

  ウ：プロパティ

• ア：セレクタ

  イ：プロパティ

  ウ：値

• ア：プロパティ

  イ：セレクタ

  ウ：値

• ア：プロパティ

  イ：値

  ウ：セレクタ

Answer explanation

CSS の各部分は、それぞれ以下の内容を表している。
・セレクタ：どの部分の
・プロパティ：何を
・値：どのように変化させるか

ブラウザ上でレイアウト情報やテキスト等を入力するだけで Web ページを作成・編集できるツールのことを（　）という。

• WWW

• SQL

• CMS

• MDM

Answer explanation

CMS は、「コンテンツ・マネジメント・システム」の頭文字を取ったものである。
専門知識がない人でも比較的簡単に Web サイトを作成・管理することができ、複数人で分担して更新作業を行うことにも適している。

検索エンジンで特定のキーワードを検索した際、自身の Web サイトを上位に表示させるために行う工夫のことを（　）という。

• SEO対策

• ウイルス対策

• キッティング対策

• ゼロデイ対策

Answer explanation

SEO 対策の手段には、Web サイト内に適切にキーワードを配置することや、コンテンツの質を高めること、外部からのリンクを増やすことなどがある。

ユーザが使用するデバイスの画面サイズに応じて、フォントサイズや改行位置などを自動で調整し、Web ページの表示を最適化するデザインのことを（　）という。

• アクティブデザイン

• メディアデザイン

• マルチディスプレイデザイン

• レスポンシブデザイン

Answer explanation

レスポンシブデザインに対応した Web ページでは、1 つの HTML に対し、画面サイズに応じた複数の CSS を用意し、端末ごとに切り替えて適用している。

SEO 対策に関する説明として、適当でないものを 1 つ選びなさい。

• ユーザが検索エンジンに入力したキーワードとの関連が強く、信頼性の高い Web サイトほど検索上位に表示されやすい

• 検索キーワードに対応して表示される広告を出すことは、SEO 対策として有効である

• Web ページのタイトルや見出しの構造を整理し、適切にキーワードを設置することは、SEO 対策として有効である

• SEO 対策のためだけに本来必要のないテキストやリンクを大量に配置することは、不正行為とみなされてペナルティの対象となることがある

Answer explanation

SEO 対策の目的は、ユーザが検索エンジンで特定のキーワードやフレーズを検索したときに、自身の Web サイトが上位に表示されるようにすることである。これにより、検索エンジンからのアクセスが増え、より多くのユーザが Web サイトを訪れる可能性が高まる。
検索キーワードに対応した広告を出すことは、SEO 対策とは別の観点からアクセス数を増やすための取り組みである。

レスポンシブデザインの説明として、最も適当なものを 1 つ選びなさい。

• ユーザの閲覧履歴に応じて、Web ページの中に最適な広告を表示すること

• ユーザが使用するデバイスの画面サイズに応じて、フォントサイズや改行位置などを自動で調整し、Web ページの表示を最適化するデザインのこと

• ブラウザ上でレイアウト情報やテキスト等を入力するだけで Web ページを作成・編集できるツールのこと

• Web ページを閲覧したユーザの情報や行動を分析し、コンテンツの改善に活かすこと

Answer explanation

レスポンシブデザインに対応した Web サイトでは、1 つの HTML に対し、画面サイズに応じた複数の CSS を用意し、端末ごとに切り替えて適用している。
ユーザにとっては、どの端末でも最適な画面が表示されるため、使いやすさが向上する。

【その他の選択肢】
・ユーザの閲覧履歴に応じて、Web ページの中に最適な広告を表示すること：
「ターゲティング広告」の説明である

・ブラウザ上でレイアウト情報やテキスト等を入力するだけで Web ページを作成・編集できるツールのこと：
「CMS」の説明である

・Web ページを閲覧したユーザの情報や行動を分析し、コンテンツの改善に活かすこと：
「アクセス解析」の説明である