イメージマップの制作
イメージマップ(クリッカブルマップとも言います)とは、写真や画像上の特定領域にハイパーリンクを設置し、写真のリンクポイントをクリックすることで指定されたURLにアクセスすることができるグラフィックイメージです。
地図や表の画像上にクリップポイントを設置することで直感的なナビゲーションのページを制作することが可能です。
|
1.イメージマップの画像を準備する。
今回は下のような地図にクリックポイントを設置して「高梁市」の部分をクリックすることで高梁市のホームページに飛ぶよう設定してみます。
|
2.イメージマップにするための画像をページ上に設置した後、画像をワンクリックして選択状態にします。次にメニューバーの「編集(E)」→「イメージマップ(M)」→「イメージマップの編集(E)」を選択します。
|
3.すると下のような画面が現れますので左中央付近のボタンの中からどれかを選び、その後高梁市の部分をクリックしてクリックポイントの領域範囲を決めます。
|
4.すると自動的に下のようなリンクの設定ダイアログが立ち上がるので「ファイル名」に高梁市のURL(http://www.city.takahashi.okayama.jp/)を入力してOKを押します。 |
|
5.これでイメージマップのクリップポイントの設定が出来ました。
下の地図の様にクリップポイントでマウスポインタの形が指マークに変われば成功です。
クリップポイントは同じ画像内に何個でも設定できます。他のポイントにもクリックポイントを設定してみましょう。 |
|