CIW News Flash Webは習うより慣れろです [まぐまぐ！]

2008/03/05

CIW News Flash Webは習うより慣れろです

■■■　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　■
■■　　　　　　CIW News Flash - IT 知識を武器にしよう - 　　　　　 ■■
■■ 　　CIWって何？　CIWを知ろう、学ぼう、IT基礎力を高めよう！　　 ■■
■　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　■■■
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　　　　　　　　　　　　　　　　　　　　　　　　　　2008/3/5　No.23
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

春一番も吹き始め、昼間はだいぶ暖かくなってきました。まさに三寒四温の
季節到来です。みなさま、風邪などおひきになられていませんか？
季節の変わり目ですので、十分に気をつけてくださいね。

CIWをより深く知っていただくために、毎週水曜日、みなさまにCIWのサンプル
問題から読み解く、IT知識応用術をはじめ、CIWの最新ニュースなどをお届け
しています。毎週欠かさずチェックしていただけると幸いです。

　index-----------------------------------------------------------------
　01. とっておき、注目ニュース！
　02. CIWサンプル問題
　03. コラム　-　Webは習うより慣れろです
　04. 1週間の Webサイト新着情報
　05. CIWサンプル問題・解説

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　01.とっておき、注目ニュース！
───────────────────────────────────

◆◇◆　　　PTJ公式インストラクターセミナー　受講者募集中　　◆◇◆

CIWファンデーションVer.5リリースに伴い昨夏ご好評いただいた
「Ver.4 インストラクタ研修」に差分ポイント講座をセットにした
第1回 PTJ公式 Ver.5インストラクタセミナーを開講いたします。

受講対象者

・CIWファンデーション試験合格者で、インストラクターにご興味をお持ちの方
・既にCIW認定インストラクター（CIW-CI）資格をお持ちの方
・パートナー企業または学校に所属されている先生方

◆◇◆　講座詳細　

講座名称：『CIW-JAPAN公認インストラクタトレーニングアカデミー』

講座内容：1）Ver.5　試験重点項目の指導ポイントの解説。
　　　　　2）Ver.4とVer.5の差分解説
　　　　　　（現在Ver.4を教えている方には、Ver.4とVer.5の違いを
　　　　　　　ポイント解説）

使用教材：公式テキストV5.0

開催日時：2日間コース
　　　　　平成20年3月27日（木）10：00～17：00（受付 9：30～）
　　　　　平成20年3月28日（金）10：00～16：00
　　　　　　※15：00～質疑応答の時間といたします。

開催会場：市ヶ谷健保会館会議室
　　　　　東京都新宿区市谷仲之町４－３９

お申込み：http://www.ciw-japan.com/partner/seminar_application.php

　　　■■　 PTJ公式インストラクターセミナー　開催決定　　■■
　　　■■　　　　　　↓↓詳細はこちら↓↓　　　　　　　　■■
　　　■■ http://www.ciw-japan.com/partner/seminar.html  ■■

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
02.CIWサンプル問題
───────────────────────────────────

今回も「CIWファンデーション」から出題。せっかくですので、各レッスン
ごとに、毎回１問ずつ出題していこうかと思います。
今回は、ウェブ制作の基礎のレッスン８から出題です。
（ファンデーションは、インターネット、ネットワーク、Web制作の基礎の
　3本立て構成です）

問1 武本さんは会社のWebページを制作しており、日本地図の画像をイメージ
　　マップにして、地図の一部をクリックすると、各地の支店情報へリンク
　　出来るようにしたいと考えています。地図の画像名はjpmap.gifで、
　　イメージマップの座標定義は予め別に定義されているものとし、その
　　MAP名はSitenMapとします。このイメージマップ定義された地図画像を
　　Webページに配置するための正しいタグ定義は、次のうちどれですか。

   1.  <IMG SRC=#SitenMap MAP NAME=jpmap.gif >
   2.  <IMG SRC=jpmap.gif MAP NAME=#SitenMap>
   3.  <IMG SRC=#SitenMap USEMAP=jpmap.gif>
   4.  <IMG SRC="jpmap.gif" USEMAP="#SitenMap">

　解説は、下部の「05.CIWサンプル問題・解説」をご覧ください。
　まずは、答えを見ないで、Let's try!

※問題は「CIWファンデーション」V4試験、同等問題

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
03.コラム
───────────────────────────────────

ついに残るはウェブ制作基礎のレッスンを残すのみとなりました。
といってもウェブはレッスン12まであるので、今回のレッスン8を含め
あと4回ほど続けないと、ファンデーションの範囲を一通りこなすことが
できません。

……けっこう出題範囲は広いです。＾＾；
さあ、がんばりましょう！　ラストスパートです。

…… 百聞は一見に如かず
　　　　　　　　　　　　　　　　　　　　Webは習うより慣れろです

