Web学習 【30】 Webクリエイター能力認定試験 エキスパート 知識問題対策

更新
2015年01月06日(火)

本文を追記欄に移動

Webクリエイター能力認定試験 エキスパート 知識問題対策

 Webクリエイター能力認定試験エキスパートには知識問題が出題されます。「試験概要」多肢選択式で20問を20分で解くのですが、知識問題対策は容易ではありません。

 現在、Webクリエイター能力認定試験エキスパート用の学習参考書は、公認テキストと公認問題集のみです。


Webクリエイター能力認定試験エキスパート 公式テキストブックWebクリエイター能力認定試験エキスパート 公式テキストブック
(2012/04/07)
鷹野雅弘

商品詳細を見る

Webクリエイター能力認定試験 エキスパート 問題集 (XHTML1.0対応)Webクリエイター能力認定試験 エキスパート 問題集 (XHTML1.0対応)
(2012)
サーティファイ Web利用・技術認定委員会

商品詳細を見る

 公認テキストはWeb通販等で手に入れやすいですが、公認問題集は手に入れるのが容易ではありません。実質的に公認テキストのみで対策をしなければなりません。公認テキストを書店で立ち読みすることができたのですが、1/3程が公式サイトで配布されている「サンプル問題」の解説で、1/3が知識問題、1/3が実技問題といった感じで、実技に自信がある私としては知識問題のためだけに公認テキストを買うのは躊躇してしまい、独自に学習することにしました。

 やみくもにWeb関連の知識を集めるのも効率が悪いので、公表されている「出題範囲」を頼りに関連知識を集めることにしました。出題範囲の中で気になるキーワードを検索して、関連知識を集めます。深い知識はいらないので、検索に登場するサイトをいくつか流し読みすれば足りると思います。

 下記に私が気になったキーワードをGoogle検索リンクで探しやすいようにしておきました。

Webデザインの基礎知識

ビジュアルデザインの技法

カラー

文字関連

タイポグラフィ

Webページ制作の前提知識

ファイル名

使ってよい文字

  • 0-9、a-z、A-Z
  • ハイフン、アンダースコア

拡張子

  • html、htm

制作前の確認事項

サイトの構成

対象となるブラウザー

モニターサイズ(XGA、SXGAなど)

ドメイン

カラー

画像

Webで使われる画像形式

  • ビットマップ:GIF/JPEG/PNG
  • それぞれの特徴
  • ベクトル:SWF/SVG

代替テキスト

動画、リッチコンテンツ

ファイル形式(よく使われているプラットフォーム、サービス)

  • FLV(Flash Video)
  • MOV(QuickTime)
  • WMV(Windows Media)
  • MPEG4

ユーザビリティとアクセシビリティ

ユーザビリティ

  • フォントサイズ
  • リンク
  • Flash
  • 検索性
  • フォーム、EFO(フォーム最適化)

アクセシビリティ

  • ガイドラインの種類(WCAGWebJISWAI-ARIA
  • 画像への代替テキスト
  • 音声コンテンツ、動画コンテンツへの配慮
  • 好ましくないマークアップ(「期 日」など)
  • 検証方法:読み上げブラウザー、カラー・コントラスト・アナライザー、Illustrator/Photoshop CS4以降のソフトプルーフ(色の校正)

Webページ制作の基本知識

HTML/XHTML

  • 要素、属性
  • 骨格(html要素=head要素+body要素)
  • ドキュメントタイプ
  • XML宣言
  • 文字コード
  • ページタイトルの付け方
  • トップページと下層ページ
  • meta要素(keyword/description)

マークアップ

  • 主なブロックレベル要素①:見出し(h1-h6)、段落(p)、リスト(箇条書きリスト(ul/li)、番号付きリスト(ol/li))、テーブル(基本(table/tr/td)、見出しセル(th))、フォーム(テキストボックス、テキストエリア、ボタン、label要素)、汎用要素(div、span)、連絡先・著作権情報(address)
  • 主なブロックレベル要素②:リスト(定義型リスト(dl/dt/dd))、テーブル(scope設定、セルの結合)、フォーム(ラジオボタン、チェックボックスなど)、引用(blockquote)
  • 主なインライン要素:a(リンク)、br、img、span
  • id/class:よく使うid/class属性の値

リンク

文字参照

XHTML

  • XHTMLの記法

CSS

基本

  • CSSのバージョン
  • CSSの構文(CSSルール、セレクター、宣言)
  • プロパティ
  • いろいろなセレクター: 要素セレクター、クラスセレクター、idセレクター、子孫セレクター、その他(疑似クラス、疑似要素)
  • HTML/XHTMLへの適用方法(読み込み): リンク、エンベッド、インライン、ショートハンド、メディアタイプ、文字コードの指定
  • CSSの優先順位:読み込み順、!important、詳細度(specificity)の計算方法
  • ボックスモデル:margin/padding/border、幅の計算

CSSレイアウト

  • 背景画像:繰り返し、位置指定
  • 画像の回り込み
  • マージンの相殺
  • ボタン的に扱う
  • li要素の横並び
  • dl/dt/ddを表組みのように扱う
  • ブラウザーウィンドウ内で(のコンテンツ領域)の中央揃え
  • フロートを使ったレイアウト①:フロートのクリア
  • フロートを使ったレイアウト②:ポジショニング
  • フロートを使ったレイアウト③:IE6用の対応

文字に関する設定

  • フォント指定
  • 文字色
  • 文字サイズ
  • 太字、斜体、正体
  • 中央揃え、右揃え
  • 行間(行送り):単位を付けない

リンク

  • a:link/a:visited/a:hover/a:active(記述する順番に注意)
  • リンクの下線の取り扱い

高度なCSS

  • リセットCSS
  • 画像置換(CSS Sprite
  • CSSシグネチャ(body要素にid/class属性を設定し、ページごとに異なるCSSを適用)

動的ページと動的コンテンツ

Webサイトの運用・保守・管理

関連記事
この記事が参考になりましたら拍手をお願いします。管理人のモチベーションが上がります。m(_ _)m

コメント

コメントの投稿

非公開コメント


ページ下部までご覧いただきありがとうございました。