出題範囲（HTML5対応版）｜Webクリエイター能力認定試験

出題範囲（HTML5対応版）

科目	単元	項目	主な内容	スタンダード実技	エキスパート実技	エキスパート知識
制作環境
	ファイルの操作		保存／複製／拡張子／ファイル名	○	○	○
	テキスト／ソースの操作		コピー&ペースト／入力／変更／削除	○	○	○
	ブラウザー／ドメイン		ブラウザー名／レンダリングエンジン／名称と用途／URL／スキーム	○	○	○
	ファイルの種類
		HTML／CSS	HTML／CSS言語の特徴、構造とデザインの分離	○	○	○
		画像	GIF／JPEG／PNGファイルの特徴、ビットマップ形式の特徴	○	○	○
		JavaScript	JavaScript言語の特徴、動的コンテンツの特徴		○	○
		SVG／Webフォント	ベクトル形式の特徴、フォントの表示形式の特徴			○
		動画／音声／リッチコンテンツ	動画と音声の特徴、リッチコンテンツ（Flash）の特徴			○
Webサイトの構成と設計
	ページ構成
		基本ページ／フォーマット		○	○	○
		トップページ		○	○	○
		テキストと画像のページ		○	○	○
		テーブルのページ		○	○	○
		フォームのページ		○	○	○
		サムネイルのページ			○	○
		レスポンシブWebデザインの対応			○	○
	レイアウト／パーツ設計
		ヘッダー領域／フッター領域		○	○	○
		ナビゲーション領域		○	○	○
		コンテンツ領域／メイン領域／サブ領域		○	○	○
		バナー／ボタン		○	○	○
		動的コンテンツ			○	○
	ユーザビリティ／アクセシビリティ
		タイトル／見出しの統一	タイトルと見出しのルール	○	○	○
		文字色と背景色	文字色と背景色のコントラスト	○	○	○
		パンくずリスト	Webサイトの現在位置		○	○
		ページ内リンクの移動	ページの先頭、アンカー		○	○
		ユーザー導線	ファーストビュー／Z軸／F軸／E軸			○
		テキスト／リンク	文字サイズ／下線の表示／未読リンクと既読リンクの明確化			○
		ボタン／アイコン	矢印／メタファー／アフォーダンス			○
		色や形の表示	色に左右されないWebページの表示			○
		画像	alt属性の配慮、凡例表示の配慮			○
		日付／金額／単語中のスペース	音声ブラウザー対応			○
		PDF／動画／フォーム／ダウンロードの取り扱い	注釈／説明／サイズの表示と配慮			○
HTML
	セマンテック／コンテンツモデル／カテゴリー		（X）HTML5の概念	○	○	○
	HTML5の移行		HTML 4.01／XHTML 1.0からの移行	○
	文字参照／実体参照		記号の記述	○	○	○
	コメント		<!-- -->	○	○	○
	基本構造		文書型宣言／html要素／head要素／body要素／title要素／文字エンコード	○	○	○
	外部スタイルシート
		外部スタイルシートの読み込み	link要素／CSSファイルの読み込みに関連する属性	○	○	○
		メディアクエリー	link要素／メディアクエリーに関連する属性		○	○
	汎用コンテナー		div要素／span要素	○	○	○
	ID名／クラス名		id属性／class属性	○	○	○
	見出し／段落／改行		h1～h6要素／p要素／br要素	○	○	○
	重要／コピーライト／連絡先		strong要素／small要素／address要素	○	○	○
	リスト		ul要素／ol要素／li要素／dl要素／dt要素／dd要素／関連する属性	○	○	○
	ハイパーリンク
		フレージングコンテンツ	フレージングコンテンツに対応するa要素／関連する属性	○	○	○
		フローコンテンツ	フローコンテンツに対応するa要素／関連する属性		○	○
	画像		img要素／関連する属性	○	○	○
	テーブル
		行と列／見出しセル／キャプション	table要素／tr要素／td要素／th要素／caption要素／関連する属性	○	○	○
		セルの結合	colspan属性／rowspan属性	○	○	○
		表の区分	thead要素／tbody要素／tfoot要素		○	○
	フォーム
		フォームの範囲	form要素／関連する属性	○	○	○
		テキストフィールド	input要素／type属性（text）と関連する属性	○	○	○
		テキストエリア	textarea要素／関連する属性	○	○	○
		ラベル	label要素／関連する属性	○	○	○
		送信ボタン	input要素／type属性（submit、image）と関連する属性	○	○	○
		指定のある入力フォーム	input要素／type属性（tel、email）と関連する属性／required属性		○	○
		選択フォーム	input要素／type属性（checkbox、radio）と関連する属性／select要素／option要素／関連する属性		○	○
	ヘッダー／フッター		header要素／footer要素	○	○	○
	セクション		article要素／section要素／nav要素／aside要素	○	○	○
	日時		time要素／関連する属性		○	○
	図版		figure要素／figcaption要素		○	○
	スクリプト		script要素／noscript要素		○	○
