圖片熱點超鏈接

對圖片的局部區域加超鏈接，該怎麼做呢？這裏的難點在於座標的確定，此時需要用到Dreamweaver。

上圖中，切換到“設計”標籤，然後：

上圖中，點擊菜單欄插入-圖像，導入圖片：

，在圖片上點擊右鍵，選擇屬性，彈出屬性面板：

上圖中，我們可以利用紅框部分的地圖繪製需要添加超鏈接的區域。箭頭處表示的是要鏈接到的文件。藍框部分表示打開新頁面的方式，藍狂部分的new是沒有下劃線的，它和_blank的含義是一樣的。

局部區域的熱點設置完畢後，上圖顯示，紅框部分就是多出的代碼，也正是我們需要的代碼。多出的代碼如下：

<img src="file:///C|/Users/smyhvae/Desktop/html/1.jpg" alt="" width="488" height="730" usemap="#Map"/>
<map name="Map">
  <area shape="circle" coords="227,374,63" href="file:///C|/Users/smyhvae/Desktop/html/網頁2.html" target="_blank">
</map>

上方代碼中，第一行的usemap="#Map"表示我要引用名爲Map的地圖。 然後第02至第04行就給出了地圖的定義。