材料/工具
AdobePhotoshopcs6AdobeDreamweaverCS5
方法
先編輯好自己的圖片，這裏尺寸為集市店寬度為950、天貓稍微大壹些為990，然後上傳到自己的圖片空間，復制其鏈接，然後打開DW選擇新建HTML文件
如圖所示
直接插入圖片，快捷鍵ctrl+alt+i鍵然後出現下面對話框
在url所對應的欄裏輸入妳剛才所復制的圖片鏈接，壹定要插入妳的圖片鏈接，而不是在本地選擇！
如圖所示
然後選擇設計頁面，這樣就可以可視化的編輯，更加方便壹些
如圖所示
下面才是重點然後點擊圖片底部會出現屬性的選項，不點擊是不會出現的，有很多新手朋友都會問我這樣的問題，望大家註意下次步驟！
如圖所示
之後在屬性選項的左下角點擊矩形熱點工具，再圖片中選中妳要添加自定義鏈接的區域，然後呢下邊的屬性頁面發生變化，我們需要輸入對應區域的鏈接，還有目標壹般選擇blank意思是在新的出口中打開該鏈接
如圖所示
如果妳要添加多個鏈接方法同上邊是壹樣的，然後打開我們的代碼編輯頁面快捷鍵ctrl+a全部選中復制粘貼到淘寶店鋪裝修頁面壹定要用源碼編輯的方式添加才會生效
如圖所示
如果妳要添加多個圖片到妳的店鋪，在完成熱點劃分添加好鏈接之後，復制代碼的時候妳要註意修改兩個地方，不然鏈接就會打亂的，usemap="#Map"在map後邊加上壹個數值比如1，<mapname="Map"同樣在map後邊加上1.之後再復制粘貼就可以正常使用了！