對于中小店鋪,在寶貝詳情頁中添加超鏈接是提升流量很好的辦法,最近在論壇上學(xué)習(xí)到一些制作方法, 很好用,在這里和大家一起分享一下。
我用的是Adobe Dreamweaver CS4,這個(gè)軟件制作鏈接很好用,網(wǎng)上有很多,可以直接下載。
一.打開軟件 首先打開Adobe Dreamweaver CS4軟件,在初始頁面中可以從“文件”中新建,也可以直接點(diǎn)擊“HTML"
二.插入圖片點(diǎn)擊HTML后會(huì)彈出下圖,之后點(diǎn)擊“插入”圖像,在彈出的窗口中找到你編輯的圖片插入就好了,
在點(diǎn)擊玩確定的文件名后會(huì)彈出對話筐,不用管,直接點(diǎn)確定就OK了,有兩個(gè),全都點(diǎn)確定就好了。
下面的是我所插入的圖片后的效果界面圖,之后就要開始對我們的圖片添加鏈接了
三.添加鏈接在軟件窗口的左下角,有一個(gè)“繪制矩形熱點(diǎn)”這樣的一個(gè)命令符號,如圖紅色標(biāo)記所示,這個(gè)就是我們添加鏈接的命令按鈕,有三個(gè)形狀,在做圖的時(shí)候可以根據(jù)需要選取,我們這里用的是矩形的命令按鈕,
選取第一個(gè)矩形的命令按鈕,鼠標(biāo)移動(dòng)至所要編輯的圖片,拖動(dòng)選中起要分割的單一圖片,如圖所示,被選中的部分變成朦朧狀,就OK了,彈出的對話框直接點(diǎn)確定就行了
在左下方有鏈接的地址,把“#”去掉,然后把所選圖片的鏈接地址復(fù)制上去,然后點(diǎn)“文件”“保存”
這樣其中的一部分就做好了,同理,可以把剩下的圖片加上自己想要的鏈接之后保存
四.復(fù)制代碼復(fù)制軟件上方代碼窗口中兩個(gè)"<body>"之間所有的代碼,保存到TXT文檔中就行了
這樣一個(gè)圖片上的多個(gè)鏈接就做好了,之后介紹下怎樣把做好的圖片應(yīng)用到寶貝詳情頁中
一.圖片上傳很簡單的,把之前做的大圖上傳到自己的圖片空間里,打開圖片,右鍵點(diǎn)擊圖片,把圖片的地址復(fù)制下來,粘貼到之前保存好的文檔中 <ing src="圖片地址"的位置中,如圖
保存
二.新建模塊打開裝修店鋪,在裝修寶貝詳情頁中新建個(gè)自定義模塊,
然后先保存,之后再次打開裝修寶貝詳情頁,編輯之前保存好的自定義模塊,在點(diǎn)開編輯窗口的右邊,有一個(gè)“編輯HTML源碼”命令按鈕,點(diǎn)擊,然后把之前保存在TXT文檔中的代碼復(fù)制進(jìn)去,
再次點(diǎn)擊“編輯HTML源碼”命令按鈕,就會(huì)顯示圖片效果圖了,
發(fā)布 結(jié)束
希望能給大家?guī)韼椭8魑徽乒裆馀d隆 越來越旺
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺(tái),是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來源: 怎樣在寶貝詳情頁中制作一張圖片多個(gè)鏈接