先介紹一下裝修所需的軟件Dreamweaver和美圖秀秀:
有了Dreamweaver這個(gè)軟件,就算是在扶植版中只能編輯一個(gè)自定義也沒有關(guān)系的,你可以把你想編輯的板塊和內(nèi)容都在這款軟件里好好設(shè)計(jì),另外,很多人擔(dān)心自己不會(huì)用這個(gè)軟件,其實(shí)沒什么,我也不是專業(yè)人士,對(duì)店鋪?zhàn)远x的編輯根本就不需要那么專業(yè),只要你能打開電腦,你就會(huì)用這款軟件;而對(duì)于制圖軟件來講Photoshop無非是第一選擇,但是這款軟件實(shí)在是太復(fù)雜了,一般人都很難做到,而美圖秀秀卻簡(jiǎn)單,易上手,且擁有跟Photoshop很多相似的功能。
好了,我們開始吧:
一、先來制圖吧:
1、 打開美圖秀秀,同時(shí)“打開”你要編輯的圖片:
2、 軟件界面中提供了很多編輯圖片的形式,你可以依自己的愛好來編輯:
3、編輯得到你要的結(jié)果以后就可以保存了:
因?yàn)檫@款軟件簡(jiǎn)單,一般人依照軟件界面指示都能做,到我就不多介紹了;
4、把你編輯的圖片上傳到你的淘寶圖片空間中。
二、打開Dreamweaver,以創(chuàng)建店鋪中所需的代碼。
1、點(diǎn)擊“創(chuàng)建新項(xiàng)目→HTML”:
2、點(diǎn)擊界面左上角第二行的“常用”下拉菜單,選擇“布局”:
則會(huì)由以上的常用欄變成以下的布局欄如下:
3、再點(diǎn)擊布局欄中的“布局”按鈕:
4、點(diǎn)擊“設(shè)計(jì)”就可以在文檔中開始設(shè)計(jì)了,要注意的是在一定要在設(shè)計(jì)欄中編輯哦,因?yàn)橐话闳耸遣欢a編輯的:
5、你就可以開始布局你設(shè)計(jì)好的自定義模塊了:
點(diǎn)擊布局旁邊的綠色標(biāo)簽“布局表格”:
仔細(xì)看上面這圖,你先要考慮好自己的圖片的規(guī)格(寬度*高度),可以在界面下方的屬性欄中通過輸入而設(shè)置布局表格的屬性:
最好使布局表格和你自己選好的圖片規(guī)格一樣,這樣就沒必要再店鋪中重新設(shè)置規(guī)格了,另外,每次畫一個(gè)表格的時(shí)候都得先點(diǎn)布局旁邊的綠色“布局表格”標(biāo)簽哦。
7、為了能在淘寶店鋪中更好的插入圖片和輸入文字描述等,你不能只用布局表格,還要在布局表格上面 “繪制布局單元格”,并在上面做好標(biāo)記(我上面注明的是“1”),不然等會(huì)把代碼復(fù)制到店鋪?zhàn)远x編輯時(shí)會(huì)一片空白,你就不知道在哪里進(jìn)行編輯了。
繪制布局單元格的方法是:先把布局表格畫好以后,點(diǎn)擊“繪制布局單元格”標(biāo)簽:
再在設(shè)置好的布局表格上你設(shè)計(jì)好的位置上拖動(dòng)鼠標(biāo),得到你想要的布局單元格;
8、然后在布局表格上面設(shè)置好你需要插入圖片或文字描述的單元格,同時(shí)設(shè)置規(guī)格。上面的圖只是自定義板塊中的一部分介紹,如果你還需要的話,還可以繼續(xù)加上去,設(shè)計(jì)完了之后點(diǎn)擊“代碼”標(biāo)簽:
9、你會(huì)發(fā)現(xiàn)有很多代碼,且有一段是藍(lán)色的,什么都別動(dòng)它,然后在藍(lán)色代碼區(qū)域點(diǎn)“鼠標(biāo)右鍵→復(fù)制”。
三、打開你的店鋪裝修頁面。
1、點(diǎn)擊右側(cè)自定義內(nèi)容區(qū)的“編輯”:
出現(xiàn)下圖情形,再點(diǎn)擊“編輯HTML源碼”
2、在編輯區(qū)點(diǎn)擊“鼠標(biāo)右鍵→粘貼”,你剛才在Dreamweaver中設(shè)計(jì)的復(fù)制好的代碼就粘貼到這里了
3、再次點(diǎn)擊“編輯HTMl源碼”,就進(jìn)入設(shè)計(jì)區(qū)了:
看,上面就有原來我做好的標(biāo)記吧,現(xiàn)在能明白為什么要做標(biāo)記了吧,原來我們?cè)O(shè)計(jì)的表格邊框全沒了,當(dāng)然你也可以在Dreamweaver中設(shè)置好邊框就不要做標(biāo)記了。
4、現(xiàn)在你就可以在上面的區(qū)域標(biāo)記中導(dǎo)入你要的圖片和輸入你需要的文字了,我分別介紹一下:
先介紹文字輸入和建立文字鏈接吧:
直接把光標(biāo)移到你要輸入文字的地方,然輸入你要的文字,同時(shí)可以選擇字體、大小、顏色等:
選擇文字進(jìn)行以上操作,當(dāng)你選擇鏈接以后,你就到你店鋪當(dāng)中把你文字對(duì)應(yīng)的鏈接地址復(fù)制到下圖的紅色區(qū),同時(shí)可以有其它選擇(在新窗口中打開、描述):
以上上文字編輯,接下來圖片導(dǎo)入,同樣先把光標(biāo)移到你要導(dǎo)入的地方,然后點(diǎn)擊圖片標(biāo)簽:
然后再這里輸入你上傳在圖片庫中對(duì)應(yīng)的地址,同時(shí)把你寶貝圖片對(duì)應(yīng)的店鋪地址也復(fù)制到這里,點(diǎn)擊確定就可以了,注意這里如果你原來設(shè)置的表格屬性與圖片不一致的話,你可以在上圖中的尺寸中重新設(shè)置你的圖片的大小,以調(diào)整跟你表格的大小一致。
5、其它文字和圖片都可以依次方法輸入,完了就可以點(diǎn)擊保存,你就可以看到你設(shè)計(jì)的結(jié)果了,同時(shí),你認(rèn)為滿意了就把結(jié)果發(fā)布到你的店鋪當(dāng)中吧。在這里你可以設(shè)計(jì)你想得到的各種形式(當(dāng)然,一般新手還是多參考一下那些旺鋪的裝修形式),比如說寶貝分類導(dǎo)航、歡迎光臨、店鋪收藏、客服、工作時(shí)間、店鋪公告、促銷廣告等等,只要你有想象力,你就能把你的店鋪裝修的像旺鋪一樣漂亮。
好了,先寫到這里了,希望對(duì)新手、新掌柜有幫助,也希望大家能加我為好友,我們一起來把自己的店鋪打扮的更漂亮,一起來分享經(jīng)驗(yàn)。
6、在編輯文檔中拖動(dòng)鼠標(biāo)把你設(shè)計(jì)好的板塊以布局表格的形式體現(xiàn)出來。在這里,你要設(shè)計(jì)你店鋪當(dāng)中多少個(gè)板塊都可以的,一般寬度都是750像素,高度因自己的設(shè)計(jì)而設(shè)置,在這里我舉個(gè)例子吧:
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則