ウェブデザイン技能検定2級（過去問と実技サンプル）

今日は天気が悪いので、部屋にこもって勉強三昧。
まさに晴耕雨読。
明日がウェブデザイン技能検定2級の試験日なのであります。

とりあえず、最初の目標は起きることです。

その次の目標は会場に着くことです。

その後は、

学科試験を受けるのが目標です。

学科試験で合格基準に達するのが目標です。

実技試験を受けるのが目標です。

実技試験で合格基準に達するのが目標です。

1つずつ目標を達成すると、最後のゴールまでいけそうな気がします。
まずは、最初の目標「起きること」。

これができるようにがんばります。

まさに成功雨読。

【学科対策】
正直、公式サイトにのっている過去問をするのが一番の正解。
でも、それだけだと不安な場合は下記もどうぞ。

ひまつぶし問題 2級学科 mimiのウェブデザイン技能検定 超入門
http://www.asahi-net.or.jp/~yu3d-mnm/class2.html

ウェブデザイン技能検定2級　解答速報＆解説　 fukazone
http://fukazone.com/blog/webdesign-01.html

ウェブデザイン技能検定2級　解答速報＆解説　後半 fukazone
http://fukazone.com/blog/webdesign-02.html

合格者のページ見てると、合格できる気がします。
※個人差があります。あくまで、気です。

類似の問題が、毎回出ているみたい。

【実技対策】
youtubeにあった。

ウェブデザイン技能検定 対策講座 2級 課題1 画像ファイルの作成【アテイン】 – YouTube

課題1だけですか～！！

http://www.attainj.co.jp/online_shop/index.php?mode=mbs&id=22

誰でもわかるウェブデザイン技能検定 対策講座　2級(全1巻）

制作年度： ２０１０年
制作/販売： アテイン株式会社
メディア： DVD
時間： 58分
価格： ￥12,600（税込）
型番： ATTE-642

ってことで、12000円も出せないので適当に2級の実技をやってみる。

2級の実技演習

素材は、ウエブデザイン2級の平成25年度の4回目を。

作業 1 仕様

･ 幅 800px 高さ36px 内で4 つのメニュー項目を作成すること(各々のメニュー項目の幅は任意とする)。
･ 解像度 72ppi(dpi)
・GIF 形式
・256 色
・ロールオーバーのためにメニュー項目毎に、視認性のためのコントラスト（十分に異なる色相・明度差）に配慮した2種の統一感のある画像を作成すること。
・ナビゲーションの項目は次の表記とすること。
　　HOME、概要、ウェブデザイン技能検定、FAQ

作業 2 仕様

･幅 800px 高さ40px
･指定された画像より 2 つ選択し、適切な状態に加工して必ず使用すること。
img001.bmp、img002.jpg、img003.png
･バナー広告に掲載する情報は次の素材テキストファイルの文章をもれなくすべて利用すること。
テキストの文字は可読できること。
banner_copy.txt
･アニメーションでいずれかの要素が変化(動き・切替等)する設定がされていること。
･アニメーションファイルの容量は500k バイト以内とすること。

作業3 仕様

･ページタイトルを「ウェブデザイン技能検定公式サイト」とすること。
･ページ上部に、バナーとして作業 2 で完成したアニメーションファイルを配置すること。
･ブラウザウインドウ内に、CSS で幅800px のコンテンツエリアを作成し中央に配置すること。
･コンテンツエリアは任意の背景色をCSS で指定すること。
･ナビゲーションはウェブサイトのサイトヘッダ部分下部の800px×36px のエリアにグローバルナビゲーションとして、
　作業1 で作成した画像ファイルを配置すること(HOME、概要、ウェブデザイン技能検定、受検申請の順で配置する)。
･グローバルナビゲーションでは、マウスポインタが画像の上にある時だけその画像の替わりに別の画像を表示するロールオーバー機能を、作業1 で作成された各項目につき2 種の画像を用いて実装すること。
　ロールオーバー機能はCSS またはJavaScript によって実装されなければならない。
・コンテンツエリア下部(フッター)にグローバルナビゲーションと同じ名称、同じ順にてテキストナビゲーションを配置すること。

作業4 文章を構造化して配置する

作業1～作業4までの集大成。

//arison.jp/sample/t4/

作業5a

これは選択しないよ！　絶対。うん。

作業5b

index.htmlの一意セレクタchangeで指定されたリンクをクリックすると、
一意セレクタcontentsで指定されたブロックの内側(上下左右)に10pxの余白が出てくるようにしなさい。
q5.js以外のファイルを編集する必要はない。

//arison.jp/sample/t5b/

About arison

大都会岡山の南部にある玉野市生まれ。 大都会岡山のIT会社（目標は大都会No.1）でコンピュータとお客を相手に日夜格闘中。 関東出張中はグルメブログ。 基本的に遊び人のおっさん。 ライフハックとガンダム好き。ギガフロート玉野を浸透中。

20. 2月 2016 by arison
Categories: 日記, 仕事, サイト運営 | Tags: HTML, Web, 資格 | Leave a comment