14. イメージマップ

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

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

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

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

　　

　

次は、どこにジャンプ？ 　はじめに 1.サイトを作る 2.ページを開く 3.壁紙と文字の色 4.カラーパレット 5.ページを保存する 6.文章はワープロと同じ 7.イメージ画像 8.写真を貼り付ける 9.ロールオーバー画像 10.表を使ってレイアウト 11-1.いよいよ、リンク！ 11-2.簡単なリンク 12.フレームを使えば上級編 13.タグって、何？ 14.イメージマップ 15.最終チェック

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