ホームページは難しくない | ちょこっとHTML

● 画像のスライスとイメージマップ ●

下の2つの地図を見比べてみましょう。
左側は 画像をスライスして表示しています。
右側は 1つの画像に対して複数のリンクを指定しています。
どちらも 見た目は同じようですが、各市の場所にカーソルを
持っていってみてください。 その違いがわかります。

 

画像をスライスした場合

鳴門市
阿波市
徳島市
美馬市
小松島市
吉野川市
阿南市

イメージマップ

画像をスライスした場合は ひとつひとつの画像に対して処理を付け加えることができますので、上のように 画像にロールオーバーをかけることができます。見た目にはこちらがインパクトがあるかもしれませんが、画像処理ソフトでスライスをかけたりロールオーバーの指定をしたりと 何かと手間がかかってしまいます。 イメージマップの場合は 1つの画像に対して複数のリンクを貼ることができます。スライスと違ってこちらはロールオーバーのような効果をかけることはできませんが 1枚の画像とHTMLだけで作成することが可能です。

戻る

 

美馬市 阿波市 吉野川市 鳴門市 徳島市 小松島市 阿南市 ホームページは難しくない | ちょこっとHTML