WordPressテンプレート制作、ウェブデザイン技能検定に挑戦中

前の記事:GIF形式は国際標準化されていません
HOME
次の記事:過去問題解説で不適切な解説がありました

ウェブデザイン技能検定2級実技試験対策

16件のコメント ウェブデザイン技能検定|資格試験

 

試験日は明日に迫っていますが、実技試験対策の動画が完成したのでまとめておきます。

また、公式サイトの新着情報欄にて実技試験概要が公開されています。ざっと見た感じ今までと同じようですが、一応確認しておくといいでしょう。

 

 

課題1

 

 

Photoshopを使用したナビゲーション画像作成です。Photoshopに触れた事がなくても、レイヤー構造に対する理解があれば、試験日までに数分Photoshopの操作を確認しておくだけでなんとかなりそうな印象です。

 

 

課題2

 

 

Adobe Animate(旧:Flash)を使用したアニメーションGIFバナー作成です。動画で臨んでいる課題では、SWF(Flash)かGIFか作成するファイルを選択出来るのですが、GIFで作成するやり方を覚えた方がいいです。というのも、現状、主要ブラウザがSWFの再生に必要なFlashプレイヤーサポート廃止の方向に進んでいます。ブラウザで確認出来ないとなると、SWFの選択肢が消える日もそう遠くないのではないかと推測します。

Adobe Animateを軽く触った感想ですが、少し癖のあるソフトという印象を受けました。今までフリーソフトでそれなりに動画編集をしてきたつもりですが、Adobe Animateで画像の取り扱いやアニメーションを付けるのに慣れるまでそれなりの時間が掛かりました。一度も動画編集をした事がない方は早めにこのソフトに触れておいた方がいいです。

なお、Adobe Animateを使わなくともPhotoshopでアニメーションGIFを作成する事は可能です(Photoshopメニューバーからウィンドウ →【タイムライン】を選択します)。私は試していないので解説は出来ませんが、実試験前にAdobe AnimateとPhotoshopを触ってみて、自分がやり易いと思った方でアニメーションバナーを作成出来るようにしておきましょう。

 

 

課題3-4

 

 

課題3と4はコーディングアシストソフト、Dreamweaverを使ってHTMLファイルとCSSファイルを作成します。課題1、課題2で作った素材を使用するので、実質課題1から4まで通し作業になります。

Dreamweaverによるコーディングアシストがあるので、3級の実技試験を参考資料無しでクリア出来るレベルであれば、課題3と4は問題無くこなせると思います。

 

 

課題5

 

最後の課題は動画にはしていません。課題5はaとbの2つから一つを選択する形になります。

課題aは資料に基づいたデータ送信フォームの作成です。テキストデータの置き換えで正規表現を用いる必要があり、bと比較すると作業量が段違いに多くなります。

課題bはJavaScriptによるDOM操作です。jsファイルに1、2行コードを追加するだけなので、ほとんどの人が課題bを選択すると思います。私もそちらを選択するつもりです。

以下は実技試験過去問題の解答例です。

 

問(H28第3回試験)

data2 フォルダの q5b フォルダ内にある q5.js を編集し、同フォルダ内にある index.html の id 属性の値 change が指定されたリンクをクリックすると、id 属性の値 contents が指定されたブロックの文字の色が赤になるようにしなさい。q5.js 以外のファイルを編集する必要はない。完成した q5.js は、表示に必要な他の HTML ファイルなどとともにデスクトップ上の wd2 フォルダ内に t5b というフォルダを作成し保存すること。

index.html
(略)
<p><a href="#" onclick="change();" id="change">変更</a></p>
<p id="contents">テスト</p>
(略)
q5.js
function change() {
// ここにコードを記入する
}

q5.js
function change() {
 var obj = document.getElementById('contents');
 obj.style.color = '#ff0000';
}

 

問(H28第2回試験)

一意セレクタ contents で指定されたブロックの文字のサイズが 20pt になるようにしなさい。※前後の問題文省略

index.html
(略)
<p><a href="#" onclick="change();" id="change">変更</a></p>
<p id="contents">テスト</p>
(略)
q5.js
function change() {
// ここにコードを記入する
}

q5.js
function change() {
 var obj = document.getElementById('contents');
 obj.style.fontSize = '20px';
}

 

問(H28第1回試験)

一意セレクタ contents で指定されたブロックの背景の色が #ffffff になるようにしなさい。※前後の問題文省略

