淘寶裝修之dw熱點工具詳解是什麼

很多新手對於店鋪的裝修是一籌莫展，不知道如何下手，而且自己的經驗又不足做不出漂亮的店鋪來，我們會經常看到其他店鋪裏邊非常個性的商品排放，這些用淘寶模塊是實現不了的，下面我所教給大家的是一個圖片如何實現自定義的鏈接！以下是我所演示的圖片和具體步驟及注意事項

材料/工具

Adobe Photoshop cs6Adobe Dreamweaver CS5

方法

先編輯好自己的圖片，這裏尺寸爲集市店寬度爲950、天貓稍微大一些爲990，然後上傳到自己的圖片空間，複製其鏈接，然後打開DW選擇新建HTML文件

如圖所示

直接插入圖片，快捷鍵 ctrl+alt+i鍵 然後出現下面對話框

在url所對應的欄裏輸入你剛纔所複製的圖片鏈接，一定要插入你的圖片鏈接，而不是在本地選擇！

如圖所示

然後選擇設計頁面，這樣就可以可視化的編輯，更加方便一些

如圖所示

下面纔是重點 然後點擊圖片底部會出現屬性的選項，不點擊是不會出現的，有很多新手朋友都會問我這樣的問題，望大家注意下次步驟！

如圖所示

之後在屬性選項的左下角點擊矩形熱點工具，再圖片中選中你要添加自定義鏈接的區域，然後呢下邊的屬性頁面發生變化，我們需要輸入對應區域的鏈接，還有目標 一般選擇blank意思是在新的出口中打開該鏈接

如圖所示

如果你要添加多個鏈接方法同上邊是一樣的，然後打開我們的代碼編輯頁面 快捷鍵 ctrl+a 全部選中 複製粘貼到淘寶店鋪裝修頁面 一定要用源碼編輯的方式添加纔會生效

如圖所示

如果你要添加多個豬的圖片到你的店鋪，在完成熱點劃分添加好鏈接之後，複製代碼的時候你要注意修改兩個地方，不然鏈接就會打亂的， usemap="#Map"在map後邊加上一個數值比如1，<map name="Map"同樣在map後邊加上1.之後再複製粘貼就可以正常使用了！

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

淘寶裝修在DW裏面加熱點，是要一小個頁面編輯還是可以整個頁面直接加熱點

熱點可以不用在DW上面設置 直接網上百度下 網上在線製作熱點 直接複製代碼到店鋪裝修就可以了追答求採納 謝謝

DW裏面做好的代碼放到淘寶裏面沒有熱點

昨天也遇見一個朋友問

是不是淘寶不能加熱點？追問是的

全屏海報在DW裏添加多個熱點鏈接 ，代碼放到淘寶店鋪裝修發佈沒有熱點鏈接了，哪位大師知道怎麼回事嗎

用map標記可以 有一些代碼在淘寶內部是不能用的

會自動剔除

用DW給圖片裏面添加多個熱點鏈接，發佈產品的時候發現打開的鏈接都是第一個熱點的鏈接是怎麼回事啊

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

DW熱點繪製複製代碼到淘寶後點擊沒有鏈接

熱點，你加鏈接了沒有，不能加外鏈，只能淘寶站內的鏈接更多追問追答追問我加的鏈接就是淘寶內部的鏈接，主要是切片太麻煩，直接繪製熱點快的多。。。。追答製作熱點的時候，要先刪掉裏面的代碼，淘寶屏蔽了那些的，

製作過程爲

新建網頁，切換到代碼模式，刪掉裏面的所有代碼，再插圖，加熱點加鏈接

問題還依舊存在加我QQ，如解決請採納追問

你看看這個沒問題吧，結果還是沒反應啊。。。