Webクリエイター能力認定試験エキスパート取得を目指して！

2025年2月26日(水) 2025年3月1日(土)

かなこ

パソコンインストラクターの仕事のために、資格を取得します。
ここ3年ほど、HTMLとCSSの勉強をしておりましたので、
これまでの学習成果を活かして早期資格取得を目指します（受験日未定）

Webクリエイター能力認定試験エキスパートについて

Web制作に関する知識と技術を証明する資格の一つで、サーティファイが主催しており、特に HTML・CSSのコーディング能力 や Web標準に沿ったページ制作スキル が問われます。

試験内容	① 知識問題（約20％）・Web標準、アクセシビリティ、HTML・CSSの基礎知識などの選択問題 ② 実技試験（約80％）・仕様書に従って HTML・CSSでWebページをコーディング
出題範囲	・HTML5・CSS3のマークアップとスタイリング・Web標準（アクセシビリティ・ユーザビリティの考慮）・レスポンシブデザイン・適切なコーディング（セマンティックなHTMLの記述）
試験時間	① 知識問題：20分 ② 実技試験・テキストエディタ使用の場合：110分・Webページ作成ソフト使用の場合：90分
合格基準	知識問題と実技問題の合計得点において得点率65％以上
受験料	7,700円（税込）

（公式サイト）
Webクリエイター能力認定試験｜資格検定のサーティファイ

学習用テキスト

FOM出版の「公式テキスト」を使用します。

（書籍リンク）
Webクリエイター能力認定試験HTML5対応エキスパート公式テキスト
サーティファイWeb利用・技術認定委員会公認

《進捗》

2025/02/26
Visual Studio Codeプラグイン「Markuplint」を無効化

項目	内容	学習した日
本書をご利用いただく前に試験の概要出題範囲	・実習用データのダウンロード ※Winの場合は exeファイルを使用する・実習用データの確認	2025/02/25
第8章フォーム	8-1「お問い合わせ」ページを作成する・フォームの基本・タイトル、パンくずリスト、見出し・テキスト、箇条書き・プライバシーポリシー	2025/02/26
	8-2 フォーム領域を作成する・<form></form> 　※内部はどんな要素でも可・<form action="#"> 　※URLが未定の場合は「#」・設問項目のテキストを追加
	8-3 コントロールを追加する・<input>タグ・name属性【名前】・必須項目には「必須」と書く・名前（type="text"）・メール（type="email"）・電話番号（type="tel"）・ラジオボタン（type="radio"）・チェックボックス（type="checkbox"）・value属性【値】　※ラジオボタン、チェックボックスに・テキストエリア<textarea></textarea> ・<label></label>を追加　① <label>で囲む　② for属性を使う・送信ボタン（type="submit"）・送信ボタン（画像）（type="image"）・required属性【必須】・プルダウン<select>+<option> ・multiple属性【複数選択】
	8-4 設問ごとのマージンを調整する・すべての段落のマージンを調整・内容欄（p:nth-last-child(2)) ・送信ボタン（p:last-child) 　※ E:nth-last-child(n)疑似クラス　　最後から数えてn番目のE	2025/02/27
	8-5 コントロールのスタイルを調整する・属性セレクター　E [a]　属性a 　E [a="b"]　属性a の値がb 　E [a~="b"]　（後で）　E [a^="b"]　属性a の値がb で始まる　E [a$="b"]　属性a の値がb で終わる　E [a*="b"]　属性a の値に b を含む　E [a\|="b"]　（後で）・ダウンロードするファイルにリンクする場合は、ファイルの種類やサイズ、内容がわかるように記述する・映像や音声ファイルのリンクには、リンク先が映像・音声ファイルであること、サイズ、内容、時間などを記述・<a>タグに title属性を含め、マウスホバーでヘルプチップを表示・overflowプロパティ（overflow-x、overflow-y）	2025/02/27
