淘寶寶貝描述模板制作教程

現(xiàn)在好多新手都自己去下載寶貝描述的模板，

但是又發(fā)現(xiàn)沒有自己想要的，

沒有符合自己小

店的，那下面我就教大家怎么做，寶貝描述的模板，其實(shí)道理是很簡單的，做模板，最后只

要得到代碼就行了！呵呵

廢話不多說了

現(xiàn)在就開始吧！

工具：

ps

、

dreamweaver  

第一部分，用

photoshop

制作出模版

JPGE

圖片。

這個(gè)我就不多說了

這個(gè)我也教不了大家

這個(gè)都要靠平時(shí)的積累和自己的美術(shù)功底

不過，

寶貝模板的主要模塊總結(jié)就是以下就是幾塊：

A

商品的大圖

B.

商品的描述

C.

買家事宜

D.

配送方法

E.

店鋪分類

F.

店鋪連接

這個(gè)我就不說怎么做了，

大家自己摸索吧，

今天的主題是，

如果做模板，

就是講述做模板的

過程

第二部

切片（核心）

為了打開網(wǎng)頁時(shí)加快模版顯示出來的速度，

我們需要把模版切成一片片，

分別上傳到相冊上，

這樣打開網(wǎng)頁，

每個(gè)模版切片同時(shí)顯示，

大大減少了頁面打開的時(shí)間，

買家也不會等到不耐

煩了，下面是把模版切片操作：

第一，雖然

photoshop

也有切片工具，但往往要切割得很準(zhǔn)確圖片才不裂開，如使用

ImageReady

來切片就不會有這

樣的困擾了。在模版圖片打開的狀態(tài)下，切換

ImageReady

進(jìn)行切片處理。

第二，

切片是有講究的，

凡是需要放入圖片文字的地方都必須單獨(dú)切為一片，

這里我選擇水

平劃分為

10

片

第三，

點(diǎn)擊切片工具，

移動(dòng)到圖中黃色小點(diǎn)上鼠標(biāo)會變?yōu)榧^狀，

拉動(dòng)切割線調(diào)整到適當(dāng)?shù)?

位置

第四

劃分好后返回

photoshop

，

選中左邊工具欄的切片工具就能看到分區(qū)，

下來就是將切

片存儲；

第五，操作然后存儲；

要選擇

JPG 

格式的

這個(gè)要注意了

第六，然后保存，即可生成一個(gè)存放切片的文件夾和一個(gè)模版

html

網(wǎng)頁。

下面

images

就是切片，要把這個(gè)傳到我們的圖片空間里面。這個(gè)很重

要，以后要用到。

第三部分，用

dreamweaver

把模版轉(zhuǎn)換為代碼（關(guān)鍵）

第一，打開

Dreamweaver

，打開模版

第三部分，用

dreamweaver

把模版轉(zhuǎn)換為代碼（關(guān)鍵）

第一，打開

Dreamweaver

，打開模版

第二，進(jìn)入設(shè)計(jì)操作頁面

第三，下面為逛逛小店和信用評價(jià)做鏈接

選擇熱點(diǎn)

選擇

你要做鏈接的部分！

第四，

點(diǎn)擊寶貝展示下的切片圖，

因?yàn)檫@里要插寶貝細(xì)節(jié)圖，

我們需要把它轉(zhuǎn)換成表格形式，

這樣不管插入的圖片多大，表格都會像一張畫布一樣撐開。

第五，輸入表格寬度，注意：請忽略下圖中

“

選擇菜單欄

...”

的說明，因

為在上圖已經(jīng)操作有插入表格了

第六，輸入高度，填充表格背景

同樣按照以上第四到第六的步驟將需要修改的切片進(jìn)行表格轉(zhuǎn)換

按照這個(gè)步驟把其他的你要加圖片或者文字的地方都

都把切片轉(zhuǎn)換成表格

第七，切入代碼頁面，復(fù)制代碼到淘寶描述的代碼編輯器中

把所有的代碼都復(fù)制下來

如果復(fù)制到

寶貝描述里面

然后再把

里面本地的鏈接

地址

換

成

我們剛才把切片上傳的圖片空間里面的地址

這個(gè)很重要

如果不換的話

是不會成功的

是沒效果的

輸入所有的有效鏈接地址，

就可以在剛才我們換成表格的地方插入圖片和文字了，

點(diǎn)擊預(yù)覽

就能看到一個(gè)精美的寶貝描述模版了，趕快動(dòng)手試一試吧！

現(xiàn)在大家自己動(dòng)手試試吧??！