ホームページ:イメージマップの作成法 さんがホームページ( )に掲載され

ホームページ:イメージマップの作成法
kyo さんがホームページ(http://satoyama1.fc2web.com/test.htm )に掲載されたホームページビルダーでのイ
メージマップ作成の方法をトレースしてみま
した。題材は、これまでクリッカプルマップを
作成するフリーウエアのソフトで作っていた
地図から各ページにジャンプするイメージマ
ップです。右のイメージマップはは最終の姿
です。
まずは、ホームページビルダー(標準モー
ド)で世界地図を取り込みます。
世界地図の上で右クリックして、アートデザ
イナーを呼び出そうとしているところです。アートデザイナーで国旗を貼り付けます。
アートデザイ
ナーで国旗を
貼り付け終わ
って、世界地
図と各国旗を
グループ化し
ているところ
です。
アートデザイナーを終了、作成した地図+国旗の画像を保存します。
この際、ウエーブアート形式(.mif)で保存します。
アートデザイナーを終了すると、自動的にホームページビルダーに戻ります。でも、地図画像は前の
ままです。で、その地図を消去し、さきほど保存した地図+国旗の画像(.mif)を取り込みます。
前のままの地図画像
前の画像を消して、
mif画像を取り込む
続いて取り込んだ画像の上で右クリック、今度はイメージマップの編集を起動します。
イメージマップを起動して、リンクを貼りたい部分(例では国旗)を□、○などで囲みます。すると、こ
のようなリンク設定の画面が表示されます。
必要なリンクを各国旗に設定すれば、
イメージマップをOKクリックで終了。
ホームページビルダーの編集画面に
自動的に戻ります。これで、もう最初の
出来上がり画面のようなイメージマッ
プのホームページができあがっていま
す。
後からのリンクの追加
ホームページビルダーの編集画面から、アートデザイナーを起動し、新しい国旗とか文字を書き
込み、保存して終了→(xで終了、上書き保存)。
自動的に戻ったホームーページ編集画面で、追加のリンクをイメージマップを起動して作成。この
手順で前のリンクを残したままで追加リンクを加えて更新をしていくことができます。
それまで使っていた、「CSSのソースを貼り付けたり、クリッカブルマップの専用ソフトを利用した
り」という面倒な手順は不要となりました。
ホームページビルダーのどのバージョンからこの機能が標準でつくようになったのか分かりませ
んが、kyo さんのこの方式は手軽で非常にやりやすいです。ありがとう_(..)_ 。