做寶貝描述是一件費(fèi)時(shí)費(fèi)力的事情,如果你沒(méi)有很多時(shí)間或者耐心,建議請(qǐng)買個(gè)寶貝描述,又快又好,如果你先做自己特色的,那么接下去看
制作寶貝描述的步驟
1、先去各大素材網(wǎng)下載素材圖片,圖片的格式一般是jpeg和ai 格式的,我建議選ai格式的,是矢量圖,放大不會(huì)失真,用photoshop或illutrate打開(kāi),fireworks是不能打開(kāi)ai格式的圖片的。
2、打開(kāi)圖片選擇需要的部分,如下圖
不知道如何選擇看下圖
選擇這個(gè)工具,拖拉一個(gè)框就可以選擇一個(gè)區(qū)域了,然后復(fù)制(ctrl+c),新建一個(gè)文件,大小一般是(寬:600~800象素,高1000象素以上)粘貼上剛才復(fù)制的圖片,并且按鍵盤的ctrl+t來(lái)調(diào)整大?。旖萱I是很有用的哦),如下圖放置
新建立一個(gè)圖層,點(diǎn)選垃圾桶左邊的圖標(biāo)就可以新建立一層
用選擇工具拉出一個(gè)矩形在新建立的圖層里面,然后選擇工具欄里的油漆桶倒上想要的顏色,按住alt鍵,拖拉剛才的矩形,就變成了2個(gè)矩形,要將2個(gè)矩形分別放在圖片的2邊,形成了邊框,如下圖
然后選擇工具欄中的鋼筆工具
鋼筆工具是photoshop中比較難使用的工具,只有用多了才能比較完成曲線的繪制,也可以去photoshop聯(lián)盟的論壇尋找相關(guān)的帖子。
新建立一層,鋼筆選取一個(gè)封閉區(qū)間,然后點(diǎn)右鍵,選擇建立選取,倒上喜歡的顏色就可以了選取 工具欄上的矩形工具
新建立一層。在圖片的適當(dāng)?shù)胤疆?huà)上圓角矩形,并用文字工具寫(xiě)上文字,請(qǐng)下載好看的字體,增加美感,并且調(diào)整透明度80%可以了。
新建立一層,然后在適當(dāng)?shù)胤綄?xiě)上文字
是不是很簡(jiǎn)單,下面就是切片工作,是非常精細(xì)的工作,選擇切片工具
在圖片上拖拉就可以完成切片工作,請(qǐng)將圖片放大200%或者300%進(jìn)行切片,這樣可以更精細(xì),切完如下圖
13, 18 ,21 ,23切片是以后的文字編輯區(qū)所以單獨(dú)切出來(lái),還有按鈕也要單獨(dú)切出來(lái),可以伸長(zhǎng)的地方要單獨(dú)切下,比如邊框,這樣在dreamweaver里面編輯的時(shí)候不會(huì)撐破表格時(shí)候使樣子變得很難看。
切好后,點(diǎn)文件,儲(chǔ)存為web所有格式,選擇jpeg,在不失真厲害的情況下輸出大小么盡量小。然后點(diǎn)save
all slices一定要選擇的,輸出后有一個(gè)網(wǎng)頁(yè)文件和一個(gè)文件夾(里面就是剛才切下的圖片)
保存為web所有格式的圖片 有點(diǎn)問(wèn)題,準(zhǔn)確的 圖片如下,也就是儲(chǔ)存為1個(gè)文件夾,一個(gè)網(wǎng)頁(yè)文件.
其實(shí)這樣雙擊打開(kāi)網(wǎng)頁(yè)文件就可以看到模版的效果了,首先你會(huì)覺(jué)得怎么整個(gè)頁(yè)面靠左,不太好看,那么我們現(xiàn)在打開(kāi)dreamweaver2004來(lái)改一下 ,dreamweaver到google baidu搜一下就可以下載了,而且還是很大
雙擊打開(kāi)dreamweaver,然后文件,打開(kāi)剛才的網(wǎng)頁(yè)文件(我的是"未標(biāo)題-1.html",dreamweaver是可視化網(wǎng)頁(yè)編輯軟件,制作起來(lái)直觀方便,是制作模版,修改網(wǎng)頁(yè)必備良藥......點(diǎn)擊上方的中的拆分,看到代碼了吧,別慌,html的代碼簡(jiǎn)單好學(xué)(比其他計(jì)算機(jī)語(yǔ)言好學(xué)多了)
查找如圖
之前填加p align="center"有沒(méi)有點(diǎn)英語(yǔ)基礎(chǔ)呀,有的話就知道什么意思了,然后查找
后面填加/p然后點(diǎn)下網(wǎng)頁(yè)空白的地方,看到了吧,居中了"然后點(diǎn)下網(wǎng)頁(yè)空白的地方,看到了吧,居中了
下面是填加按鈕的鏈接,也是非常簡(jiǎn)單
點(diǎn)擊"逛逛店鋪",
看看下面的屬性面板
在圈中填加要鏈接的URL,什么是URL......就是網(wǎng)頁(yè)地址咯
右鍵點(diǎn)自己店鋪里面如圈中的地方,屬性中復(fù)制下http://......一大串的東東然后粘貼到剛才的鏈接中,ctrl+s保存下,按f12,看下效果,點(diǎn)點(diǎn)看按鈕是否有效
其他的按鈕也是這樣做.
接下來(lái)是把可以編輯文字或者邊框的地方的圖片刪去
刪掉后 點(diǎn)擊單元格,也就是表格中被刪掉的地方,編輯下屬性面板中的背景,里面填的就是剛才你刪掉的圖片地址,去images文件夾里面找哦
為什么要這樣做呢,因?yàn)槟銓氊惖拿枋鲆埠?,圖片也好,長(zhǎng)度是不定的,這樣編輯,就不會(huì)撐壞表格,也就是要伸縮的地方都變?yōu)楸尘?hoho,ctrl+s保存下,f12看下效果咯
其實(shí)這樣已經(jīng)差不多做好了,可是切片的圖片在你的硬盤上面,別人可是看不到的哦,找個(gè)網(wǎng)絡(luò)空間(網(wǎng)上太多了)傳上去,傳好后,看下屬性里面的URL地址,然后分別將原來(lái)網(wǎng)頁(yè)里面的圖片替換掉,要做到不按f12的時(shí)候一個(gè)圖片都看不到哦,然后ctrl+s保存,f12完全看出你的寶貝描述的時(shí)候,90%的工作已經(jīng)完成了,我承認(rèn)很費(fèi)時(shí)間,但是為了給顧客好的印象,大家努力吧
然后點(diǎn)擊代碼,ctrl+a全選,ctrl+c,粘貼到自己的寶貝描述,也可以粘在文本里面以后方便復(fù)制用
樂(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)源: 淘寶寶貝詳情頁(yè)描述模板制作流程