【小白教程】淘寶簡易裝修!

如何制作淘寶網(wǎng)店的模板!!不會(huì)的請看過來!!!!

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

后面填加/div然后點(diǎn)下網(wǎng)頁空白的地方,看到了吧,居中了

"然后點(diǎn)下網(wǎng)頁空白的地方,看到了吧,居中了 

如何制作淘寶網(wǎng)店的模板!!不會(huì)的請看過來!!!!

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

后面填加/div然后點(diǎn)下網(wǎng)頁空白的地方,看到了吧,居中了

"然后點(diǎn)下網(wǎng)頁空白的地方,看到了吧,居中了  （超級簡單）

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微.信號是為: msc496。

推薦閱讀：

零基礎(chǔ)淘寶培訓(xùn)費(fèi)用一般多少錢，淘寶培訓(xùn)費(fèi)用高嗎？

淘寶女鞋類目小二怎么找？在什么地方才能找到淘寶女鞋類目小二？

更多資訊請關(guān)注幕 思 城。