淘寶裝修之dw熱點(diǎn)工具詳解是什么

很多新手對(duì)于店鋪的裝修是一籌莫展，不知道如何下手，而且自己的經(jīng)驗(yàn)又不足做不出漂亮的店鋪來，我們會(huì)經(jīng)?？吹狡渌赇伬镞叿浅€(gè)性的商品排放，這些用淘寶模塊是實(shí)現(xiàn)不了的，下面我所教給大家的是一個(gè)圖片如何實(shí)現(xiàn)自定義的鏈接！以下是我所演示的圖片和具體步驟及注意事項(xiàng)

材料/工具

Adobe Photoshop cs6Adobe Dreamweaver CS5

方法

先編輯好自己的圖片，這里尺寸為集市店寬度為950、天貓稍微大一些為990，然后上傳到自己的圖片空間，復(fù)制其鏈接，然后打開DW選擇新建HTML文件

如圖所示

直接插入圖片，快捷鍵 ctrl+alt+i鍵 然后出現(xiàn)下面對(duì)話框

在url所對(duì)應(yīng)的欄里輸入你剛才所復(fù)制的圖片鏈接，一定要插入你的圖片鏈接，而不是在本地選擇！

如圖所示

然后選擇設(shè)計(jì)頁(yè)面，這樣就可以可視化的編輯，更加方便一些

如圖所示

下面才是重點(diǎn) 然后點(diǎn)擊圖片底部會(huì)出現(xiàn)屬性的選項(xiàng)，不點(diǎn)擊是不會(huì)出現(xiàn)的，有很多新手朋友都會(huì)問我這樣的問題，望大家注意下次步驟！

如圖所示

之后在屬性選項(xiàng)的左下角點(diǎn)擊矩形熱點(diǎn)工具，再圖片中選中你要添加自定義鏈接的區(qū)域，然后呢下邊的屬性頁(yè)面發(fā)生變化，我們需要輸入對(duì)應(yīng)區(qū)域的鏈接，還有目標(biāo) 一般選擇blank意思是在新的出口中打開該鏈接

如圖所示

如果你要添加多個(gè)鏈接方法同上邊是一樣的，然后打開我們的代碼編輯頁(yè)面 快捷鍵 ctrl+a 全部選中 復(fù)制粘貼到淘寶店鋪裝修頁(yè)面 一定要用源碼編輯的方式添加才會(huì)生效

如圖所示

如果你要添加多個(gè)圖片到你的店鋪，在完成熱點(diǎn)劃分添加好鏈接之后，復(fù)制代碼的時(shí)候你要注意修改兩個(gè)地方，不然鏈接就會(huì)打亂的， usemap="#Map"在map后邊加上一個(gè)數(shù)值比如1，<map name="Map"同樣在map后邊加上1.之后再?gòu)?fù)制粘貼就可以正常使用了！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com