よくわかるマスター
改訂版 Webクリエイター能力認定試験
HTML5対応 エキスパート 公式テキスト
Webクリエイター能力認定試験（HTML5対応）は、Webサイト制作におけるデザイン能力とコーディング能力を評価・認定する資格で、「スタンダード」と「エキスパート」の2つのレベルがあります。
本書は、Webクリエイター能力認定試験（HTML5対応）の「エキスパート」試験対策用の公式テキストです。出題範囲にそったHTMLおよびCSSの知識を、実際に操作しながら学習できます。
- ※試験の詳細については、Webクリエイター能力認定試験の公式サイトでご確認ください。
| 定価 | 3,190 円 （本体 2,900 円） |
|---|---|
| 型番 | FPT2521 |
| ISBNコード | 978-4-86775-222-7 |
| 仕様 | B5変型判 343ページ |
| 発売日 | 2026年2月24日 |
ご購入
紙書籍
電子書籍
法人のお客様
試験主催元サーティファイの公式テキスト！
試験主催元であるサーティファイWeb利用・技術認定委員会が認定している唯一の公式テキストです。
WindowsとmacOSの主要ブラウザーに対応しており、試験環境と同様の環境で学習できます。HTMLやCSSのコードを入力し、ブラウザーでの表示を確認しながら進められるため、安心して学習に取り組めます。
出題範囲のHTMLとCSSを網羅！
Webクリエイター能力認定試験(HTML5対応)の「エキスパート」の出題範囲を網羅しています。出題範囲にそって、HTMLとCSSだけでなく、Webデザインも効率よく学習できます。
「Visual Studio Code」の基本操作を紹介！
HTMLやCSSのコードを入力・編集する際は、プログラム開発用のテキストエディターを使用すると効率的です。本書では、Webサイト制作で広く利用されている「Visual Studio Code」（VS Code）の基本操作を紹介しています。学習段階から操作に慣れておくことで、試験対策だけでなく、実務でも活用できます。
※Visual Studio Codeは無料でダウンロードしてご利用いただけます。
サンプル問題で万全の試験対策！
最終章には学習の総仕上げや力試しにご利用いただける、知識問題と実技問題のサンプル問題を収録しています。実技問題には正答例と解説、採点基準も用意しているので、どのような記述で得点できる、または減点されるのかを把握できます。
実際に操作しながら学習！
Web制作定番のVS Codeの基本操作を紹介！
出題範囲を網羅！
サンプル問題で総仕上げ！
関連書籍
本書をご利用いただく前に
Webクリエイター能力認定試験とは？
Webクリエイター能力認定試験 HTML5対応 出題範囲
第1章 Webサイト・制作の基礎知識
- 1-1 Webサイトの基礎知識
- 1-2 ページを構成するファイル
- 1-3 Webページを作る手順
- 1-4 HTMLファイル、CSSファイル編集の基本操作
第2章 HTMLの基礎と応用
- 2-1 HTMLの基礎知識
- 2-2 HTML5の特徴
- 2-3 HTMLの記述法
- 2-4 基本ページのHTMLを記述する
- 2-5 <body>内に各ページ共通のHTMLを記述する
- 2-6 ナビゲーション領域を作成する
- 2-7 パンくずリストを作成する
- 2-8 コンテンツ領域・メイン領域・サブ領域を作成する
- 2-9 フッター領域を作成する
第3章 CSSの基礎と応用
- 3-1 CSSの基礎知識
- 3-2 セレクター
- 3-3 CSSの使用・外部CSSファイルの読み込み
- 3-4 各ページ共通のCSSを記述する
- 3-5 背景色、テキスト色を指定する
- 3-6 ボックスモデルを理解する
- 3-7 ナビゲーション領域のレイアウトを作成する
- 3-8 2コラムレイアウトにする
- 3-9 メイン領域にある見出しのCSSを調整する
- 3-10 擬似クラスを使用する
- 3-11 ページを複製する
- 3-12 ページごとに少しだけ異なるCSSを適用する
- 3-13 ナビゲーションのハイライトを作成する
第4章 高度なリストのデザイン
- 4-1 トップページのタイトルを書き替える
- 4-2 スライドショーを組み込む
- 4-3 メイン領域のHTMLを作成する
- 4-4 トップページのCSSを編集する
- 4-5 スマートフォン向けのCSSを読み込む
第5章 テキスト主体のページを作成
- 5-1 concept.htmlを作成する
- 5-2 画像にテキストを回り込ませる
- 5-3 不要なマージンをなくす
第6章 テーブルとそのスタイル
- 6-1 タイトル、見出しを変更する
- 6-2 テーブルの基本的なHTMLを作成する
- 6-3 キャプションを追加する
- 6-4 テーブル行をグループ化する
- 6-5 テーブルのレイアウトを調整する
第7章 ギャラリーレイアウト
- 7-1 タイトルなどを書き替えて、段落を1つ追加する
- 7-2 画像とキャプションのセットを追加する
- 7-3 ギャラリーレイアウトを完成させる
第8章 フォーム
- 8-1 「お問い合わせ」ページを作成する
- 8-2 フォーム領域を作成する
- 8-3 コントロールを追加する
- 8-4 設問ごとのマージンを調整する
- 8-5 コントロールのスタイルを調整する
第9章 Webデザインの基礎知識
- 9-1 ビジュアルデザインの基礎
- 9-2 シェイプとプロポーション
- 9-3 タイポグラフィ
- 9-4 色彩の基礎知識
- 9-5 配色の基礎知識
- 9-6 画像加工の操作
- 9-7 ユーザビリティ・アクセシビリティに配慮したWebデザイン
第10章 サンプル問題
- 10-1 知識問題 確認事項
- 10-2 知識問題
- 10-3 知識問題 正答
- 10-4 実技問題 確認事項
- 10-5 実技問題
- 10-6 実技問題 採点基準
- 10-7 実技問題 正答例と解説
索引
準備中です
正誤表はありません