5．5．1　教學(xué)目標(biāo)

終極目標(biāo)：了解店鋪裝修中各模塊的編輯要求及方法。

促成目標(biāo)：

（1）了解店鋪裝修的方法。

（2）了解各模塊中對(duì)上傳圖片的要求。

5．5．2工作任務(wù)

總體任務(wù)：掌握店鋪裝修的方法。

具體任務(wù)：

（1）學(xué)會(huì)店鋪裝修的操作方法。

（2）掌握使用Photoshop工具制作店鋪招牌的方法。

（3）了解店鋪招牌在店鋪中的作用。

5．5．3　能力訓(xùn)練

活動(dòng)分工：學(xué)生3～4人一組。

活動(dòng)器材：計(jì)算機(jī)，互聯(lián)網(wǎng)，商品拍攝實(shí)訓(xùn)室。

活動(dòng)內(nèi)容：學(xué)生了解店鋪招牌的尺寸，運(yùn)用Photoshop工具制作完成店鋪招牌，并上傳到店鋪中。

活動(dòng)程序：

第一步：登錄進(jìn)入淘寶網(wǎng)，進(jìn)入賣家中心，在左側(cè)的菜單中選擇“店鋪裝修”，進(jìn)入到裝修頁(yè)面，單擊“模塊”按鈕，如圖5－30所示。

圖5－30　店鋪裝修頁(yè)面

第二步：鼠標(biāo)移動(dòng)到所需更改的模塊，便會(huì)出現(xiàn)相關(guān)選項(xiàng)，選擇“編輯”按鈕進(jìn)入店鋪招牌的編輯模塊，如圖5－31所示。

圖5－31　店招編輯模塊

第三步：打開(kāi)“店鋪招牌”對(duì)話框，可以看到店鋪招牌的尺寸（高度不超過(guò)120px），選擇準(zhǔn)備好的banner圖片，單擊“保存”按鈕，如圖5－32所示。

圖5－32　修改店鋪招牌

第四步：最后，回到店鋪裝修頁(yè)面，在右上角有“預(yù)覽”和“發(fā)布”按鈕，先預(yù)覽，如果覺(jué)得很滿意，再單擊“發(fā)布”按鈕，如圖5－33所示。

圖5－33　發(fā)布效果

5．5．4　相關(guān)知識(shí)

開(kāi)網(wǎng)店跟開(kāi)實(shí)體店一樣，裝修是一個(gè)重要的步驟，只有吸引人眼球的裝修才不至于淹沒(méi)在多如牛毛的淘寶店鋪中。

新手店鋪信譽(yù)為零，或者信譽(yù)值很低，憑什么讓買家相信你呢？如果把網(wǎng)店裝修得很專業(yè)，會(huì)大大提升買家對(duì)頁(yè)面的瀏覽量。

1）給客戶一個(gè)好的第一印象

如果客戶進(jìn)入你的店鋪，第一感覺(jué)是單調(diào)、亂糟糟、不專業(yè)那么肯定會(huì)影響他的購(gòu)買欲望。相反，如果給他的第一印象是漂亮、美觀、雅致、專業(yè)，會(huì)提高客戶對(duì)你的信任，哪怕暫時(shí)不需要買什么東西，只是覺(jué)得這個(gè)店鋪裝修得漂亮，給人眼前一亮的感覺(jué)，就會(huì)先收藏起來(lái)。這樣不是多了一個(gè)潛在客戶了嗎？

2）裝修網(wǎng)店要注意整體搭配

很多新手到處找免費(fèi)的東西，七拼八湊把網(wǎng)店裝修起來(lái)了，還很得意，其實(shí)整個(gè)店花花綠綠的，給人的感覺(jué)就是不專業(yè)，客戶看得眼睛眩暈，早就逃之夭夭了，哪還有心思繼續(xù)逛下去？

