Web クリエイター能力認定試験 HTML5 対応 エキスパート 公式テキスト 目次

本書をご利用いただく前に

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 実技問題 正答例と解説

索引