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

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

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

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

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

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

不難，試試。

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

省時，省力。

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

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

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

打開軟件，進(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 選擇；圖像；按鈕，這樣會彈出對話框，找到要添加鏈接的輸入欄，輸入剛復(fù)制鏈接的圖片地址10 大家會看到彈出這樣的對話框，這回我們可以把做好圖片空間里的圖片鏈接粘貼在：URL：輸入框中，然后點(diǎn)擊確定，這樣我們就能看見圖片空間里邊的那張圖片了。

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

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

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

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

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

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

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

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

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

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

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

18 到這時我們基本就要完成了。

回到我們管理后臺。

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

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

說明成功，最后確定。

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

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

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

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

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