Saya log

日々・思い・愛・夢・妄想を打ち綴るアラフォーの備忘録

Webクリエイター能力認定試験 独学テキスト

7年ぶりにwebデザインを勉強するにあたり、何か目標があったほうが独学がはかどるだろうという思いから、WebPhotoshopのクリエイター能力認定試験(エキスパート)を受験しました。

 

Webクリエイター能力試験とは、WEBデザイナー、クリエイターに必要とされるデザイン、コーディングの基本スキルを認定する試験です。

初心者向けの「スタンダード」と経験者向けの「エキスパート」と2通りあり。

ソフトはテキストエディタでタグ直打ち、もしくはDWを選択して受験します。

 

クリエイターと言いながら、クリエイティブ要素はあんまりありません。

バナーなどの素材は用意されてます。(素材を作るためのフォトショ、イラレを学ぶ試験はまた別にあり)

Photoshopクリエイター能力試験 合格 - saya log

 

言うならば「タグ打ち(HTML/CSS)基礎能力認定試験」と名乗るのが正しいのでは無いだろーかと個人的には思う。

 

 

私は一応経験がある為エキスパートから受験。

ソフトはチキン野郎なのでDreamweaverを選びました。

プログラマーとか目指さない限りDWで十分だと思います。

 

f:id:saya_log:20160311151220j:plain

結果は3週間で郵送で届きます。無事合格!

独学で受験される方への参考になればと、実際に使ったテキストと勉強法をご紹介ます 

 

 

 

 

 

 

 webクリエイター能力試験HTML5・エキスパート受験対策に使用した本

 

何ごとも基礎から。なにこの呪文みたいなの~とあきらめないで
できるホームページHTML&CSS入門

できるホームページHTML&CSS入門
価格:1,706円(税込、送料別)

HTMLとCSSの基礎の基礎を復習すべく購入し直しました。

 

なにこのアルファベットの羅列wwwわけわからんwwwという初学者の方も、この本のとおりにメモ帳で打っていくとだんだん楽しくなってきますよ~

そしてご自身でブログをお持ちなら、

(ちょっとテンプレいじってみっぺか・・)とか、そんな気持ちが芽生えたなら。

きっとこの試験勉強を楽しめるはず。

 

この本にハマらなかったアナタはきっと適正が無いのでしょう。。(あきらめて)

見極めの意味もこめて、最初はまずこれ一冊だけ買いましょう

 

 

富士通テキストの使いやすさも(MOS受験で)知っているので悩みましたが、教会発行の公式テキストを使いました。

実際にタグ打ちをしながらサンプルサイトをごりごりと作成し、実践的にHTML/CSSの意味を覚えていきます。

知識問題もバッチリカバーしております。

とりあえず、この本を一週間位で一通りこなしたら、完璧状態でなくていいので

Webクリエイター能力認定試験(HTML5対応版)エキスパート 問題集

サーティファイのサイトから直接購入です

本番さながらの過去問題で、試験の形式とタグ打ちに慣れていきます。

3回はやりましょう。

1回目→時間をはかって本番さながらに。間違ったところを復習

2回目は解説や、前出のテキストを振り返りながらじっくりと。

3回目以降はこれまた本番さながらに、毎回90点以上を目指しましょう

 

試験直後にすぐ売っぱらった為ウロ覚えですが、本番同様の問題が4つ入っていたと思います。問題4つ×3回を上の方法でまわせば十分合格圏に届きます。試験形式が本番と全く一緒で、落とす為の試験ではありません。

 

 

ドリで受ける方も、この3つのタグだけはソラで打てるようにするの推奨

1 <link rel="stylesheet" href="css/style.css">

2 <script src="js/slideshow.js"></script>

3 <img src="画像のURL">

 

先にも書きましたが、この試験クリエイター要素はほぼありません。

スタイルを要素づける「css」の属性と値は全て問題文に指示されているのです。

本番では、問題文から正しくコピペすれば大丈夫。

 

HTMLはというと、こちらもリファレンスが配布されます。

ですが、私は見る余裕はありませんでした。

DWならば最初の一文字を打てば候補のタグが出てくれますが。

本番では緊張したら何をしでかすかわかりません。

この3つのタグだけは、ソラで打てるようにしておくと安心!と個人的に思います。DWで受ける人もこれだけは手打ち出来るようにしてほしいと思う。

 

 

手打ち推奨の理由

1のタグが書けないと、当然ですがスタイルシートが反映されません。いくらCSSファイルを正しく書いていようが、そのファイル自体を正しく指定しない限り、見た目はうんともスンとも変わらないベタ打ちのまま。
本番でそんな状況・・考えただけで恐ろしくないですか~

周りはオシャンティなHPにどんどん変わっていくのに、自分の画面だけは。。。

きゃー 私は恐ろしいです

逆にいえば、これが書ければ第一関門突破です

 

2のタグを間違うと、ヘッダーのスライドショーが切り替わりません。

周りは綺麗に写真が切り替わっているのに、自分のヘッダーは。。。。静止画。。。

考えただけでも恐ろしくないですか~っ 私は恐ろしいです

ぷwww あいつ静止画wwww とか思われそうじゃないですか(被害妄想)

 

そして

ロゴや写真を挿入する際は、3の「img」タグで画像ファイルを指定するわけですが、それにはファイルを保存しているフォルダの階層を把握している必要があります。間違った場所を指定している限り、当然画像は表示されません。本番でそんな状況、考えただけで恐ろしくないですか~っ 私はry

 

そうならない為に、つねにフォルダの階層を意識して、今触ってるファイルと指定したい画像の位置関係を把握する事が大事です。

 

この3つ、全部見た目の話です。この3つさえクリアできればもう受かったも同然。あとは心落ち着かせ、残りの問題をひとつひとつ丁寧にこなしていくだけの易しい試験です。

なんか色々脅かしましたが、これらは過去問回しているうちに勝手に指が覚えるので大丈夫です

 試験終わったらもう忘れてます。

 

テキスト選択、コピペのショートカット操作に慣れておきましょ~

DWで受験する場合は制限時間が90分、メモ帖のタグ打ちだと120分です。
本番では時間を気にして、普段しないようなケアレスミスも考えられます。
コピペ、貼り付けのショートカット操作に十分慣れておきましょう!!

 

 楽天ブックスWEBクリエイター能力試験テキスト

 

 

 (あとがき)

この資格があれば就職転職バッチリ!とは思いません(新卒の方は知らんけど)

やはり現場で使い物にならなければ意味はありません。

これで勉強したらバイトでも派遣でもいいから現場に入って、怒られ恥かき泪しながら身に着けるのが一番だと思います。

事務系ソフトもですが、パソコンは現場で必要にかられる毎にグーグル先生のお世話になり、汗かき恥かき怒られながら覚えるのが一番です。

 

---

(どうでもいいあとがき)

某関東住まいなのですが、Html5/Dreamweaverで受験希望したところ、開催校が隣の県にしか無く、わざわざ電車で1時間半かけ見知らぬ土地で受験しました。

たぶんもう2度と行くことが無いであろう土地。

聞けば1時間半などまだ可愛いほうで、隣の隣の県からの受験生もいたとか。もっと開催する学校が増えたらいいのにね。しかもさんざん↑で「周りの画面は・・」とか脅しておいて何ですが、受験生は私一人でした。

お隣ではご年配の主婦の方が楽しそうに絵葉書づくりに没頭しており。

実家のリビングにいるような感覚でまったり受験できました。

 

 

 

にほんブログ村 デザインブログ Webデザインへ

今は参加してませんが、

役立つサイトがたくさんあります

 

保存

保存

保存