怎么做才好看呢,這確實(shí)是個(gè)問(wèn)題,至少新新很頭疼(因?yàn)闆](méi)有審美感,
不過(guò),您別擔(dān)心,告訴您一個(gè)簡(jiǎn)單的方法吧,首先進(jìn)入模板市場(chǎng),點(diǎn)“選擇模板”,如下圖:
![]()
進(jìn)入模板選擇頁(yè)面,點(diǎn)“圖文”區(qū),如圖:
![]()
![]()
點(diǎn)擊下面的“開(kāi)始制作”按鈕進(jìn)入‘到在線模板制作區(qū),如圖:
![]()
在這里,所有設(shè)計(jì)都是可見(jiàn)即可得的, 您完全可以充分發(fā)揮您的設(shè)計(jì)靈感,傳上您的寶貝,然后用優(yōu)美的文字描述,努力做到引人入勝最好,哈哈!
設(shè)計(jì)好了之后,點(diǎn)右上角的“預(yù)覽/保存”,在彈出的提示框上點(diǎn)“系統(tǒng)臨時(shí)保存”,如圖:
![]()
上傳成功后,點(diǎn)“輸出,獲取設(shè)計(jì)”,如圖:
![]()
淘寶系統(tǒng)會(huì)自動(dòng)打開(kāi)預(yù)覽效果圖,鼠標(biāo)點(diǎn)擊最下面的“下載圖片”按鈕,如圖:
![]()
不過(guò)很遺憾 無(wú)語(yǔ)~~,怎么辦呢!!嘿嘿~,這可沒(méi)能難道我,教您一招吧, 按一下 F11 鍵,放大屏幕,拖動(dòng)滾動(dòng)條使圖像完全顯示在屏幕上,然后按一下你電腦上的Print Scrn按鈕( 或 Alt+Print Scrn 鍵)( 記著,這時(shí)候你不能再拷貝任何東西了哦,馬上打開(kāi)photoshop吧,打開(kāi)了后,按Ctrl+N鍵在photoshop上新建一張空白的圖片,然后按Ctrl+V把剛才Print Scrn的圖像粘貼到Photoshop上,
然后調(diào)整圖像的大小和位置: 首先用裁切工具(快捷鍵:C)裁切圖像,接在您要用放大鏡(快捷鍵Z)放大到實(shí)際大小,如圖:
![]()
(當(dāng)然,如果您會(huì)用PS,可以繼續(xù)對(duì)圖像進(jìn)行修飾,做的再漂亮一點(diǎn)哦?。?/font>
接在這一步很關(guān)鍵,一定要注意看哦: 圖片切片 按快捷鍵K,或用鼠標(biāo)選擇切片工具:
![]()
對(duì)圖像進(jìn)行裁切,注意,劃分裁切區(qū)域的時(shí)候一定要根據(jù)您的寶貝來(lái)進(jìn)行(注意下面圖片上標(biāo)注的1~6),因?yàn)槊總€(gè)裁切區(qū)到時(shí)候都可以做成商品鏈接的,點(diǎn)擊可以打開(kāi)寶貝詳情頁(yè),
![]()
切片編輯完后,需要輸出效果模板了,這時(shí)候,同時(shí)按Ctrl+Alt+Shirt+S鍵(存儲(chǔ)為WEB所用格式),打開(kāi)保存設(shè)置窗口如圖:
![]()
注意了:一定要選擇JPEG格式,點(diǎn)存儲(chǔ)按鈕,接在彈出窗口如,選擇保存類(lèi)型為 “HTML 和圖像(*.html)” ,
![]()
這樣photoshop處理工作就完成了,接著下一步,使用Dreamware工具(沒(méi)有的話,趕快去網(wǎng)上百度一把吧)
![]() 打開(kāi)剛才用Photoshop輸出的html模板頁(yè)面,
![]() 注意了:您可不要把images文件夾和html模板文件分開(kāi),一定要在同一個(gè)目錄下,否則會(huì)出問(wèn)題的哦。
![]() 接下來(lái)設(shè)置模板上寶貝的詳情打來(lái)鏈接,請(qǐng)看步驟: 步驟1:用鼠標(biāo)選擇您的寶寶圖 步驟2:把該寶貝的詳情頁(yè)面鏈接地址貼到上圖步驟2指示的鏈接輸入框里 步驟3:設(shè)置打開(kāi)寶貝詳情頁(yè)面的目標(biāo)方式為"_blank" 步驟4:把邊框設(shè)置成0.
其他寶貝也用上面4個(gè)步驟設(shè)置吧!
嗯,所有寶貝都設(shè)置完了,總算可以了吧~~ 別急, 拷貝您用Photoshop制作的模板images文件夾所在的電腦路徑,如:E:\tmp\images,怎么看呢,很簡(jiǎn)單,您雙擊進(jìn)入到images文件夾里頭,然后復(fù)制地址欄上的路徑就行了,如圖: 接著還在Dreamware上,點(diǎn)左上角的“代碼”:
![]()
在代碼編輯視圖上,按照下圖紅線1,選擇src="images ,然后按Ctrl+F,執(zhí)行替換,替換內(nèi)容格式為: src="file:/// + 地址欄拷貝的地址:E:\tmp\images,如下圖紅線2,執(zhí)行替換全部 (注意您不能手工改代碼哦,這個(gè)很重要)
![]() 地址變成了:
這樣,模板設(shè)計(jì)部分就OK了,全選(Ctrl+A)復(fù)制(Ctrl+C)模板代碼。
不過(guò),如果要使用沒(méi)問(wèn)題的話,還需要把圖片傳到圖片空間,這可要借助淘寶助理了,別急,慢慢跟著我做: 首先打開(kāi)淘寶助理,新建一個(gè)空白模板,寶貝基本資料隨便填寫(xiě),沒(méi)有錯(cuò)誤提示就OK:
![]()
然后吧模板代碼粘貼到"HTML原始程序碼"里保存:
![]()
保存后點(diǎn)上傳寶貝,這時(shí)候,選擇圖片需要存放在的圖片空間:
![]()
上傳,如果提示失敗沒(méi)關(guān)系,我們要的是模板代碼,跟寶貝是否上傳成功沒(méi)關(guān)系,如下圖紅線部分所示,圖片的地址已經(jīng)變了。
![]()
接著拷貝處理后的模板代碼, 哈哈大功告成了:
好了,模板完全做好了,下一步就可以貼到您的店鋪上了。 (哎呀,口干了,您先別急,喝口水先,咕嚕~~咕嚕~~咕嚕~~)
登陸您的淘寶,進(jìn)入您店鋪:
![]()
登陸后在您店鋪首頁(yè)上點(diǎn)“裝修此頁(yè)面”,進(jìn)入到淘寶店鋪裝修平臺(tái),如圖:
![]()
在旺鋪后臺(tái)添加一個(gè)自定義內(nèi)容區(qū)(別說(shuō)您還沒(méi)有訂購(gòu)?fù)伵?,沒(méi)有的話趕快去定一個(gè)吧!):
![]()
接在把剛才添加的“自定義內(nèi)容區(qū)”模塊調(diào)整到合適的位置,一般拖到最上面,當(dāng)然您自己覺(jué)得好就行,嘿嘿~~:
![]()
然后點(diǎn)下面的:
![]()
(嗯。。
好了,接下來(lái)就簡(jiǎn)單了,點(diǎn)下面的編輯按鈕,記得是剛才添加的自定義內(nèi)容區(qū)哦。。
![]()
彈出如下的在線編輯窗口,記得不能直接編輯哦,一定要點(diǎn)
![]()
之后點(diǎn)保存,發(fā)布,預(yù)覽效果吧
![]() |