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

材料/工具

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.之后再復制粘貼就可以正常使用了！

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