１．イメージＭＡＰの作り方

　　　　　�@　イメージＭＡＰって何？
　　　　　　
　　　　　　　普通、ホームページにリンクを設定する場合、文字とか、ボタンとか、ロゴとか、
　　　　　　　画像とかにリンクを設定します。

　　　　　　　しかし、画像の中の特定箇所からリンクさせようとすると普通では出来ません。

　　　　　　　「何処でも配置モード」を使っている場合、画像の上に、文字とかロゴとかを配置
　　　　　　　して、そこからリンクさせる事が出来ます。

　　　　　　　しかし、画面サイズや、文字サイズが異なると、位置がずれてしまい、困った事になります。

　　　　　　そこで「イメージマップ（クリッカブルマップ）」を使用する事になります。

　　　　　　イメージマップには、サーバーサイド.．イメージマップとクライアントサイド．イメージマップの
　　　　　　手法がありますが、一般的にはクライアントサイド．イメージマップを使います。

　　　　　　ホームページビルダーにはこの機能が標準に付いているので 、この機能を使うと便利です。

　　　　　�A　どうやって設定するの？

　　　　　　ホームページビルダーの「標準モード」を使って説明します。

　　　　　　ア．まず画像を用意します。

　　　　　　イ．何処にリンクを設定するか決めます。

　　　　　　　

　　　　　　　ハ．上の画像の天目指峠と正丸峠にリンクを張る事にします。

　　　　　　　ニ．画像を左クリックして確定してから編集、簡単編集、イメージマップの編集を選びます。

　　　　　　ホ.イメージマップの編集画面でリンクする場所を設定します。

　　　　　　　　□を指示して、リンクを張る所を囲みます。

　　　　へ.リンクを設定します。

　　　　　ホ.OKで終了します。

　　　　　へ.これで画像の天目指峠や正丸峠をクリックするとリンク先に移動します。
　　　　　　　
2.普通の場合これで終わりですが、山のＭＡＰを作る時には、

　次々と新しい山からのリンクを増やす必要があります。
　最初から山の名前が全て入っていればよいのですが、白地図などでは
　山の名前を書き込む必要があります。また、変更したい場合もあります。
　その時は、ウェブアートデザイナーを使います。
　この手順を間違えると、せっかく作ったリンクが使えなくなって作り直さな
　くなったりします。色々方法があると思いますが、私のやっている手順を
　記述したいと思います。

�@　まず画像をビルダーの編集画面に取り込みます。

　�A　その画像を右クリックして「画像の編集」「ウェブアートデザイナーで編集」を選びます。

�B　ウェブアートデザイナーの編集画面で、地図にとりあえず一カ所、山名を記入します。屋島と入れてみました。　

　　　これからが、注意すべき所です。

　　　この時、編集画面の右下に、今書き込んだｏｂｊｅｃｔの内容が表示されています。
　　
　　　この状態なら、ｏｂｊｅｃｔは自由に変更出来ます。

　　　�C　ここで、編集画面の右上の×で終了します。（何故×で終了するかと言うと、その方が後簡単だからです）

　　　すると

　　　はいを押します。

　　�D　ｍｉｆで保存を押します。

　　�E　保存場所を聞いてきますので、わかりやすい所に保存しましょう。

　　ところが、保存を終わってもビルダーの編集画面は元のままで、今書き込んだ「屋島」は表示されていません。

　　　ＪＰＧ画像を最初にｍｉｆに編集した時はこうなります。

　　�F　面倒ですが、編集画面のＪＰＧ画像を削除し、先ほど保存したｍｉｆ画像を読み込みます。

　　読み込んだｍｉｆ画像は属性やプロパティで見るとＪＰＧになっています。

　　しかしビルダーの中では、ｍｉｆとして扱われます。

　　�G　もう一度、ウェブアートデザイナーで確認してみましょう。

　　　　ｏｂｊｅｃｔが生きていれば大丈夫です。右下に屋島と表示されている

　　�H　この状態で、山名を追加しましょう。

　　�I　追加が終わって、また、×で終了すると今度は、

　　�J　此処で「はい」を押すと、編集中の画像は自動的に更新されたものに置き換わります。

　　�K　この後、イメージマップでリンクを設定しましょう。

