Webクリエイター能力認定試験<上級>に必要となる知識
Webクリエイター能力認定試験ではHTMLの要素と属性、CSSのプロパティと値に関するリファレンスが配布されます。試験中にリファレンスで確認することはできますが、時間制限がありますので一問一問確認している余裕はありません(特に規定問題)。うっかり忘れてしまった場合や、余った時間を使っての確認のために使用し、重要な箇所はしっかり覚えておくようにしましょう。
HTMLとは
HTML(Hyper Text Markup Language)はWebページを作成するためのマークアップ言語であり、Webページの論理構造を定義します。タグと呼ばれる特別な文字列によって改行や段落の指定、画像や動画の埋め込みなどを行います。
CSSとは
CSS(Cascading Style Sheet)はWebページのデザインやレイアウトを定義するためのものです。HTMLはWebページの論理構造の定義が目的であるため、視覚的表現と分離する考えのもとCSSが策定されました。具体的に言うと、HTMLは見出しや段落の指定、画像の表示などを行い、CSSは文字の色を変えたり表示される幅や高さ、位置の指定などの視覚的部分を担います。
HTMLの要素と属性/CSSのプロパティ一覧(アルファベット順)
リファレンスをもとに☆☆☆(必須)、☆☆(要チェック)、☆(一応チェック)、星なし(補足説明有り)に分類しました。
分類の基準についてはあくまで試験対策としてのものです。星の数に関係なくWebサイト作成においては重要なものもあるので、リファレンスに記載されているものはきちんと理解しておきましょう。それぞれの説明についてはリファレンスをダウンロードして確認してください。
a ☆☆☆ | ol ☆☆☆ |
area ☆☆☆ | option ☆☆☆ |
b | p ☆☆☆ |
body | param ☆☆☆ |
br ☆☆☆ | pre ☆☆☆ |
caption ☆☆☆ | select ☆☆☆ |
div ☆☆☆ | span ☆☆☆ |
form ☆☆☆ | strong |
h1~h6 ☆☆☆ | style |
head | sub ☆☆☆ |
hr ☆ | sup ☆☆☆ |
html | table ☆☆☆ |
i | td ☆☆☆ |
img ☆☆☆ | textarea ☆☆☆ |
input ☆☆☆ | th ☆☆☆ |
li ☆☆☆ | title ☆☆☆ |
link ☆☆ | tr ☆☆☆ |
map ☆☆☆ | ul ☆☆☆ |
object ☆☆☆ |
action | method |
align ☆ | multiple ☆ |
alt ☆☆☆ | name ☆☆☆ |
border ☆☆ | rel ☆☆ |
cellpadding ☆ | rows ☆☆☆ |
cellspacing ☆ | rowspan ☆☆☆ |
checked ☆☆☆ | slected ☆☆☆ |
class ☆☆☆ | shape ☆☆☆ |
cols ☆☆☆ | size ☆☆☆ |
colspan ☆☆☆ | src ☆☆☆ |
coords ☆☆☆ | style |
data ☆☆☆ | type ☆☆☆ |
enctype | usemap ☆☆☆ |
height ☆☆☆ | valign ☆ |
href ☆☆☆ | value ☆☆☆ |
id ☆☆ | width ☆☆☆ |
maxlength ☆☆☆ |
background ☆☆☆ | border-right-width ☆☆☆ | height ☆☆☆ | padding-left ☆☆☆ |
background-attachment ☆ | border-style ☆☆☆ | left ☆☆ | padding-right ☆☆☆ |
background-color ☆☆☆ | border-top ☆☆☆ | letter-spacing ☆ | padding-top ☆☆☆ |
background-image ☆☆☆ | border-top-style ☆☆☆ | line-height ☆☆☆ | position ☆☆ |
background-position ☆☆☆ | border-top-width ☆☆☆ | list-style ☆☆☆ | right ☆☆ |
background-repeat ☆☆☆ | border-width ☆☆☆ | list-style-image ☆☆☆ | text-align ☆☆☆ |
border ☆☆☆ | bottom ☆☆ | list-style-position ☆☆☆ | text-decoration ☆☆☆ |
border-bottom ☆☆☆ | clear ☆☆☆ | list-style-type ☆☆☆ | text-indent ☆☆☆ |
border-bottom-style ☆☆☆ | color ☆☆☆ | margin ☆☆☆ | text-transform ☆ |
border-bottom-width ☆☆☆ | display ☆☆☆ | margin-bottom ☆☆☆ | top ☆☆ |
border-color ☆☆☆ | float ☆☆☆ | margin-left ☆☆☆ | vertical-align ☆☆☆ |
border-left ☆☆☆ | font ☆☆☆ | margin-right ☆☆☆ | visibility ☆ |
border-left-style ☆☆☆ | font-family ☆☆☆ | margin-top ☆☆☆ | white-space ☆ |
border-left-width ☆☆☆ | font-size ☆☆☆ | overflow ☆ | width ☆☆☆ |
border-right ☆☆☆ | font-style ☆☆☆ | padding ☆☆☆ | z-index ☆ |
border-right-style ☆☆☆ | font-weight ☆☆☆ | padding-bottom ☆☆☆ |
重要度でのまとめ
これらのHTMLの要素と属性/CSSのプロパティの一覧はリファレンスとして試験時に配られますが、重要度の高いものについてはリファレンスを見ずにスムーズに記述できるようにしておきましょう。また、リファレンスは属性と要素、CSSに分類した索引がありますので、試験時にすぐ確認できるように慣れておいた方が良いでしょう。
◎必須☆☆☆
試験には必須の項目です。キーボードを見ずにスムーズにタイピングできるように何度も練習しましょう。それぞれの属性やプロパティの値についてもリファレンスを見ずに記述できるようにしておきましょう。
◎要チェック☆☆
模擬試験ではある程度出題される項目です。意味をしっかり理解してリファレンスに頼らず記述できるようにしておきましょう。
※HTMLのid属性がWebクリエイター能力認定試験(HTML 4.01対応)上級 公認テキスト&問題集 改訂3版 (FOM出版)において新たに追加されました。模擬試験にも出題されていましたので、チェックしておきましょう。
◎一応チェック☆
模擬試験や過去問題での出題はほとんどないようですが、どういった役割のものかは理解しておきましょう。
星がない項目について
html、head、bodyは重要度で言えば星4つくらい重要なものですが、重要すぎて試験では最初から記述されているので試験ではあまり考える必要はありません。
b、i、strongは文字装飾を行う要素ですが、CSSの記述で相当するものがあるため試験では出題されないようです。また、style(要素)は最初から記述されており、タグ内で指定するstyle(属性)は模擬試験と過去問題でも確認するかぎり出題されていません。
form要素の属性である、action、method、enctypeはCGIプログラムを用意しなければいけませんので、確認できる限りでは模擬試験でも過去問題でも出題がありません。