イメージマップを作る
| 今回の効果は、１つの画像の中で複数のリンク先をはるというものです。ちょっと手間がかかるので、最初は面倒くさく感じると思います。 なにが面倒くさいかというと、まずＭＡＰとして使用する画像を作らなければなりません｡ 画像が出来たらキーワードを付けます。例）＜ USEMAP="#jikken"＞の#jikken は「#」＋任意のキーワードです。 次に、マウスポインタを合わせてもらう位置（リンクスポット）を指定します｡この位置の指定は、座標を書いて行わなければならないので、適切な位置を探すのに少し手間取ります。 でも、慣れてくれば大体の場所がわかってくると思います。 できあがると、「お〜！ちゃんと絵と合ってるよ。」と、ちょっぴり感激します（私だけか？）ので、今月も少しだけこの実験にお付き合い下さい。 |
 ポイント | AREA SHAPE="RECT" COORDS="20,20,100,50" の「COORDS」でマウスポインタを合わせる座標の位置を指定します。 「HREF=」でリンク先を指定します。 |
 効果 | 「RECT」は四角形の領域を作るという意味です。「20,20」が四角形の対角線の最初の点の座標、「100,50」が残りの点の座標を表します。 |
 使い方 | 実際の実験画面のソースをご覧下さい。 |
今回の実験でわかったこと
| この効果は、ＮｅｔｓｃａｐｅＣｏｍｍｕｎｉｃａｔｏｒ Ｖｅｒ．４．０とＩｎｔｅｒｎｅｔＥｘｐｌｏｒｅｒ４．０の両方でできます。 座標の指定のあとに「OnMouseover="window.status='花屋のページに・・・';return true"」を追加して記述すると、ステータスバーにメッセージ（ここの場合は「花屋のページに・・・」）が表示されて、よりわかりやすくなるでしょう。 イメージマップを作るためのツールがあるようなので、面倒くさい人はそんなお便利ツールを使ってもいいと思います。 私は、結構こんなチマチマした作業が好きなので、座標を書くのもあまり苦にはなりません｡（変人） あとは、美しい画像を作る技術をもっと上げなければ・・・。 |
ご意見などありましたらメールを送って下さい。お待ちしています。
(E-mail:hiroko@ladys-page.com)
