出題範囲(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/サイトマップ/バリデート/
ファイル転送