イメージマップの作り方

イメージマップとは1つの画像の中の任意の領域にリンクを設置する技術です。これをするにはHTMLソースで指示をする必要があります。「HTML Imagemap Generator」という便利なサイトがあるので、このサイトを利用します。Googleで検索するとすぐに見つかります。

1.目的の画像を読み込む。
2.描く形状のボタンを選択する(複雑な形を描く場合は多角形を描くを選択する)
3.画像の上でマウスをドラッグさせて領域を決める(HTMLソースにarea要素が自動生成される)
4.このソースをコピペして利用する
5.ソース中のリンク先(href属性値)を記入する

HTML