一、準備一張圖片。 準備一張需要給不同區域添加不同熱點的圖片。 二、插入圖片： 打開Dreamweaver，新建一個網頁，將圖片插入到頁面中。 三、找到地圖工具： 單擊鼠標左鍵點擊圖片，這時候軟件下方的屬性面板就會變成和圖片相關的屬性，注意看

DW是一款非常不錯的網頁設計軟件，下面為大家介紹使用DW工具給圖片添加熱點的方法。

材料/工具

Dreamweaver CS6圖片

因為你圖片在dw里面的大小跟在網頁中不一樣，而熱點是根據圖片中點的坐標進行定位的。所以。。錯位很正常。你只能在dw慢慢調錯位。

方法

首先，打開Dreamweaver CS6，新建一個html文檔。

你標注的圖片左下角有一個地圖指標一樣的選項，如圖我標注的地方，點擊就可以選擇熱點區域 自己框選

之后，編輯代碼，用img標簽在body中加入一張圖片，如圖所示。

圖片首先要上傳到淘寶的圖片空間，然后復制淘寶空間這張圖片的鏈接，替換掉DW里面的圖片路徑，就顯示了

然后，在圖片上右擊，在彈出的菜單中選擇“屬性”，如圖所示。

先在DW里添加好圖片,然后點擊圖片 在DW底下的"屬性" 會看到 有畫方 畫圓的 這個就是添加熱點鏈接 如:直接用畫方工具 在你剛才點擊的圖片里 畫一個框 "屬性"就會出現你所畫區式的鏈接

在底部會彈出屬性面板，選擇“熱點工具”，如圖所示。

[網業制作] 為什么我一用矩形熱點工具給圖片加鏈接后..然后按F12測試 圖片怎么都變化開了 中間都有空白區域這是什么問題 怎么解決呀`？

然后，在圖片上畫出熱點的區域。

這位網友你好，你可以用實時視圖的時候同時用代碼模式或拆分模式，如果用設計模式那是不能編輯的，建議用拆分模式。不要點擊實時視圖，這樣就不會有變成灰色了！??！

最后，在屬性面板中輸入要鏈接到的網址，如圖所示，圖片的熱點就添加好了。

1、插入圖片后，選中圖片，軟件的下方屬性面板的左邊會出現一個箭頭和三個小圖形（矩形、圓形、多邊形），這就是熱點工具。 2、如果選中圖片屬性欄里還不骨熱點工具，則是因為屬性欄折疊隱藏了，只需在屬性欄空白處雙擊即可出現（點擊屬性欄右下

擴展閱讀，以下內容您可能還感興趣。

在DW里面編輯網頁代碼 怎么實現添加熱點的時候 生成以后 把鼠標移動到圖片上 有一種選中的效

其實樓主大可以不用百添加透明形式的東西。

如果樓主是使度用img標簽只要在CSS選擇的時候在class選擇的后面加上事件選擇器":hover"

并為該樣問式添加"border:1px solid #000;"即可

那么伴隨著答border的厚度，可能會使該模型位置產生偏移

只需回再添加"margin:-1 0 0 -1;"即可。

希望得到樓主的選中，如有其他問題可回答復我，我會為你解答更多追問追答追問能再詳細點嗎能再具體一點嗎追答class:hover{}這里的:hover就是樓主想要的是熱點選擇。

只需要在花括號里寫鼠標懸停時樓主想實現的效果即可。

寫好之后鼠標停在對應的dom元素上時就會有:hover里寫的效果，鼠標不懸停在上面的時候，不會讀取:hover的效果。

用dreamweaver在一個圖片上添加多個熱點之后，怎么上傳到淘寶主頁上

淘寶商品編輯支持代碼編輯的?。∧阕屑毧聪拢瑧撌怯械?。直接將代碼粘貼進去，圖片的路徑寫對就可以了.

為什么我的dw軟件的矩形熱點工具怎么點都沒反應？

我用的是英文版，最上面中間是code split design,

在design的右邊有個小三角形，點擊小三角形。

把Live切換成Design，就可以使用熱點框工具了?。。。。。。?！

DW。圖片上畫熱點，返回頂部功能要怎么添加

鏈接直接用#號即可，不要其他內容就只有一個#，鏈接打開方式不要用新建窗口，直接默認

用PS或DW做熱點圖怎么做。。

所謂的熱點是在HTML中生成的，不是做圖的時候做出來的。熱點是要在編網頁的時候用網頁編寫語言（比如HTML、PHP、JavaScript）來實現的

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com