第9章 Webデザインの基礎知識	9-1 ビジュアルデザインの基礎・レイアウトの4つの基本原則（整列・近接・反復・対比）・グリッドシステム（グリッドデザイン）　⇒ページ全体（960 または 980px）を12分割	2025/02/27
	9-2 シェイプとプロポーション・黄金比【おおよそ 5:8】・白銀比【約 1:1.4】　※用紙サイズのA判・等量分割法（和のシェイプ）：画面を整数比で分割する・三分割法：画面を縦横三分割　※写真の構図
	9-3 タイポグラフィ・画像テキスト・カーニング：特定の文字と文字の間の空きを調整する・トラッキング（字送り）：すべての文字の右側の空きを調整する・文字詰め：和文特有。文字の前後の空きを調整する・混植：漢字と、英数字やひらがな・カタカナのフォントを変えてテキストを組む・ジャンプ率：本文と見出しなどの割合のこと
	9-4 色彩の基礎知識・無彩色と有彩色・色の三属性（色相・彩度・明度）・色相（Hue）：色味、0～360° ・彩度（Saturation）：あざやかさ、0～100％・明度（Brightness）：明暗、0～100％・HSBカラーモデル / HSLカラーモデル・色相環：赤を0°として、時計回りに12色・光の三原色 / 色の三原色・トーン：色の印象・純色・清色・濁色・暖色・寒色・色の軽重：主に明度の高低・進出色と後退色
	9-5 配色の基礎知識・色の組み合わせ（同一色・類似色・補色）・Webページの配色（メイン・ベース・アクセント / 70:25:5 の法則）
	9-6 画像加工の操作・トリミング・リサイズ・カラー補正（レベル補正・トーンカーブ）・エフェクト（フィルター）
	9-7 ユーザビリティ・アクセシビリティに配慮したWebデザイン・メタファー（アイコンなど）・アフォーダンス（ボタンなど）・文字色と背景色のコントラスト・リンクと通常テキスト・リンクデザインを決めるときの注意点・色に左右されないデザイン
第1章 Webサイト・制作の基礎知識	1-1 Webサイトの基礎知識・Webページ、ウェブサイトとは・Webページが表示される仕組み・URLとドメイン・ブラウザーの種類	2025/03/01
	1-2 ページを構成するファイル・拡張子の表示・Webページで使用するファイルの種類
	1-3 Webページを作る手順・作成するサンプルサイトの構成と学習内容・ページレイアウトと各部の名称・サイトの作成手順
	1-4 HTMLファイル、CSSファイル編集の基本操作「メモ帳」での操作（ファイル作成、開く、保存、表示確認、コピペ）
第2章 HTMLの基礎と応用	2-1 HTMLの基礎知識・基本的なHTMLタグの書式と名称	2025/03/01
	2-2 HTML5の特徴・セマンティック要素の追加
	2-3 HTMLの記述法・HTML5で記述する時の注意
	2-4 基本ページのHTMLを記述する・すべてのHTMLドキュメントに必要なタグを記述する・タイトルとCSSへのリンクを記述する・パスの指定（相対パス/絶対パス）
	2-5 <body>内に各ページの共通のHTMLを記述する・ヘッダー領域のHTMLを記述する・<h1><a><img> ・id属性、class属性

第3章 CSSの基礎と応用
第4章高度なリストのデザイン
第5章テキスト主体のページを作成
第6章テーブルとそのスタイル
第7章ギャラリーレイアウト
第10章サンプル問題

《復習ポイント》

内容	確認した日

項目	内容	学習した日
本書をご利用いただく前に試験の概要出題範囲	・実習用データのダウンロード ※Winの場合は exeファイルを使用する・実習用データの確認	2025/02/25
第8章フォーム	8-1「お問い合わせ」ページを作成する・フォームの基本・タイトル、パンくずリスト、見出し・テキスト、箇条書き・プライバシーポリシー	2025/02/26
	8-2 フォーム領域を作成する・<form></form> 　※内部はどんな要素でも可・<form action="#"> 　※URLが未定の場合は「#」・設問項目のテキストを追加
	8-3 コントロールを追加する・<input>タグ・name属性【名前】・必須項目には「必須」と書く・名前（type="text"）・メール（type="email"）・電話番号（type="tel"）・ラジオボタン（type="radio"）・チェックボックス（type="checkbox"）・value属性【値】　※ラジオボタン、チェックボックスに・テキストエリア<textarea></textarea> ・<label></label>を追加　① <label>で囲む　② for属性を使う・送信ボタン（type="submit"）・送信ボタン（画像）（type="image"）・required属性【必須】・プルダウン<select>+<option> ・multiple属性【複数選択】
	8-4 設問ごとのマージンを調整する・すべての段落のマージンを調整・内容欄（p:nth-last-child(2)) ・送信ボタン（p:last-child) 　※ E:nth-last-child(n)疑似クラス　　最後から数えてn番目のE	2025/02/27
	8-5 コントロールのスタイルを調整する・属性セレクター　E [a]　属性a 　E [a="b"]　属性a の値がb 　E [a~="b"]　（後で）　E [a^="b"]　属性a の値がb で始まる　E [a$="b"]　属性a の値がb で終わる　E [a*="b"]　属性a の値に b を含む　E [a\|="b"]　（後で）・ダウンロードするファイルにリンクする場合は、ファイルの種類やサイズ、内容がわかるように記述する・映像や音声ファイルのリンクには、リンク先が映像・音声ファイルであること、サイズ、内容、時間などを記述・<a>タグに title属性を含め、マウスホバーでヘルプチップを表示・overflowプロパティ（overflow-x、overflow-y）	2025/02/27