今回は、質問を読んでも、そして回答及び解説を読んでもすっきりしない
であろう問題を選んでみました。

というのは、Web作成は頭で理解するのではなく「実践」しないと身に付か
ないものだからです。

イメージマップもそうなんですが、簡単にイメージできる効果とそうじゃない
効果がWeb作成には出てくると思います。例えば<hr>の横の罫線を引くという
のは簡単にイメージできると思うのですが、イメージマップのように、設定
に手順を踏むものは、言葉だけではなかなか理解しにくいかと思うんです。

これはWeb制作全体にいえることで、この機能はこのタグ……と覚えるより
タグの意味はわからなくても、打ってみて実際に何が変わったかを確認
→それから、どうしてそうなったのかを知るというのが、一番頭に残りやすい
学習方法でしょう。

Web作成が独学で身に付きやすいのも、たぶん、そういうことだと思います。
一つ一つの表現方法なら（画像を貼り付けたいとか、リンクをつけたいとか）、
その都度、インターネットなどでタグ辞典のようなリファレンスを探したり、
本屋さんで辞書的なものを探せば、簡単に使えるようになると思います。
実際、それで何とか、紙ベースだったものをHTML化することは可能ですし。

でもそれだと、Webのもつ可能性をすべて使えていないのもあります。
実践に偏ると、個々の技術に関しては知識が深くなるんですが、全体的に
見渡したときにバランスが取れていないので、袋小路に入りやすいんです。

「何のためにWebを作るのか」とか、「Webをどう生かそうか」とか、
そういう戦略的な見方をするためには、基礎部分の知識がどれだけあるかで
可能性の広がり方がまったく異なってきます。

土台がしっかりしていない家は不安定になってしまうのと同じです。
Webは実践ありきの特長を持ちますが、家の基礎工事は絶対に必要なので、
実践と理論をバランスよく織り交ぜ、「なるほどー」と効果を実感しながら
必要な知識を積み重ねていくことが重要ではないかと思います。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
04. 1週間の Webサイト新着情報
───────────────────────────────────

◆CIW 公式サイトのここ1週間の新着状況

　なし

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
05.CIWサンプル問題・解説
───────────────────────────────────

問1 武本さんは会社のWebページを制作しており、日本地図の画像をイメージ
　　マップにして、地図の一部をクリックすると、各地の支店情報へリンク
　　出来るようにしたいと考えています。地図の画像名はjpmap.gifで、
　　イメージマップの座標定義は予め別に定義されているものとし、その
　　MAP名はSitenMapとします。このイメージマップ定義された地図画像を
　　Webページに配置するための正しいタグ定義は、次のうちどれですか。

   　1.  <IMG SRC=#SitenMap MAP NAME=jpmap.gif >
   　2.  <IMG SRC=jpmap.gif MAP NAME=#SitenMap>
  　 3.  <IMG SRC=#SitenMap USEMAP=jpmap.gif>
正解 4.  <IMG SRC="jpmap.gif" USEMAP="#SitenMap">

解説正しい選択肢は、4番です。

座標情報を持った画像をイメージマップとして定義するには、予め座標情報を
定義した<MAP>要素のNAME属性にMAP名を付けておき、その後<IMG>要素のUSEMAP
属性を使って、値にMAP名を与えます。この定義により、画像がホットスポット
を持ったイメージマップとなります。なお、MAP名は内部リンクと同様、#を
先頭に付けて表します。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　編┃集┃後┃記┃
　━┛━┛━┛━┛

　このまえ買い物に行ったら、すっかり洋服が春らしくなっていました。

　特売セールコーナーではダウンのコートなのが売っていたのですが、

　そこだけ見事に暑苦しかった。＾＾；　いや、季節が冬だった。

　春らしい軽やかな洋服を見て、昼間のぽかぽかした街を歩いていたので

　気分は「春」。カロヤカナものに心奪われる季節になりました。

　セールの文字を見ても悠然としていたし。

　これが1月のお正月のセールだったら、突進していたはずなのに。
　
　春ものの軽やかな洋服が早く着れる暖かい日が続かないかな……。

　
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
◆　発行元情報
───────────────────────────────────
発　行　元：プロソフトトレーニングジャパン株式会社
発行責任者：工藤真紀子

配　　　信：まぐまぐ　http://www.mag2.com/ 　　　　(ID：247849)
登録・解除：http://www.ciw-japan.com/news_flash.html

【著作権に関して】

・本メールマガジンに掲載された情報の転送は歓迎致しますが、内容に関する
　著作権はプロソフトトレーニングジャパン株式会社に帰属します。

・CIWサンプル問題に関しましては、メールの転送などは構いませんが、
　WebやBlog上での公開はおやめください。ライセンスに抵触致します。　

その他、何かご不明な点がございましたら、
　info@prosoft-j.com　まで、メールにてご一報ください。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━