我們需要兩款軟件，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)圖片空間，這樣我們打開(kā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ǔ)言。
打開(kāi)軟件，進(jìn)入界面，選擇新建，下面點(diǎn)擊HTML選項(xiàng)進(jìn)入下一項(xiàng)，8 注意：如果打開(kāi)后有很多代碼，我們可以點(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è)面打開(kāi)，會(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)。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 給一張?zhí)詫殘D片添加多個(gè)鏈接的教程