第9章 Webデザインの基礎知識	9-1 ビジュアルデザインの基礎・レイアウトの4つの基本原則（整列・近接・反復・対比）・グリッドシステム（グリッドデザイン）　⇒ページ全体（960 または 980px）を12分割	2025/02/27
	9-2 シェイプとプロポーション・黄金比【おおよそ 5:8】・白銀比【約 1:1.4】　※用紙サイズのA判・等量分割法（和のシェイプ）：画面を整数比で分割する・三分割法：画面を縦横三分割　※写真の構図
	9-3 タイポグラフィ・画像テキスト・カーニング：特定の文字と文字の間の空きを調整する・トラッキング（字送り）：すべての文字の右側の空きを調整する・文字詰め：和文特有。文字の前後の空きを調整する・混植：漢字と、英数字やひらがな・カタカナのフォントを変えてテキストを組む・ジャンプ率：本文と見出しなどの割合のこと
	9-4 色彩の基礎知識・無彩色と有彩色・色の三属性（色相・彩度・明度）・色相（Hue）：色味、0～360° ・彩度（Saturation）：あざやかさ、0～100％・明度（Brightness）：明暗、0～100％・HSBカラーモデル / HSLカラーモデル・色相環：赤を0°として、時計回りに12色・光の三原色 / 色の三原色・トーン：色の印象・純色・清色・濁色・暖色・寒色・色の軽重：主に明度の高低・進出色と後退色
	9-5 配色の基礎知識・色の組み合わせ（同一色・類似色・補色）・Webページの配色（メイン・ベース・アクセント / 70:25:5 の法則）
	9-6 画像加工の操作・トリミング・リサイズ・カラー補正（レベル補正・トーンカーブ）・エフェクト（フィルター）
	9-7 ユーザビリティ・アクセシビリティに配慮したWebデザイン・メタファー（アイコンなど）・アフォーダンス（ボタンなど）・文字色と背景色のコントラスト・リンクと通常テキスト・リンクデザインを決めるときの注意点・色に左右されないデザイン
第1章 Webサイト・制作の基礎知識	1-1 Webサイトの基礎知識・Webページ、ウェブサイトとは・Webページが表示される仕組み・URLとドメイン・ブラウザーの種類	2025/03/01
	1-2 ページを構成するファイル・拡張子の表示・Webページで使用するファイルの種類
	1-3 Webページを作る手順・作成するサンプルサイトの構成と学習内容・ページレイアウトと各部の名称・サイトの作成手順
	1-4 HTMLファイル、CSSファイル編集の基本操作「メモ帳」での操作（ファイル作成、開く、保存、表示確認、コピペ）
第2章 HTMLの基礎と応用	2-1 HTMLの基礎知識・基本的なHTMLタグの書式と名称	2025/03/01
	2-2 HTML5の特徴・セマンティック要素の追加
	2-3 HTMLの記述法・HTML5で記述する時の注意
	2-4 基本ページのHTMLを記述する・すべてのHTMLドキュメントに必要なタグを記述する・タイトルとCSSへのリンクを記述する・パスの指定（相対パス/絶対パス）
	2-5 <body>内に各ページの共通のHTMLを記述する・ヘッダー領域のHTMLを記述する・<h1><a><img> ・id属性、class属性

第3章 CSSの基礎と応用
第4章高度なリストのデザイン
第5章テキスト主体のページを作成
第6章テーブルとそのスタイル
第7章ギャラリーレイアウト
第10章サンプル問題

Webクリエイター能力認定試験エキスパート取得を目指して！

Webクリエイター能力認定試験エキスパートについて

学習用テキスト

《進捗》

《復習ポイント》

コメントを残すコメントをキャンセル

デイトラWebデザインコース中級編の学び～その4～

Webクリエイター能力認定試験 エキスパートについて

学習用テキスト

《進捗》

《復習ポイント》

コメントを残す コメントをキャンセル

デイトラWebデザインコース 中級編 の学び ～その4～

Webクリエイター能力認定試験エキスパートについて

コメントを残すコメントをキャンセル

デイトラWebデザインコース中級編の学び～その4～