ピンデザイナーのWebサイト構築技法

colspanの復習練習問題

またまたこの表を作成してください。

1	2	3	4
5	6	7	8

そして6と7のセルを結合してください。

1	2	3	4
5	6		8

さてだいぶ時間が経ってしまったのでお忘れになってしまいましたか？
まずは手順の確認です。

1. 指定のテーブルを作成し、<td>〜</td>の間に順番に番号を入力しておく。

2. 結合するセル番号を把握する。

3. colspanを入れるセル番号を考える。例題で考えると「６番のセルが先頭になるので６番のセルのtdにcolspanを指定する。

4. 結合する数を考える。いくつのセルを1つにするのか？のいくつのの数を入れる。）0や列数以上の数字は入らない。
ポイントはいくつのセル？そう今回は「２」個のセルなので２です。

5.表示に必要がなくなった<td></td>をコメントする。

上記の方法はもちろんWebクリエイター能力試験上級対策の合格技の一つですよ！

ところで…ランキング投票していただきましたか？

まだのあなたは⇒ここをクリック

なぜ追いつけない？管理人かなり落ち込み中

Webクリエイター能力試験テキスト

Ｗｅｂクリエイター能力認定試験〈上級〉対策テキスト＆問題集 ←ご購入はセブンアンドワイで会社帰りにお引取り が確実。 現在のところ、このテキストが１番分かりやすいです。Webクリエイター能力認定試験上級は絶対にテキストがないと合格はありえません。

セルの結合colspan

セルの結合をするにはcolspan（列結合）およびrowspan（行結合）属性を使って指定します。多分この属性を聞いただけで、嫌になる。苦手意識に陥るってことありませんか？でも逃げることは、出来ません。これがあるからDreamWeaverを使用してしまうと言う方いらっしゃいませんか？Webクリエイター能力認定試験上級では、100%出題されるものの一つです。このブログを読めば理解できるはずです。

まずは、こんな表を作成してみてください。

1	2	3	4
5	6	7	8

そしてセル番号「1,2,3,4」のセルを一つにしてみてください。さていかがですか？

まず上記のテーブルを作成するコードです。

<table border="1" width="250"> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> <td>7</td> <td>8</td> </tr> </table>

そしてcolspan属性を記述してこうなります。

続きを見る前に今日のランキングは？

初級試験との違い

Webクリエイター能力認定試験「初級」はいかがでしたか？今度は上級を目指す方を対象に記述したいと思います。
やはり初級の問題が出来ないと、合格はありえません。20%は復習問題が出題されますので。サーティファイの認定基準に（以下サーティファイWebページより引用)

高度なタグおよび属性の知識を有し､HTMLファイルを自由に記述することができる｡またクライアントの意図を汲んでWebページをデザインし､作成することができる｡

というようになっていますが…。デザインは問題通りに記述を進めるのでどうか？と思われますが。いづれにしても、範囲とするタグは増えますし、きちんと理解していないと合格はありえません。

規定問題40分。但し、6問⇒10問。

自由問題80⇒120分。但し3HTML作成⇒CSSファイル修正含む7HTML

ここで一息いれましょう〜。
⇒今日のランキングチェックをお願いしますm(__)m

上級試験で追加されるもの

Webクリエイター能力試験上級では次の機能が追加されます。
1.フレーム機能
2.CSS
3.tableのセルの結合
4.メディアファイルの挿入
5.フォーム
6.イメージマップ
こんなに追加されるのです。でも考え方によっては。。。「これだけしかない」と考えることも出来ます。（笑）
やばいです。ランキングがた↓落ちです。
⇒みなさんの一票をお願いしますm(__)m
次は…それぞれのポイントを解説します。

試験の最終チェックポイント

最も試験に大切？ここさえ押さえればというポイントをまとめてみます。

もっとも配点が高いのは、そう<table>なんです。30点はこれだと思います。テーブルが苦手な方もう一度復習しましょう。絶対出来るテーブル作成技はすでにこのブログで紹介しましたよ！

<table> <tr> <td></td><td></td> </tr> </table>

テーブルの基本構造

予想される問題は、
1．キャプション（テーブルの見出し）を作成しなさい。
2．セルの文字位置を左によせなさい。
3．この行に色をつけなさい。
4．セルに画像を挿入しなさい。
以上です。タグが思い浮かばなかったら要注意ですよ！

次にリンクです。アンカーポイントを作成して…というやつです。
<a name="xxxx">飛び先</a>
<a href="bbbb.htm#xxxx">呼び出し側</a>

もうひとつ…画像の挿入です。

<img src="xxxx.jpg" border="0">

このborder="0"をつけることにより画像の周りの青い線を消すことが出来ます。問題には指定がないが、記述しないと「見本と違う」と言うことで減点-1になってしまいます。

「自由問題」でフォルダーの名前を受験番号下三桁にしなさいとか、「ページタイトルを受験番号全角で設定しなさい。」という問題が出題されます。よく問題を読みましょうね！練習のとき飛ばして問題をこなしていませんでしたか？
それでは、ご健闘をお祈りいたします。

