## 14. イメージマップ

こちらに、サンプルページを用意しました。

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

| 5　代替えテキスト
◇項目の一覧の下に「代替えテキスト」の入力ボックスがあります。 項目のひとうひとつを、クリックして、「代替えテキスト」を入力していきます。 ◇「代替えテキスト」をいれておけば、画像が表示できないＷｅｂブラウザでもリンク先にジャンプできるようになります。必ず、入力するようにしましょう。 ◇イメージマップを表示できるブラウザでも、夜のテレホタイムでは、なかなかイメージマップが、表示されないときがあります。そういうときの為にも、イメージマップとは、別に文字などで、リンクを貼っておきましょう。 |

| 6　指定した領域を移動する |
| ボタンをクリック、移動させたい領域をクリックすると、ハンドル（■）がつきます。 ↓ ハンドル以外のところを、クリックして、移動したい場所までドラッグしてください。 |
| 7　指定した領域のサイズ変更 |
| ボタンをクリック、サイズを変更したい領域をクリックすると、ハンドル（■）がつきます。 ↓ ハンドル（■）をドラッグして、サイズを変更してください。 |
| 8　リンク先の変更 |
| 項目の一覧から、リンクを変更したい領域の項目を選択し、ボタンををクリック ↓ リンクの「属性」ダイアログが開くので、リンク先を変更して下さい。 |
| 9　領域の削除 |
| 項目の一覧から、削除したい領域の項目を選択し、ボタンをクリックすると、領域が削除されます。 |

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