CSS
	文字エンコード		@charset／関連する値	○	○	○
	コメント		/* */	○	○	○
	外部スタイルシート		@import／関連するパスとファイル名	○	○	○
	セレクター／プロパティ
		ユニバーサルセレクター／タイプセレクター		○	○	○
		IDセレクター／クラスセレクター		○	○	○
		子孫セレクター／セレクターのグループ化		○	○	○
		リンク疑似クラス／ユーザーアクション擬似クラス		○	○	○
		属性セレクター			○	○
		構造疑似クラス			○	○
		CSSの優先順位（詳細度の計算方法／!important）				○
	スタイル
		表示	display／関連する値	○	○	○
		リスト	list-style／関連する個別のプロパティ／関連する値	○	○	○
		幅／高さ	width（最大幅、最小幅含む）／height（最大高さ、最小高さ含む）／関連する値	○	○	○
		マージン／パディング	margin／padding／関連する個別のプロパティ／関連する値	○	○	○
		ボックス	overflow／関連する個別のプロパティ／関連する値	○	○	○
		ボックスの透明度	opacity／関連する値	○	○	○
		ボーダー	border／関連する個別のプロパティ／関連する値	○	○	○
		配置	position／top／bottom／left／right／関連する値	○	○	○
		フロート／フロートの解除	float／clear／関連する値	○	○	○
		文字色／フォント	color／font／関連する個別のプロパティ／関連する値	○	○	○
		テキスト	text-indent／text-decoration／text-align／vertical-align／関連する値	○	○	○
		テーブル	table-layout／border-collapse／border-spacing／関連する値	○	○	○
		背景（単体指定）	background／関連する個別のプロパティ／関連する値（単体指定）	○	○	○
		背景（複数指定）	background／関連する個別のプロパティ／関連する値（複数指定）		○	○
	技法／スタイリング
		リセットCSS／ノーマライズCSS		○	○	○
		見出し／ボタンのスタイリング		○	○	○
		マージンによる左右中央揃え		○	○	○
		clearfix		○	○	○
		CSSスプライト／CSSシグネチャ			○	○
		交互する背景色			○	○
ビジュアルデザインと配色
	ビジュアルデザイン		グリッドシステム／縦横比（黄金比、白銀比、和のシェイプ、1/3）／グループ化・規則化（近接、整列、反復、対比、開閉）／タイポグラフィ／カーニング／ジャンプ率／シンメトリー			○
	配色		70：25:5の法則（ベースカラー・メインカラー・アクセントカラー）／色の寒暖／色の軽重／色の遠近／色の三原色／色の三属性（色相・彩度・明度）／トーン／Webカラー			○
	画像加工の操作		トリミング／リサイズ／カラー補正／各種エフェクト			○
ビジュアルデザインと配色
	プライバシーポリシー／SSL／サイトマップ／バリデート／ファイル転送					○

出題範囲

出題範囲（HTML5対応版）

お申し込みはこちらから