⇒毎日のランキングチェックをお願いしますm(__)m

さて、「規定問題」が出来るようになったら「自由」問題です。
実際の試験では「80分」です。（テキストエディター使用）問題はだいたい3つＨＴＭＬを作成します。規定問題との大きな違いは最初から自分で作成する（何もないところから）というところです。
絶対合格の目安は、問題を３０分以内で完了させることです。残りは見直し時間。。。

時間短縮、15点ＵＰの虎の巻

はっきり言って、Webクリエイター能力試験は「時間」との戦いです。ほとんどこれの問題で不合格。自由問題と規定問題両方とも６０点を超えないと不合格です。（片方がたとえ100点でも）
まずは、これを見てください。

そうです。ＨＴＭＬの基本構造ですね！。こいつを頭の中へいれてください。少々強引な方法ですが、テキストエディターで１０回書いてください。それでも頭に入らなかったら…。広告の裏でも鉛筆で（笑）書いてください。これが覚えられないと次へは進めません。
ここで…あれ！と思う方がいらっしゃると思います。そうmetaタグとかDOCTYPE宣言がない！これは試験には必要なし。減点にもならない！なので余計なことは、覚えないほうがいいです。

減点にならない手抜き

試験は時間との戦いですから、余計なことはしません。生徒の試験の結果をみるとやってなくても大丈夫そうです。
画像の挿入サイズは指定がない限りWidth,hightは指定しなくても良い。示できればＯＫです。
次にこれは必殺です。（笑）
1問目の問題が解き終わって次のＨＴＭＬを作成する時最初からやらないこと！です。
そう！残りの問題は複製して修正をしてしまうのです。
たとえばＨＴＭＬ3問作成するならば、残り2問は複製して名前を、問題文のＨＴＭＬファイル名に変更しておけば良いのです。
すると、少なくても15点はＧＥＴ出来てしまうのです。（もしかしたらもっとかも？）基本構造書いただけでも、5点ゲットできます。
ページの背景画像とかテキスト、リンクテキスト、訪問済みテキストなどのbodyタグの要素はほぼ同じですから。この技は有効です。
もしも2問しか解けなかったとしても、この方法さえ実行していれば、絶対合格です。
⇒今日のランキングチェックをお願いしますm(__)m

ショッピングカート開発

学習方法

まずテキストのサンプルというか「問題」をひとつずつメモ帳で入力して「タグ」の使用方法を確認していきます。ここでの学習のポイントは、「入力」してブラウザで「プレビュー」してみる。ということです。テキストを読むだけでは、身になりません。この入力と言う作業が大変大事になります。
テキストには問題の上に「タグ」の使用方法がついています。試験の時なんとうれしいことに、「リファレンス本」（カンニング本）が配布されます。記述方法がほぼ同じです。なので、慣れてしまえば…。使ったことがないタグが試験に出題されたとしても、なんとかなります。およそ１５時間ぐらいを目安としてください。

規定問題の虎の巻

練習問題が全て終わったら、模擬問題！！まずは規定問題に挑戦です。試験本番では「４０分」で完了しなければなりません。全部で問題集には４問ありますので、十分だと思います。
さて、一回目ですが、自信のある方は、何も見ないでトライしてください。危ないかも〜って感じる方は、テキストの本文を参照して問題を解いてください。
ここからが重要！次の模擬問題へは絶対いかないことです。
次の問題にトライするのは、時間にして３０分を切った時です。それまで、同じ問題であろうがやらなければ駄目です。
このWebクリエイター能力試験では、出題パターンがほぼ同じ。文章が変わっているだけだからです。
暗証できるぐらい問題をやってください。
教えている生徒（合格した）は大体平均で２０分ぐらいで完了しています。
Webクリエイター能力試験「規定」対策はこんなところです。規定問題がクリアできたら「自由問題」にチャレンジしましょう。ご健闘をお祈りいたします。
⇒ためになったらクリックをランキングチェック

準備するもの

何をするにも道具がなければ出来ません。（笑）最低の道具をそろえましょう！まずはwindows付属の「メモ帳」（テキストエディター）

Webページレイアウトソフト「DreamWeaver」やホームページビルダーなどのソフトは必要ありません。（きっぱり）そのソフト習得に時間がかかります。ソフト代金がかかります。FC2ブログ作るときに使用できますか？最初からこれに頼ってしまうと、上級合格への道も遠くなります。Webページレイアウトソフトはあくまでも生産性を上げるためのツールです。いきなりそういったツールを使わせるような、手法を取るのはただお金を使わせるという目的だけです。

次にテキスト。これは下記に紹介する問題集でいいでしょう。（と言うより一般に流通しているのは、この一冊だけ？）

Ｗｅｂクリエイター能力認定試験〈初級〉対策テキスト＆問題集 価格：3,600円 ⇒ご購入、詳細はこちら お仕事帰りでも本が買える！セブン-イレブン受取りができるセブンアンドワイ