index.html
(略)
<p><a href="#" onclick="change();" id="change">変更</a></p>
<p id="contents">テスト</p>
(略)
q5.js
function change() {
// ここにコードを記入する
}

q5.js
function change() {
 var obj = document.getElementById('contents');
 obj.style.backgroundColor = '#ffffff';
}

 

 

var 変数名 = document.getElementById('対象要素のID名');
変数名.style.CSSプロパティ(※) = '';

※ハイフンを取り除き、ハイフン後の頭文字は大文字にする

課題5のbも、急に課題内容が変わらない限りは上記のコードの形さえ覚えておけばなんとかなります。Dreamweaverのコーディングアシストもあるので、ド忘れしても諦めず、覚えている事を打ち込んでみて、答えに辿り着けないか試してみましょう。

 

 

ウェブデザイン技能検定2級実技試験対策

16件のコメント▲コメントを非表示

アニス2017-05-17 07:37:42

こんにちは。2級を今度受けようと思っています。 普段Photoshopを業務で使わないので、 画像の複製の仕方などがイマイチよく分からなかったのですが、動画にしていただき非常に助かっています! 繰り返し過去問を解いて、合格できるよう頑張ります

返信

トーシロ2017-11-09 23:23:33

普段ウェブ制作に携わっていないため実技の勉強に困っていたら、このブログに辿り着きました。 動画での解説最高です。 ありがとうございます。 来週の試験に活用させて頂きます。

返信

国家資格 ウェブデザイン技能検定2級2018-12-06 17:45:13

