ホームページビルダー 中級講座   Room 121   第回 

画像からのリンク その2 1つの画像から複数のサイトへリンク
  

 1つの画像から 複数のサイトにジャンプさせます。ちょっと面倒そうですが、練習をつみ、わかれば簡単です。プロンプトホームページの下にある案内地図を例にとって説明しましょう。

 プロンプトホームページの下に左図の地図があります。
この地図は、もっと大きな地図にリンクされているだけで、前回の1画像1リンクのものです。

 この地図上のどこをクリックしても、下の画面のように、大きい地図が現れます。

 ちょっと、クリックして、確認してみて下さい。 
 確認できたら、そのウインドーを閉じましょう。
 
 下図が、これからの教材、1画面複数リンクを作成する元画像です
1.画像のどこでもクリックします。

2.選択されたことを示すコーナーマークが表示されます。

3.メニューバーの[編集]から[簡単な編集](左図)から[イメージマップの編集]をクリックします
4.左図のようにイメージマップエデイターが表示されます。

5.縦、横スクロールバーを動かして、目的の図が表示されるようにします。
6.目的の画像が表示されました。

7.ツールバー(下図)より [矩形]を選択します



8.目的の画像を囲むようにドラッグします。
 枠の大きさや、位置はあとからでも変更できます。ツールバーを[矢印]にして、大きさ位置を変えます。 


9.リンク画像を選択した状態にして、
ツールバーの[リンク]をクリックします。
(下図の鎖のアイコン)





10.左の画面が表示されます。

ファイル名の欄にリンクするページアドレスを入力するか、参照で、目的のページを探します。
方法は、1画像1リンクと同じです。

11.OKボタンをクリックすると、諏訪神社へのリンクが登録されました。
12.別の場所にあるプロンプトの位置を縦横スクロールバーをを移動して表示させます。左図は表示させて、その画像位置を枠で囲んだ状態です。

13.このあとは9.と同じ要領です。
大きい画像上にある部分をいくつでも設定することが出来ます・

14.下の画像は、以上説明した、諏訪神社とプロンプトの2地点にリンクを張っています。

15.枠で囲んだ地点にマウスがくると、矢印カーソルがリンクマーク(手のひら)に変わって、リンクされているのが確認出来るでしょう。 そこで、クリックしてみて下さい。
 諏訪神社とプロンプトの2カ所にリンクを張っています

 back to  room 121 top     goto e-school top