Webクリエイター能力認定試験：合格までの体験談（その３）

この記事では、私がWebクリエイター能力認定試験（エキスパート）に合格するまでの勉強過程を残します。

私が現在受講しているのは、職業訓練センターでの合計10回（30h）の講座です。

最終的にWebクリエイター能力認定試験を取得するための勉強です。

こちらついては下記の記事をご覧ください。

【3日目】Webクリエイター能力認定試験講座

今回の講義内容は、サンプルサイトのTOPページをテキストを見ながら、作っていくという内容でした。
サンプルサイトと言っても土台は作成してあって、フォント・画像・ボックスのスタイル・要素の位置変更・文字列の影を設定する内容でした。

ほぼPCでの操作でかつ、HTMLとCSSを行き来するので頭がクルクルしてくる感覚を覚えた回でした。

そのためか、Alt＋Tabのショートカットキーが大活躍でした。

これってIT企業の実務に携わっている人なら無くてはならないほどのショートカットなのに、講座では先生は教えていませんでした。

（教えることで無駄な質問や打ち間違いが増える可能性があるからかな・・・と後で気づく）

このブログでも画像はたくさん多用してきましたが、代替テキストがここまで重要だとは思ってもいませんでした。
こういった細かいルールみたいなものを学ぶためにも講座を受けたかいがあったなと感じました。

ボックスの構成は「何これ、難しそう」と今まで見てみぬふりをしてきましたが、ここで立ちはだかりました。

このボックスの構成を理解するのってWebサイトを作る上で結構大事だなと改めて感じました。

昔、お客様から「これの位置をここにもう少しずらして、この余白を少し縮めて・・・」とフッター部分で細かい要望を言われたことがあったのですが、それをWebの担当に伝えたところ、「パディングを調整して・・・マージンをなんとかかんとかをなんとかして直したよ」と言われたのを思い出しました。

今更「これのことか！！！」とつながりました。

また、要素の表示位置変更では、positionプロパティの意味がスッと入ってこず、言われたまま打ち込んで凌ぎました。

「これ大事なのかなぁ、できればあんまり使いたくないな」と言うのが本音です。

今日確信しました。

ブロガーとWebサイトの営業マンは勉強するべきです。

あと、Webサイトは誰でもソースが見れるので見るべき人が見れば、作った人の知識やレベルがどれほどのものかわかるんだろうなと思いました。

今回も大変勉強になりました。

テキストだけのページに対して、画像を挿入→その画像の上に見出しを置く→見出しの文字列に影をつけることでグッとプロっぽい見栄えになりました。

WordPressしかまともに触ったことのない私は、「こういう作業の積み重ねで綺麗なサイトが作られていくんだなと」眼から鱗でした。

また今回は比較的分からないことが多かったのですが、次々に進んでいくペースが逆にいいと感じました。

多分、独学をしてたらここで足踏みして、そのあと次第にモチベーションが下がって放置するだろうなと・・・

次回はTOPページ作成の後半に進みます。