11. イメージマップ

1 イメージマップ　エディッタ
　　イメージマップを作成する画像を、右クリックして、「イメージマップの編集」を選択します。
　　　　　　　　　　　　　　　　　↓
　　「イメージマップ　エディッタ」のダイアログが開きます。
　　　　　　　　　　　　　　　　　↓
　　この「イメージマップ」の名前を「マップ」のボックスに、半角英数字で入力します。
　　最初は、イメージファイル名が入っていますので、そのままでも結構です。
2　長方形の領域を指定して、リンクを設定する
イメージマップ　エディッタ ボタンを押して、イメージの上で、目的の領域が入るように、マウスをドラッグします。
　　　　　　　　　　　　↓
マウスボタンを離すと、「リンクの属性」のダイアログが開きます。
　　　　　　　　　　　　↓
「14.　いよいよリンク！」を参考にして、リンクを指定します
　　　　　　　　　　　　↓
リンクが、設定されました。ボタンをクリックすると、イメージの下に、項目の一覧が表示されます。
3　円形の領域を指定して、リンクを設定する
円形の領域 ボタンを押して、イメージの上で、目的の領域が入るように、マウスをドラッグします。
始点は、実際に描く円よりも、外側に置いた方がいいです。
大きさは、7で説明するとおり、後で調節できるので、失敗しても、大丈夫です。(^-^)
　　　　　　　　　　　　↓
後は、2と同様に、リンクを指定します
　　　　　　　　　　　　↓
項目が追加されました。
4　多角形の領域を指定して、リンクを設定する
多角形の領域 ボタンを押して、イメージの上で、目的の領域が入るように、多角形を描きます。
まず、多角形の開始位置をクリック
　　　　　　　　　　　　↓
次の頂点を、ひとつずつクリックして、終了位置でダブルクリックします。
　　　　　　　　　　　　↓
後は、2と同様に、リンクを指定します
　　　　　　　　　　　　↓
項目が追加されました。
5　代替えテキスト
代替えテキスト 項目の一覧の下に「代替えテキスト」の入力ボックスがあります。
項目のひとうひとつを、クリックして、「代替えテキスト」を入力していきます。

◇「代替えテキスト」をいれておけば、画像が表示できないＷｅｂブラウザでもリンク先にジャンプできるようになります。必ず、入力するようにしましょう。

◇イメージマップを表示できるブラウザでも、夜のテレホタイムでは、なかなかイメージマップが、表示されないときがあります。そういうときの為にも、イメージマップとは、別に文字などで、リンクを貼っておきましょう。
6　指定した領域を移動する
　　　ボタンをクリック、移動させたい領域をクリックすると、ハンドル（■）がつきます。
　　　　　　　　　　　　　　　↓
　　　ハンドル以外のところを、クリックして、移動したい場所までドラッグしてください。
7　指定した領域のサイズ変更
　　　ボタンをクリック、サイズを変更したい領域をクリックすると、ハンドル（■）がつきます。　
　　　　　　　　　　　　　　　↓
　　　ハンドル（■）をドラッグして、サイズを変更してください。

　
8　リンク先の変更
　　　項目の一覧から、リンクを変更したい領域の項目を選択し、ボタンををクリック
　　　　　　　　　　　　　　　　　　↓
　　　リンクの「属性」ダイアログが開くので、リンク先を変更して下さい。　
9　領域の削除
　　　項目の一覧から、削除したい領域の項目を選択し、ボタンをクリックすると、領域が削除されます。
　　

　

*プルダウンメニューが使えない方は、申し訳ありませんが、トップより、各ページにジャンプしてください。