SSブログ

モアイのゲーム古代遺跡日記

モアイの興味のあるゲーム、あとたまにHPも作ってるのでホームページに関することも書いていきます。主にドラクエ・FFシリーズ、オンラインのサミタに興味があります。

 

カテゴリー:ホームページ お小遣い

ホームページ お小遣い ブログトップ
前の1件 | 次の1件

WEBクリエイター上級試験の出題形式はこんな感じ。 [ホームページ お小遣い]

WEBクリエイター上級試験にはどのような感じの問題が出て、どのように解いていくのかという流れをつかんでもらうためにモアイが簡単な例題を作ってみました。

モアイレベルの作った例題なので、ためになるかどうかはあやしいですが、興味ある方は解いてみてくださいね(;^_^A アセアセ・・・

まずその前に試験の流れを説明しておきます。

①試験前に問題用紙と問題に必要なファイルの入ったUSBが配られます。

②試験が始まるとUSBのファイルに問題用紙で指定された設定を加えたり、ファイルを作成したりして問題を解いていきます。

③解き終わった問題は保存します。

①~③作業の繰り返しで問題を解いていきます。

HTML/CSSを覚えていれば問題自体はさほど難しくはありませんが、考えずにすらすらと打ち込めるくらいでないと時間が足りなくなります。

出題範囲はほぼすべての範囲から出るので、HTML/CSSはしっかりと覚えてくださいね。

では本題に入ります。

◆まず下記の図をご覧ください。

例題1.JPG

上図のソースは下記のようになっています。

-------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--

h1{
 color:#990099;
}

-->
</style>
<title>例題1</title>
</head>
<body>
<h1>WEBクリエイター試験のための例題1</h1>
<p>簡単な問題を作ったので例題を解いてみましょう<br>
どんな形式で問題がでるのかという感覚だけでもつかんでもらえればと思います。</p>
<p>この試験に合格する一番の近道は「過去に出題された問題を解く事です。」<br>
時間配分やタグの打ち間違いに注意しましょう。</p>
<p>上の「」内の文章をブログの記事にて指定した設定にしてみてください。</p>
</body>
</html>

-------------------------------

◆例題

文章の「」の部分にstyleクラスyellowとして下記の設定をしてください。

文字色:#ffff00
背景色:#000000
文字間隔:150%
フォントサイズ:180%
文字装飾:下線
文字の太さ:太字

-------------------------------

解答参考図は下をご覧ください。

例題1(設定済画像).JPG

上図になるように設定してみてください。

解答ソースは下になります。

-------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--

h1{
 color:#990099;
}

.yellow{
 color:#ffff00;
 line-height:150%;
 font-size:180%;
 text-decoration:underline;
 background-color:#000000;
 font-weight:bold;
}

-->
</style>
<title>例題1</title>
</head>
<body>
<h1>WEBクリエイター試験のための例題1</h1>
<p>簡単な問題を作ったので例題を解いてみましょう<br>
どんな形式で問題がでるのかという感覚だけでもつかんでもらえればと思います。</p>
<p>この試験に合格する一番の近道は<span class="yellow">「過去に出題された問題を解く事です。」</span><br>
時間配分やタグの打ち間違いに注意しましょう。</p>
<p>上の「」内の文章をブログの記事にて指定した設定にしてみてください。</p>
</body>
</html>

-------------------------------

色を変えてある部分が解答となります。実際の試験でもこのような流れで問題を解いていく感じになります。

ただしこの記事では画像やソースは載せないと分かりにくいので載せていますが、試験では表示ページ、ソース内容は自分で確認しながらやってくださいね。

ちなみにモアイは下の本で勉強しました。WEBクリエイター上級の資格を取るための参考書&問題集です。

これ1冊あればHTML/CSSの知識はもちろん過去問題や模擬試験などの問題もついてますので、この本をしっかりと勉強すれば資格を取るには充分かと思います。

Webクリエイター能力認定試験上級公認テキスト&問題集 改訂―HTML4.01対応 (よくわかるマスター)

Webクリエイター能力認定試験上級公認テキスト&問題集 改訂―HTML4.01対応 (よくわかるマスター)

  • 作者:
  • 出版社/メーカー: 富士通オフィス機器
  • 発売日: 2011/06
  • メディア: 大型本

モアイは1年半ほど前に資格を取ったので、2009年度版で勉強しましたが、2011年度版が出ていたのでこちらの方を紹介してます。本試験でもこの本とかなり似たような問題が出るので参考にしていただければと思います。

ご訪問ありがとうございます<(_ _)>
人気ブログランキングへ

スポンサードリンク

前の1件 | 次の1件 ホームページ お小遣い ブログトップ
ザトラル

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。