裝修完了，并不是萬(wàn)事大吉了，接下來(lái)要好好宣傳。不宣傳，再漂亮的裝修，再好的商品，也不會(huì)有人知道，酒香也怕巷子深！網(wǎng)上幾百萬(wàn)家店，如何能脫穎而出？這就需要網(wǎng)店與眾不同。尤其要認(rèn)識(shí)到商品圖片的重要性，“同一件商品，因?yàn)榕臄z的差異，會(huì)造成銷售效果大相徑庭”。在淘寶上，好圖勝千言。大家可在家設(shè)置一個(gè)簡(jiǎn)單的攝影棚，光源用幾百瓦的節(jié)能燈，即可拍出滿意照片。具體方法在項(xiàng)目6介紹。

淘寶網(wǎng)店鋪在裝修之前要對(duì)普通店鋪和旺鋪?zhàn)鰧?duì)比分析，了解旺鋪的功能：①普通店鋪只有首頁(yè)，進(jìn)入每一個(gè)分類都要從左邊的分類欄進(jìn)入。而旺鋪除首頁(yè)外，還可以增加6個(gè)頁(yè)面。②普通店鋪的首頁(yè)顯示80px＊80px的店標(biāo)和一個(gè)公告欄，而旺鋪的首頁(yè)可以顯示950px＊120px的店招，公告的大小和位置可以自由設(shè)定，而且旺鋪除了首頁(yè)外，還有6個(gè)頁(yè)面，這6個(gè)頁(yè)面的店招和公告都可以自行設(shè)計(jì)和制定。③普通店鋪的店長(zhǎng)推薦只有在首頁(yè)上顯示的6個(gè)商品，而旺鋪的店長(zhǎng)推薦是可以自由設(shè)置的，可以在多個(gè)頁(yè)面中設(shè)置不同的推薦，不但有普通店鋪的店長(zhǎng)推薦功能，還可以按類目推薦或是按關(guān)鍵字推薦。

對(duì)于一些店鋪的裝修，可以用以下代碼：

①插入公告掛飾：〈img src＝“圖片地址”style＝“l(fā)eft：20px．position：relative．top：0px”／〉。

②公告里插入圖片：〈img border＝“0”src＝“圖片地址”／〉。

③插入公告圖片：〈img src＝“公告圖片地址”／〉。

④店鋪分類代碼：〈img src＝“圖片地址”／〉。

⑤背景音樂(lè)代碼：〈bgsound loop＝“－1”src＝“音樂(lè)地址”〉〈／bgsound〉。

⑥在圖片里附加音樂(lè)的辦法：〈img border＝“0”src＝“圖片地址”dynsrc＝“音樂(lè)地址”／〉。

⑦浮動(dòng)的圖片的代碼：〈／td〉〈／tr〉〈／table〉?！磇mg alt＝“1”height＝“150”src＝“圖片地址”／〉。

⑧換行代碼：需要在想換行的位置輸入〈br〉，如果輸入一個(gè)〈br〉，那就是另起一行；如果連續(xù)輸入兩個(gè)，即〈br〉〈br〉，那就會(huì)空一行。

⑨自定義顏色

代碼：〈font color＝blue〉一元拍〈／font〉。

注解：〈font color＝blue〉〈／font〉是一對(duì)控制文字顏色的代碼，等于號(hào)（＝）后是顏色值。可以更換為其他顏色，如red（紅）、blue（藍(lán)）、green（綠），也可用＃000000～＃ffffff的形式（不過(guò)注意代碼的總長(zhǎng)度不要超過(guò)40bit）。代碼中間的字可以換成自己想要的字。

⑩定義粗體

代碼：〈b〉重要提示〈／b〉。

注解：〈b〉〈／b〉是一對(duì)讓中間字粗體顯示的代碼。代碼中間的字可以換成自己想要的字。

定義斜體

代碼：〈i〉重要提示〈／i〉。

注解：〈i〉〈／i〉是一對(duì)讓中間文字斜體顯示的代碼。代碼中間的字可以換成自己想要的字。

字體大小

代碼：〈font size＝“2”〉。

這里放要處理的文字，可用2、3、4等設(shè)置大小〈／font〉。

5．5．5　思考與練習(xí)

（1）給自己的淘寶店鋪制作一個(gè)banner，并試著裝修，發(fā)布看看效果。

（2）淘寶平臺(tái)除了PC端店鋪外，還有手機(jī)淘寶店鋪，請(qǐng)登錄賣家中心，裝修無(wú)線店鋪。