給一張?zhí)詫殘D片添加多個(gè)鏈接的教程

我們需要兩款軟件，PS和DW,我今天主要為大家實(shí)際操作將一張圖片不同部位添加多個(gè)連接，首先我們需要一張想展示的圖片，用PS工具做一張自己想要的海報(bào)，或產(chǎn)品圖片，這個(gè)我就不細(xì)講了，論壇高手帖子說(shuō)過(guò)很多遍了，我就不在獻(xiàn)丑了。

例如下圖，把這張圖分別加3個(gè)連接到各個(gè)寶貝，大家都知道淘寶編輯器只可將一張圖片連接一個(gè)地址，下面我手把手教大家怎樣用軟件，能使一張圖片加入多個(gè)鏈接。

達(dá)到展現(xiàn)目的。

2首先進(jìn)入管理后臺(tái)，賣家中心，進(jìn)入圖片空間，把我們做好想加入鏈接的圖片上傳到淘寶圖片空間，最好是淘寶站內(nèi)圖片空間，這樣我們打開網(wǎng)頁(yè)時(shí)，速度會(huì)比外網(wǎng)更快。

3 選擇圖片上傳按鈕，進(jìn)入下一選項(xiàng)，我想這個(gè)操作大多數(shù)賣家新手都應(yīng)該會(huì)的。

不難，試試。

4 選折通用上傳，我經(jīng)喜歡用通用上傳，這樣可以上傳多樣格式，多張圖片，方便快捷。

省時(shí)，省力。

6這時(shí)可以用到下一款軟件"DW5"了，也是這回我主要講解的基本操作，用軟件怎樣寫入代碼功能，代碼我們應(yīng)該不陌生，手寫代碼，對(duì)于沒(méi)有基礎(chǔ)的我們真的很難，這款軟件可以代替手寫，幫我們實(shí)現(xiàn)自動(dòng)生成代碼，下面我來(lái)一步步教大家怎么用軟件編輯代碼，提取，輸入，安裝，全部過(guò)程細(xì)節(jié)。

如果沒(méi)有這款軟件，可以在網(wǎng)上找，有免費(fèi)下載的很多喲。

7 HTML是用于描述網(wǎng)頁(yè)文檔的一種標(biāo)記語(yǔ)言。

打開軟件，進(jìn)入界面，選擇新建，下面點(diǎn)擊HTML選項(xiàng)進(jìn)入下一項(xiàng)，8 注意：如果打開后有很多代碼，我們可以點(diǎn)擊下選項(xiàng)；設(shè)計(jì)；這樣就可以進(jìn)入設(shè)計(jì)界面了，然后點(diǎn)擊插入按鈕，這樣操作目的是把要添加鏈接圖片鏈接到DW軟件編輯器中，進(jìn)行編輯。

寫入代碼。

9 選擇；圖像；按鈕，這樣會(huì)彈出對(duì)話框，找到要添加鏈接的輸入欄，輸入剛復(fù)制鏈接的圖片地址10 大家會(huì)看到彈出這樣的對(duì)話框，這回我們可以把做好圖片空間里的圖片鏈接粘貼在：URL：輸入框中，然后點(diǎn)擊確定，這樣我們就能看見(jiàn)圖片空間里邊的那張圖片了。

注意把以前的字符刪除掉在粘貼。

11 不用動(dòng)其他選項(xiàng)，直接確定，進(jìn)入編輯界面。

12 看見(jiàn)了吧，這張就是我們想加入鏈接淘寶圖片空間的那張圖片。

用下面的長(zhǎng)形選礦工具選著要加入鏈接的區(qū)域。

也可用圓形，多邊形，隨自己喜好，選好后，提示確定，確定后如果不滿意效果大小形狀，這時(shí)可以用；箭頭工具調(diào)整大小，形狀。

13 可以把圖片放大一點(diǎn)，會(huì)更好的操作。

14 這個(gè)環(huán)節(jié)我們回到管理后臺(tái)，賣家中心，出售中的寶貝，復(fù)制想要鏈接的寶貝地址，到選好的圖片區(qū)域進(jìn)行代碼寫入編輯。

15 選好加入鏈接區(qū)域，在；鏈接；輸入框，粘貼寶貝鏈接地址，這樣買家點(diǎn)擊時(shí)就會(huì)進(jìn)入你想要展示的寶貝詳情頁(yè)面了，在目標(biāo)欄下拉框選著-bInak,這個(gè)功能可以在點(diǎn)擊時(shí)彈出網(wǎng)頁(yè)新窗口，不選也可以，但當(dāng)買家點(diǎn)擊時(shí)，會(huì)在原頁(yè)面展示，如果在新頁(yè)面打開，會(huì)大大降低跳失率，地圖，欄輸刪除原有字符，輸不同任意字符，這樣防址和使用模板的朋友代碼相互沖突，無(wú)法顯示正常功能用箭頭工具可調(diào)整大小區(qū)域。

16 以此類推，重復(fù)上面12到15步驟可加入多塊區(qū)域鏈接，因?yàn)槭峭瑯臃椒ǎ揖筒辉谥貜?fù)講解了。

加好全部鏈接后，設(shè)置好功能，選擇代碼按鈕，進(jìn)入下一選項(xiàng)，提取代碼。

17 選著，body和body 中間的代碼，其他代碼可以不要，然后拷貝，這樣目的是把寫好的代碼放到淘寶編輯器中去編輯。

18 到這時(shí)我們基本就要完成了。

回到我們管理后臺(tái)。

進(jìn)入賣家中心，裝修，添加自定義模塊，可選750,和950的模塊，注意，你的圖片尺寸像素一定要和模塊像素大小尺寸一樣，不然圖片會(huì)變形的。

點(diǎn)擊代碼工具，字體變暗，然后粘貼代碼，19 在次點(diǎn)擊代碼工具，成下面效果。

說(shuō)明成功，最后確定。

20 預(yù)覽，發(fā)布，大功告成。

去自己店鋪看看有沒(méi)生效，多多學(xué)習(xí)一定能做出你想要的結(jié)果。

21 網(wǎng)絡(luò)有三劍客軟件之稱，我用的PS 2 DW 5，是其中的兩劍客，合起來(lái)熟練掌握網(wǎng)頁(yè)制作，不能說(shuō)天下無(wú)敵，但也能成為武林的高手，有點(diǎn)難度，慢慢掌握，這樣我們能做出獨(dú)一無(wú)二的店鋪風(fēng)格，我沒(méi)有盜過(guò)同行一張圖片，所有圖片都由我個(gè)人完成，不求最好，只求唯一。

寫這篇帖子，對(duì)于沒(méi)有文化，文筆功底的我，花了兩天時(shí)間，，希望大家能夠分享到我的經(jīng)驗(yàn)。

這個(gè)問(wèn)題還有疑問(wèn)的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。