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