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

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

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

達到展現目的。

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

3 選擇圖片上傳按鈕，進入下一選項，我想這個操作大多數賣家新手都應該會的。

不難，試試。

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

省時，省力。

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

如果沒有這款軟件，可以在網上找，有免費下載的很多喲。

7 HTML是用于描述網頁文檔的一種標記語言。

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

寫入代碼。

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

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

11 不用動其他選項，直接確定，進入編輯界面。

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

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

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

13 可以把圖片放大一點，會更好的操作。

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

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

16 以此類推，重復上面12到15步驟可加入多塊區(qū)域鏈接，因為是同樣方法，我就不在重復講解了。

加好全部鏈接后，設置好功能，選擇代碼按鈕，進入下一選項，提取代碼。

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

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

回到我們管理后臺。

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

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

說明成功，最后確定。

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

去自己店鋪看看有沒生效，多多學習一定能做出你想要的結果。

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

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

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