[&#8230;] とても参考になったサイト:レアカードのWEBデザイン日記 [&#8230;]

返信

ウェブデザイン技能検定2級の対策を考える | PCいろは2019-04-15 00:28:09

[&#8230;] &#12454;&#12455;&#12502;&#12487;&#12470;&#12452;&#12531;&#25216;&#33021;&#26908;&#23450;2&#32026;&#23455;&#25216;&#35430;&#39443;&#23550;&#31574; | &#12524;&#12450;&#12459;&#12540;&#12489;&#12398;Web&#12487;&#12470;&#12452;&#12531;&#26085;&#35352;Wor [&#8230;]

返信

カネゴン2019-05-10 11:35:33

2級受かりました!公式テキストは古いしとても不安だったので、色々探していたらこちらと、過去問クラブのサイトにたどり着きました。とくにこちらのアニメ制作手順の動画は有難かったし、問題解説の所々のコメントにも勇気付けられ、ガッチリ勉強することが出来たおかげさまです。ありがとうございました。

返信

にゃ2019-11-26 22:59:07

もうすぐテスト受けるものです。 こちらのサイトはとても見やすく丁寧に解説してくださってるので 助かっています^^ テストまで励みにさせていただきます。

返信

Williamprita2020-09-05 11:34:05

Our porn spoil offers to utilize watching the brightest and most incensing porn videos of the a-one porn studios. We are contentedness to generate our viewers most astonishing dormant that object identify to any groupie of porn with any preference. Here you can event note of the video with captivating plots that created former lionized porn teams’ studios which are walking on aerate their users with its high-quality over delight in regularly. We be dolour with numerous variants of untied porn in behalf of viewers with dissimilar preferences, there are videos from the most inventive teams such as: Digital Playground, Truth Kings, Mofos, Brazzers, Wicked. Each of these sections has a strapping bevy of clips, so each caller with peculiar preferences will-power be decidedly euphoric with them. Each Studio has its own shooting features, choices on curriculum vitae diagonal and the cast. Here, all users could shoplift mind of an high-minded high-quality video of these porn town: https://house.porn/studios and xpuretaboo.com/

返信

Scottilled2020-09-07 17:07:12

Jul 13, 2018 at 10 40 pm.With plenty of options to express himself musically, he s comfortable playing to suit the songs when he s with Steely Dan.All our products are built for African conditions.Рњ , , , ,.Ultimately, the moral of Modi s trip to Europe is that the ball lies in India s court. https://gispunopgezabonlajanzworlturotve.xyz

返信

Scottilled2020-09-07 17:10:57

In fact his stage fright was so great that he became physically ill before each Teddy Bear show.Impersonal love is that for an object, principle, or goal that a person may be deeply committed to or greatly value.That sound effect was previously used in some episodes of The Penguins of Madagascar TV series on Nickelodeon.Hoy si salimos los dos Aunque estГ n contra el reloj Ya no hay nada que nos pare Nos llama la habitaciГіn.In the bathroom, Sam is breaking into sweats and breathing rapidly, struggling to keep control of himself. https://leafoparvelulibopenhoopsnaditi.co

返信

WilliamPig2020-09-12 03:00:30

Wilson now regrets leaving.Black Ink Crew follows the lives and relationships of a New York tattoo squad as they embark on new business ventures.A Power Nap Might Save Your Life Science confirms that napping can help beat the post lunch slump and boost cognitive performance, but now there is evidence that a siesta could also save your life.New Riders of the Purple Sage.It was the music they heard on the radio, the music they danced to. http://fordrerilblackbearerwhisperfire.xyz/23/untitled-tien-tien-cd.php

返信

kupiti-termopaneli2020-09-12 03:20:53

<a href="https://www.термопанели.москва" rel="nofollow">купить термопанели здесь</a>

返信

jisqwzskarp2020-09-23 12:42:33

<a href="https://vk.com/simplesalesma/" / rel="nofollow"> Продвижение в VK недорого </a>

返信

DonaldPheme2020-10-02 18:53:23

The tone is dark and gritty with grinding synths and foggy atmospheres.Latin America proved a particularly fertile ground for psychedelic rock.Stairway to Heaven Decidedly one of the most sought after songs on classic rock radio, this is one of the great points when Led Zeppelin was at their most progressive.Ten ЕѕГЎr, Еѕe mЕЇj svД›t je jako slunce ZamilovГЎvГЎm se.Similarly, many revelations about Trump that Woodward ferreted out betray concern largely about Trump s unstable temperament and capacity for sober decision-making. https://thfulinparsewawi.askemolaluacassoadongvimembgreasam.co Jim Dale - Early Years CD.I m about to lose control.The package prioritizes 6 strategies and 22 interventions addressing the risk factors highlighted above, and provides guidance to Member States on their implementation to save lives and meet the road safety target of halving the global number of deaths and injuries from road traffic crashes by 2020.The African rhythms, electro nuances and funkier elements on the album helped establish it as a seminal game changer for the face of popular music.Of the new album, Nugent commented, The music made me do it.

返信

JustinTig2020-10-12 22:19:07

Stroke It Noel 2.Pre-Chorus Zion Tu sensualidad me atrapa Y nose si aguante un minuto más Sin un beso robarte.For those who grew up with three-minute songs, bands playing instruments, and the raw aesthetic of early Rock and Roll, Disco was part of a new problem.This will download a ZIP file to your computer, containing all the audio files for the grade in.They were a little bit of a joke.MULTIMEDIA SECTION FOR EACH ALBUM Includes the albums The Doors, Strange Days, Waiting for the Sun, The Soft Parade, Morrison Hotel, Absolutely Live, LA Woman, Other Voices, Full Circle and American Prayer.Comic 1242, dated 7th May, 1966.David Lean would go on to direct Lawrence of Arabia, a far more superior drama and it would be a much grander picture in scope and execution.Và nếu họ cầm súng một cách lỏng lẻo thì vòng sẽ lùi về phía sau và đi xuống áo sơ mi của họ Loại xấu hổ.Yahoo was their customer. http://reletebircendtisjasohhendrondestking.co/13/stories-behind-the-answers-jemset-jfma-2008-file-mp3.php

返信

BrendaHig2020-10-20 03:05:48

Hello. Мой ник Ольга. Запустите "шаг за шагом" проверенную систему, которая принесет Вам реальный заработок и влияние! 3-5-6000 рублей в день на автопилоте... <a href="https://ur-l.ru/Ny6I7" rel="nofollow">Скачать систему</a>

返信

CharlesLip2020-10-28 01:29:14

Познания, какие вам казаться не отыщете в горизонтах сети интернет, таким образом равно будто они закодированы/ заархивированы во клеточках вашего рассудки. <a href="http://akademiya-centr-sveta.ru" rel="nofollow">http://akademiya-centr-sveta.ru</a> С носителя ко носителю причина познания переходят с через активации Первоначальной клеточки памяти, с через телепатической коммуникации также инициаций. Данное ваша Первичная комната памяти водит вам ко синхронизации со ней, для того воеже повернуть новейшую жизнедеятельность, переключиться тама, в каком месте вам начисто рады. Бросьте корректировать всегда без исключения в таком случае, то что вам никак не удовлетворяет во существования. Возьмите всетаки без исключения со симпатией также переключаетесь. Вам ожидает вдосталь новейшая жизнедеятельность, абсолютная магии во активном Наличии Помощи, Влюбленности также опеки об Вам Верховными Мощностями.

返信

コメント

カテゴリ

月別アーカイブ