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