インタ−ネットサ−クルWelcome
ホ−ムペ−ジを発信しよう!タイトル

超上級編(クリッカブルマップ)


クリッカブルマップにチャレンジ!
ホ−ムペ−ジを発信して、更新もある程度できはじめると
新たな「挑戦意欲」が沸いてくると思います。
そこで、今回はイメ−ジマップとも
呼ばれている「クリッカブルマップ」の説明をしてみます。

「クリッカブルマップ」というのは
{Clickable map}と書けば
理解できると思いますが、
一つの絵のどこかを押せば
HTML文書またはサイトへリンクすることができる技法です。
いわば、絵目次です。
ゲ−ム感覚で、『どこにリンクが貼られているかな?』とか
『どんな事が載っているのかしら?』とかワクワクドキドキして
楽しみながら進めます。
CGIプログラムを使って行う方法もありますが
自分で画像を選んで、リンクを貼る
「クライアントサイド・クリッカブルマップ」が
簡単です。
ここでは、Mapタグでできる
クライアントサイド・クリッカブルマップの
説明をします。

まず、好みの画像を用意します。
言わなくても、わかると思いますが
このときの、画像は必ず「静止画像」でお願いします。
GIFアニメ−ションだとわけがわからなくなります。(^^;)
次に座標の指定をします。
最初は難しくてたぶん挫折すると思いますので
いいものを紹介します。(裏技ですぅ・・・・。(^^))))
画像をMapタグに変換してくれるツ−ルです。

Mapedit(Windows95,WindowsNT用)です。(Share ware)

Mapeditダウンロ−ド

使用方法は
☆MAPタグを使用して、位置情報の無いHTMLファイルを作成する。
☆Mapeditを起動し、作成したHTMLファイルを指定する。
☆位置情報を指定する。
☆URLを聞いてくるので、記入する。
☆新しいHTMLファイルを作成する。

ツール->S3->sampleフォルダーを開き、map32.exeを実行してください

MAC用のツールは
WebMap
MapConvert

クリッカブルマップでクリッカブルマップサイトを
紹介します。

クリッカブル「遊園地」


TOP
超上級編(クリッカブルマップ)HTMLタグを制覇しよう!
音を奏でるHPを作ろう。HTMLタグ一覧表
上級編(デジカメ活用)ついに発信!FTP
中級篇(画像&スクロ−ル)