通過(guò)漫長(zhǎng)的摸索和學(xué)習(xí),學(xué)會(huì)了制作普通店鋪的動(dòng)態(tài)店標(biāo)、店鋪公告,后來(lái)加入了旺鋪后又學(xué)著做店招、寶貝分類(lèi)圖片,因?yàn)榕侣闊翱戳撕芏嘤嘘P(guān)寶貝描述模板的貼,都沒(méi)有心思去學(xué),最近看了一個(gè)很詳細(xì)的貼子,終于學(xué)會(huì)了制作寶貝描述模板,現(xiàn)在拿出來(lái)和各位淘友分享。

整個(gè)教程很詳細(xì)分為三部分。使用軟件是photoshop(或FW2004)和dreamweaver,在網(wǎng)上都可搜索下載的
第一部分,用photoshop制作出模版JPGE圖片。
1、打開(kāi)photoshop,新建一個(gè)模版頁(yè)面,因?yàn)槲业牡赇佈b修--店鋪基本設(shè)置--寶貝頁(yè)面設(shè)置里面,選擇的默認(rèn)顯示,所以寬度設(shè)置為740像素剛剛好,高度根據(jù)各自的需要任意設(shè)定;

2、打開(kāi)需要的素材作為模版頂部圖案(糖糖建議要作為素材的圖片,最好放在桌面,這樣很容易就可以找到);

3、用移動(dòng)工具把素材圖案拖動(dòng)到之前新建的模版里,并調(diào)整好位置;

4、用吸管工具,在你想要的顏色上點(diǎn)擊;

5、用矩形工具在素材圖案下空白處拉出合適的矩形框;

6、用之前吸管工具吸取的色彩填充矩形框(快捷鍵SHIFT+F5);

7、根據(jù)需要用文字工具在合適的位置添加文字(例如:寶貝展示、寶貝描述、購(gòu)買(mǎi)須知、聯(lián)系方式等等);

8、保存寶貝模版;


第二部分,模版切片
為了打開(kāi)網(wǎng)頁(yè)時(shí)加快模版顯示出來(lái)的速度,我們需要把模版切成一片片,分別上傳到相冊(cè)上,這樣打開(kāi)網(wǎng)頁(yè),每個(gè)模版切片同時(shí)顯示,大大減少了頁(yè)面打開(kāi)的時(shí)間,買(mǎi)家也不會(huì)等到不耐煩了,下面是把模版切片操作:
1、雖然photoshop也有切片工具,但往往要切割得很準(zhǔn)確圖片才不裂開(kāi),個(gè)人認(rèn)為ImageReady切片很好用。在模版圖片打開(kāi)的狀態(tài)下,切換ImageReady進(jìn)行切片處理;

2、切片是有要求的,凡是需要放入圖片文字的地方都必須單獨(dú)切為一片,這里我選擇水平劃分為9片;

3、點(diǎn)擊切片工具,移動(dòng)到圖中黃色小點(diǎn)上鼠標(biāo)會(huì)變?yōu)榧^狀,拉動(dòng)切割線(xiàn)調(diào)整到適當(dāng)?shù)奈恢茫?/font>

4、劃分好后返回photoshop,選中左邊工具欄的切片工具就能看到分區(qū),下來(lái)就是將切片存儲(chǔ);


5、如圖,然后保存,即可生成一個(gè)存放切片的文件夾和一個(gè)模版html網(wǎng)頁(yè).


第三部分,用dreamweaver把模版轉(zhuǎn)換為代碼


1、打開(kāi)dreamweaver,進(jìn)入設(shè)計(jì)操作頁(yè)面

2、點(diǎn)擊寶貝展示下的切片圖,因?yàn)檫@里要插寶貝細(xì)節(jié)圖,我們需要把它轉(zhuǎn)換成表格形式,這樣不管插入的圖片多大,表格都會(huì)像一張畫(huà)布一樣撐開(kāi)。如圖操作:

3、輸入表格寬度,注意:請(qǐng)忽略下圖中“選擇菜單欄...”的說(shuō)明,因?yàn)樵谏蠄D已經(jīng)操作有插入表格了

重點(diǎn):這里需要注意的是:行數(shù)要為:1,不然做出來(lái)的模板就會(huì)有很多格子,邊框粗細(xì)一定要設(shè)置為0,不然也會(huì)出現(xiàn)格子。
4、輸入高度,填充表格背景

5、完成后效果如下圖,同樣按照以上第四到第六的步驟將需要修改的切片進(jìn)行表格轉(zhuǎn)換

6、切入代碼頁(yè)面,復(fù)制代碼到淘寶描述的代碼編輯器中

如圖:

如下圖:(因復(fù)制過(guò)來(lái)之前,糖糖就已經(jīng)把每一小塊模板傳到了網(wǎng)絡(luò)相冊(cè)并替換好了,所以在這里就看不到中文了)

以下是糖糖學(xué)習(xí)后制作的模板,第一張綠色的是為淘寶:夢(mèng)回唐朝信譽(yù)店做的,第二張粉色的是為百度有啊的店鋪:靖靜寶貝的小店制作的,別看每一格中間的距離都很小,但是可以無(wú)限量地插入圖片和文字的,


樂(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)廠(chǎ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)源: 淘寶寶貝描述模版的制作方法