平成25年度 秋期 ITパスポート試験 問80 解説 CSSの用途

この問題は、Webページ制作における「構造」と「見た目」の役割分担を理解しているかを問うものです。キーワードである「デザインの統一性」や「HTMLとの組み合わせ」という言葉に着目すれば、答えは自然とCSSに絞られます。

Web制作における役割分担

Webページは、主に以下の2つの要素を組み合わせて作られています。

・HTML（HyperText Markup Language）：Webページの骨組みや中身を作るもの。見出し、段落、画像といった「何があるか」を記述します。 ・CSS（Cascading Style Sheets）：Webページの見た目や装飾を担当するもの。文字の色、大きさ、レイアウト、背景画像など「どう見えるか」を制御します。

今回のように、サイト全体の色調やデザインを統一したい場合、すべてのHTMLファイルに個別に同じ装飾を書き込むのは非常に非効率です。CSSは一つのファイルを準備して複数のHTMLファイルから読み込むことができるため、一度のデザイン変更でサイト全体の見た目を一括で修正できるという特徴があります。

選択肢の判断プロセス

問題文にある「HTMLと組み合わせて利用」「デザインに統一性」というヒントをもとに、各選択肢を検討します。

・CSS：正解です。Webサイトのレイアウトやスタイルを一元管理するための言語であり、問題の意図に完璧に合致します。 ・SNS：Web上の交流サービスであり、Webページ作成の技術的なツールではありません。 ・SQL：データベースを操作するための言語です。データの保存や検索に使われるもので、デザインには直接関与しません。 ・XML：データの構造を定義するためのマークアップ言語です。HTMLと似た記法ですが、主にデータそのものを記述・交換するためのもので、デザインを制御するものではありません。

なぜこの知識が重要なのか

現代のWeb開発において、HTMLで構造を書き、CSSでデザインを指定するという「分離」の考え方は基本中の基本です。

もしCSSが存在しなかったら、Webサイトのデザインを変更するたびに何百、何千というHTMLファイルを一つずつ開いて修正しなければなりません。CSSを活用することで、管理コストを大幅に削減し、ユーザーにとっても一貫性のある快適なブラウジング環境を提供できるようになります。この問題は、実務的な効率化の視点と、Web技術の役割分担を正しく理解しているかを測る、非常に重要な基礎知識を問うています。

参考リンク

• ITパスポート試験ドットコム：CSS
• 【Web制作】CSSの基礎知識を理解して、Webページをオシャレに装飾しよう！
• MDN Web Docs：CSS: カスケーディングスタイルシート