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