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

寶貝詳情頁(yè)不支持熱點(diǎn)連接，要切圖。首頁(yè)的可以使用，可能你之前的自定義也使用了熱點(diǎn)鏈接，現(xiàn)在你又加了一個(gè)自定義，然后放代碼，這時(shí)就會(huì)沖突了。你把代碼里的所有map后面都加個(gè)相同的數(shù)字，例如：全部加00，同一個(gè)頁(yè)面代碼的map名不能相同，

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

材料/工具

Adobe Photoshop cs6Adobe Dreamweaver CS5

寶貝詳情頁(yè)不支持熱點(diǎn)連接，要切圖。首頁(yè)的可以使用，可能你之前的自定義也使用了熱點(diǎn)鏈接，現(xiàn)在你又加了一個(gè)自定義，然后放代碼，這時(shí)就會(huì)沖突了。你把代碼里的所有map后面都加個(gè)相同的數(shù)字，例如：全部加00，同一個(gè)頁(yè)面代碼的map名不能相同，

方法

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

你標(biāo)注的圖片左下角有一個(gè)地圖指標(biāo)一樣的選項(xiàng)，如圖我標(biāo)注的地方，點(diǎn)擊就可以選擇熱點(diǎn)區(qū)域 自己框選

如圖所示

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

1、讓我們?cè)邳c(diǎn)擊鏈接后查看情況，而不刪除熱點(diǎn)鏈接。您可以看到點(diǎn)擊后留下邊框。 2、DW創(chuàng)建熱鏈接后，單擊以選擇要消除的熱點(diǎn)塊，并將outline：none代碼添加到CSS /輔助功能右側(cè)的樣式標(biāo)記中。 3、如果右側(cè)沒(méi)有標(biāo)簽檢查器，請(qǐng)單擊上面的窗口

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

在鏈接前面加style:"outline:none;" 這個(gè)代碼對(duì)IE瀏覽器無(wú)效，親測(cè)谷歌可以屏蔽虛線框

如圖所示

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

您的代碼復(fù)制錯(cuò)了 或者是你首頁(yè)有兩個(gè)熱點(diǎn) 也去名稱一樣 所以會(huì)出現(xiàn) 那樣的情況 只要名稱改下就好了

如圖所示

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

建議不要使用DW的傻瓜功能做網(wǎng)頁(yè)。。。。很多不標(biāo)準(zhǔn)的地方 而且兼容性很爛。 代碼當(dāng)然手寫的好，不然公司畫幾千請(qǐng)?jiān)O(shè)計(jì)師干嘛·····

如圖所示

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

淘寶網(wǎng)有默認(rèn)樣式和代碼過(guò)濾，會(huì)影響熱點(diǎn)等用戶樣式。要熱點(diǎn)鏈接正?？梢試L試如下方法：1、點(diǎn)擊圖片上的任意一個(gè)熱點(diǎn)就會(huì)出現(xiàn)一個(gè)屬性框，屬性框的左下角就有一個(gè)修改熱點(diǎn)地圖ID的地方。2、刪除里面原有的Map字母再寫上其他任意字母就行了（注:

如圖所示

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

熱點(diǎn)可以不用在DW上面設(shè)置 直接網(wǎng)上百度下 網(wǎng)上在線制作熱點(diǎn) 直接復(fù)制代碼到店鋪裝修就可以了

如圖所示

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

因?yàn)槟銏D片在dw里面的大小跟在網(wǎng)頁(yè)中不一樣，而熱點(diǎn)是根據(jù)圖片中點(diǎn)的坐標(biāo)進(jìn)行定位的。所以。。錯(cuò)位很正常。你只能在dw慢慢調(diào)錯(cuò)位。

擴(kuò)展閱讀，以下內(nèi)容您可能還感興趣。

淘寶裝修在DW里面加熱點(diǎn)，是要一小個(gè)頁(yè)面編輯還是可以整個(gè)頁(yè)面直接加熱點(diǎn)

熱點(diǎn)可以不用在DW上面設(shè)置 直接網(wǎng)上百度下 網(wǎng)上在線制作熱點(diǎn) 直接復(fù)制代碼到店鋪裝修就可以了追答求采納 謝謝

DW里面做好的代碼放到淘寶里面沒(méi)有熱點(diǎn)

昨天也遇見(jiàn)一個(gè)朋友問(wèn)

是不是淘寶不能加熱點(diǎn)？追問(wèn)是的

全屏海報(bào)在DW里添加多個(gè)熱點(diǎn)鏈接 ，代碼放到淘寶店鋪裝修發(fā)布沒(méi)有熱點(diǎn)鏈接了，哪位大師知道怎么回事嗎

用map標(biāo)記可以 有一些代碼在淘寶內(nèi)部是不能用的

會(huì)自動(dòng)剔除

用DW給圖片里面添加多個(gè)熱點(diǎn)鏈接，發(fā)布產(chǎn)品的時(shí)候發(fā)現(xiàn)打開(kāi)的鏈接都是第一個(gè)熱點(diǎn)的鏈接是怎么回事啊

因?yàn)槟銏D片在dw里面的大小跟在網(wǎng)頁(yè)中不一樣，而熱點(diǎn)是根據(jù)圖片中點(diǎn)的坐標(biāo)進(jìn)行定位的。所以。。錯(cuò)位很正常。你只能在dw慢慢調(diào)錯(cuò)位。

DW熱點(diǎn)繪制復(fù)制代碼到淘寶后點(diǎn)擊沒(méi)有鏈接

熱點(diǎn)，你加鏈接了沒(méi)有，不能加外鏈，只能淘寶站內(nèi)的鏈接更多追問(wèn)追答追問(wèn)我加的鏈接就是淘寶內(nèi)部的鏈接，主要是切片太麻煩，直接繪制熱點(diǎn)快的多。。。。追答制作熱點(diǎn)的時(shí)候，要先刪掉里面的代碼，淘寶屏蔽了那些的，

制作過(guò)程為

新建網(wǎng)頁(yè)，切換到代碼模式，刪掉里面的所有代碼，再插圖，加熱點(diǎn)加鏈接

問(wèn)題還依舊存在加我QQ，如解決請(qǐng)采納追問(wèn)

你看看這個(gè)沒(méi)問(wèn)題吧，結(jié)果還是沒(méi)反應(yīng)啊。。。

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