　　　一度この処理をきちんとやると、次からは、リンクを生かしたまま山名の追加変更が自由に出来ます。

イメージマップの更新

１．ホームページビルダーに更新したいイメージマップの入っているページを開く

２．変更したい画像を選択し、ウェブアートデザイナーで編集を選ぶ。

３．追加や更新を行う



４．右上の×で終了する。



５．ここで、確認して欲しいのは、元の画像がｍｉｆでなくて、ｊｐｇで保存されている時は



６．このメッセージがでてきます。




７．ｍｉｆで保存します。

すると編集中の画像が自動的に更新された画像に変わります。

この時元々の画像がｊｐｇだった時は、保存場所を聞いてくるかも知れません。

その時は、保存先を指定してやりますが、そのままでは画像は置き換わりません。

今保存したｍｉｆファイルを編集画面に読み込んで画像を置き換える必要があります。



間違いやすいのは、ｍｉｆで保存していても、ｊｐｇで保存していても、属性を見てみるとｊｐｇになっている事です。

これはＨＰ上ではｍｉｆは見えない為、ホームページビルダーの世界の外からは

ｊｐｇとして見える様になっているからだと思います。

ですから属性やプロパティでｊｐｇに見えていても、きちんとｍｉｆで保存してあれば、ビルダーではｍｉｆとして扱ってくれます。



８．簡単編集イメージマップの編集を指定します。



９．更新、追加した所にリンクを張ります。

その時、以前に張ったリンクの場所も表示されている事を確認しましょう。

この画面では五色台にもリンクが張られている事が解ります。

ＯＫで終了します。



ビルダーの編集画面でプレビューしてリンクが張られている事を確認しましょう。

これで、ページの公開を行えばＨＰ上のイメージマップは更新されています。



ＪＰＧで保存してからイメージマップでリンクを張ってしまった場合

１．先ほどの５，６で編集中の画像がｍｉｆではなしにｊｐｇで張られてしまっている場合は、

ウェブアートデザイナーで変更してｍｉｆで保存しても、

自動的にリンクを保持したまま画像が入れ替わってくれません。

その状態で新しい画像に入れ替えてしまうと以前のリンクが消えてしまいます。

２．ｊｐｇの画像「屋島」にリンクを張っている場合で説明します。

この処理方法は少しややこしいです。



３．上の様にウェブアートに取り込むと右のガイドに「屋島」がでてきません。

これは画像貼り付けたｏｂｊｅｃｔが無い事を示します。

「屋島」はすでに一体の画像になっている為修正出来ません。

しかしながらｏｂｊｅｃｔを追加する事は出来ます。



４．「女体山」を追加してみました。



５．右上の×で終了すると上の質問がでてきます。



６．ｍｉｆで保存します。

この時保存場所を聞いてくるので適当な所を指定します。



７．さてここからが難問です。

ビルダーの画像が自動的に更新されません。

この時、先ほど保管して置いたｍｉｆファイルを呼び出しても、以前の「屋島」のリンク情報は

ひっついてきません。

強制的にイメージマップと連結させようと色々やったのですが、ｍｉｆファイルはビルダー以外では見えないので、

どうしようもありません。



８．でも諦めてはいけません。

イメージマップが張られている元の画像を選択した状態で「デジカメ写真の編集」を選択します。



９．実はこのメッセージを前に見ていたので、ピンときました。

はいと押します。



１０．先ほど保管したｍｉｆを指定します。



１１．大きさは絶対変えないでください。



１２．完了します。



１３．見事に画像が入れ替わりました。



１４．プレビューで確認すると「屋島」のリンクも生きています。



１５．新しくリンクを張ります。

１６．強制的に画像を入れ替えているので、この新しい画像もｊｐｇのままです。

残念ですが、更新の度にこの処理をやらないと行けません。

もしかしたら他に良い方法があるかも知れませんが思いつきません。

注：．新規にイメージマップを作成する時は、白地図はＪＰＧやＧＩＦだと思いますので

一旦ウェブアートデザイナーで山名などを一カ所でも更新して、保存し直して

ｍｉｆファイルとしてからイメージマップでリンクを張ってください。

一度ｍｉｆの処理が出来ていると更新しても自動的に画像が置き換わります。