網(wǎng)上開店實務(wù)情境三課件

1、學(xué)習(xí)情境3 網(wǎng)店裝修16布局頁面1編輯樣式2編輯頁面3掌握頁面布局、風(fēng)格設(shè)置、頁面編輯的方法。學(xué)習(xí)目標(biāo)學(xué)習(xí)情境3 網(wǎng)店裝修俗話說“人靠衣裝，佛靠金裝”，美好的外表能給人帶來美的享受，網(wǎng)絡(luò)店鋪也是如此。把店鋪裝飾好，對于小王來說，經(jīng)營好店鋪、招攬更多生意、提高知名度起到非常重要的作用。那么，作為店主，小王在想該怎樣來裝修店鋪呢？情景描述學(xué)習(xí)情境3 網(wǎng)店裝修 步驟1:在淘寶網(wǎng)首頁登錄淘寶賬號，進(jìn)入店鋪后臺，單擊“布局管理”按鈕，出現(xiàn)店鋪首頁的結(jié)構(gòu)展示，如圖3-1所示。店鋪首頁由店鋪頁頭、中間內(nèi)容體、店鋪頁尾三大部分組成。其中，店鋪頁頭包含“店鋪招牌”、“導(dǎo)航”兩部分內(nèi)容;中間內(nèi)容體包含產(chǎn)品展示的各

2、個部分;店鋪頁尾由“自定義內(nèi)容區(qū)”組成。工作任務(wù)1 布局頁面圖3-1子任務(wù)1：布局首頁工作任務(wù)1 布局頁面注意： 以上布局可以根據(jù)店主的需要自由設(shè)置，除“導(dǎo)航”外，其他部分都可以刪除或重新增加模塊。 步驟2: 在圖3-1所示的頁面中，單擊“添加布局單元”，可以重新選擇該模塊的布局，如圖3-2所示。工作任務(wù)1 布局頁面圖3-2 步驟3: 店鋪首頁中將出現(xiàn)新的區(qū)域，如圖3-3所示。在此區(qū)域的右上角，鼠標(biāo)按住第一個十字按鈕不放，可以將此區(qū)域移動到其他位置上。工作任務(wù)1 布局頁面圖3-3 步驟4: 在圖3-3所示的頁面中，單擊“請?zhí)砑幽K”后面的圖標(biāo)，彈出“模塊管理”對話框，可以選擇一個模塊，然后單擊

3、后面的“添加”按鈕，如圖3-4所示。工作任務(wù)1 布局頁面圖3-4工作任務(wù)1 布局頁面登錄圖3-1所示的淘寶網(wǎng)后臺的店鋪裝修頁面，單擊頂部的“布局管理”，然后單擊頁面左側(cè)的“默認(rèn)寶貝詳情頁”，將在頁面中心呈現(xiàn)“默認(rèn)寶貝詳情頁”的頁面布局，如圖3-5所示。在此窗口中可以添加或刪除模塊，操作方法與子任務(wù)1的方法相似。子任務(wù)：布局其他頁面圖3-5工作任務(wù)2 編輯樣式登錄淘寶后臺的店鋪管理平臺，單擊頁面頂部的“裝修”下的“樣式管理”，進(jìn)人“樣式編輯”頁面，如圖3-6所示。選擇適合自己店鋪的配色方案，再點擊“保存”按鈕。子任務(wù)1：選擇配色圖3-6工作任務(wù)2 編輯樣式子任務(wù)2：設(shè)置背景 步驟1: 在“樣式編

4、輯”頁面，單擊“樣式編輯”下的“背景設(shè)置”，出現(xiàn)“頁頭設(shè)置”窗口。在此窗口中，單擊“選擇要設(shè)置的頁面”旁的下拉框，既可以選擇“所有頁面”，也可以單獨選擇某一頁面，如“首頁”、“默認(rèn)寶貝詳情頁”、“店內(nèi)搜索頁”、“默認(rèn)寶貝分類頁”、“店鋪動態(tài)”、“活動列表”等，如圖3-7所示。圖3-7工作任務(wù)2 編輯樣式步驟2:選擇了要設(shè)置的頁面后，再設(shè)置頁頭背景。在具體設(shè)置背景時有兩種方式:一是設(shè)置純色背景，單擊“頁頭背景色”旁的顏色色塊即可更換;二是設(shè)置背景圖片，單擊“頁頭背景圖”旁的“更換圖片”按鈕，即可以將背景換為圖片，如圖3-8所示。圖3-8工作任務(wù)3 編輯頁面子任務(wù)1：設(shè)計店招 店招也稱為店鋪招牌，

5、是一個網(wǎng)店的“臉面”，好的店招可以吸引更多客流。店招不僅具有識別作用，而且能讓顧客簡單了解店鋪的特點與產(chǎn)品類別。圖3-9展示了兩個網(wǎng)店的店招。圖3-9 (a)圖3-9 (b)工作任務(wù)3 編輯頁面操作步驟 步驟1: 在淘寶網(wǎng)首頁登錄淘寶賬號，進(jìn)入店鋪管理后臺，在“頁面編輯”頁面中，將鼠標(biāo)放在如圖3-10所示的位置上，單擊出現(xiàn)的“編輯”按鈕。圖3-10工作任務(wù)3 編輯頁面 步驟2:彈出如圖3-11所示的“店鋪招牌”頁面，可以選擇“招牌類型”中的“默認(rèn)招牌”，再單擊“選擇文件”按鈕，從本地電腦或圖片空間中選擇背景圖片作為店招背景。也可以選擇“招牌類型”中的“自定義招牌”，在編輯窗口中自由編輯，如圖3

6、-12所示。圖3-11工作任務(wù)3 編輯頁面 步驟2:彈出如圖3-11所示的“店鋪招牌”頁面，可以選擇“招牌類型”中的“默認(rèn)招牌”，再單擊“選擇文件”按鈕，從本地電腦或圖片空間中選擇背景圖片作為店招背景。也可以選擇“招牌類型”中的“自定義招牌”，在編輯窗口中自由編輯，如圖3-12所示。圖3-12工作任務(wù)3 編輯頁面子任務(wù)2：設(shè)置寶貝分類操作步驟 步驟1: 首先進(jìn)入店鋪管理后臺，單擊頁面最上方橫向?qū)Ш街小吧唐贰毕碌摹胺诸惞芾怼保瑥棾鋈鐖D3-14所示的頁面。單擊頁面右側(cè)的“刪除”按鈕，可以刪除對應(yīng)項的分類。圖3-14工作任務(wù)3 編輯頁面子任務(wù)2：設(shè)置寶貝分類操作步驟步驟2:當(dāng)需要查看分類下的寶貝，可

7、以單擊如圖3-14所示的頁面中最右側(cè)的“查看”按鈕，則出現(xiàn)屬于該類別的寶貝。如果此寶貝還屬于其他分類，則可以繼續(xù)單擊如圖3-15所示的頁面中的“添加分類”下拉菜單，勾選需要再添加的類別。圖3-15工作任務(wù)3 編輯頁面子任務(wù)2：設(shè)置寶貝分類操作步驟 步驟3: 返回到如圖3-14所示的頁面，單擊“添加手工分類”按鈕，會出現(xiàn)一個新分類窗口，在此窗口中可輸人需要添加的分類名稱，如圖3-16所示。圖3-16工作任務(wù)3 旺鋪裝修注意：每個分類也可以調(diào)整順序。圖3-16所示頁面右側(cè)的四個箭頭中，第一個箭頭表示置頂，第二個箭頭表示向上移一位，第三個箭頭表示向下移一位，第四個箭頭表示置于底部位置。工作任務(wù)3 編

8、輯頁面子任務(wù)2：設(shè)置寶貝分類操作步驟 步驟4: 如果要針對每個分類設(shè)置一張圖片，可以單擊“添加圖片”按鈕，然后選擇插入“網(wǎng)絡(luò)圖片”或“插人圖片空間圖片”，插人圖片后單擊“確定”按鈕，如圖3-17所示。圖3-17工作任務(wù)3 編輯頁面子任務(wù)3：設(shè)置導(dǎo)航圖3-18操作步驟 步驟1: 首先進(jìn)人店鋪管理后臺，在“頁面編輯”頁面中，將鼠標(biāo)放在如圖3-18所示的位置上，單擊出現(xiàn)的“編輯”按鈕。步驟2:彈出如圖3-19所示的頁面，單擊“添加”按鈕。工作任務(wù)3 編輯頁面子任務(wù)3：設(shè)置導(dǎo)航操作步驟 步驟3: 在彈出的頁面中單擊“寶貝分類”選項卡，勾選需要加人導(dǎo)航的寶貝分類，再單擊“確定”按鈕，即可添加寶貝分類至導(dǎo)

9、航菜單，如圖3-20所示。圖3-20工作任務(wù)3 編輯頁面子任務(wù)3：設(shè)置導(dǎo)航操作步驟 步驟4: 單擊“頁面”選項卡，可以勾選添加“基礎(chǔ)頁面”或“自定義頁面”，也可以單擊頁面右上角的“添加自定義頁面”文字鏈接設(shè)置自定義頁面，最后單擊“確定”按鈕，即可添加頁面至導(dǎo)航菜單，如圖3-21所示。圖3-21工作任務(wù)3 編輯頁面子任務(wù)3：設(shè)置導(dǎo)航操作步驟 步驟5: 單擊“自定義鏈接”選項卡可以添加淘寶網(wǎng)內(nèi)部店鋪鏈接或活動地址鏈接等。首先輸人“鏈接名稱”，再輸人“鏈接地址”，最后單擊“保存”按鈕，如圖3-22所示。圖3-22工作任務(wù)3 編輯頁面子任務(wù)3：設(shè)置導(dǎo)航操作步驟步驟7:最后，導(dǎo)航的前臺效果如圖3-24所

10、示。圖3-24工作任務(wù)3 旺鋪裝修子任務(wù)4：設(shè)置寶貝推薦圖3-25操作步驟 步驟1: 在淘寶后臺的店鋪裝修頁面中單擊“頁面編輯”，然后在導(dǎo)航下方添加“寶貝推薦”模塊，如圖3-25所示。工作任務(wù)3 旺鋪裝修子任務(wù)4：設(shè)置寶貝推薦圖3-26操作步驟 步驟2: 在“寶貝推薦”模塊右上角單擊“編輯”按鈕，進(jìn)人寶貝推薦設(shè)置界面，可設(shè)置希望推薦寶貝的“寶貝分類”、“關(guān)鍵字”、“價格范圍”和“寶貝數(shù)量”等多個條件，也可以只設(shè)置一個條件，如圖3-26所示。工作任務(wù)3 旺鋪裝修子任務(wù)4：設(shè)置寶貝推薦圖3-27操作步驟 步驟3: 單擊“顯示設(shè)置”選項卡，可以對寶貝推薦里寶貝的展現(xiàn)方式進(jìn)行設(shè)置，選擇完成后單擊“保存

11、”按鈕即可，如圖3-2 7所示。工作任務(wù)3 旺鋪裝修子任務(wù)4：設(shè)置寶貝推薦操作步驟步驟4:設(shè)置完成后，寶貝推薦的前臺呈現(xiàn)效果如圖3-28所示。圖3-28工作任務(wù)3 旺鋪裝修子任務(wù)5：設(shè)置圖片輪播操作步驟 步驟1: 在淘寶后臺的店鋪裝修頁面中單擊“頁面編輯”，然后在導(dǎo)航下方添加“圖片輪播”模塊，如圖3-29所示。圖3-29工作任務(wù)3 旺鋪裝修子任務(wù)5：設(shè)置圖片輪播操作步驟 步驟2: 在“圖片輪播”模塊右上角單擊“編輯”按鈕，進(jìn)人圖片輪播設(shè)置界面。首先在“內(nèi)容設(shè)置”選項卡中單擊“圖片地址”下方輸入框旁的按鈕，可選擇上傳圖片的方式為從本地電腦上傳，也可以從圖片空間中選擇上傳。然后在“鏈接地址”輸人框

12、中輸人單擊圖片所進(jìn)人的網(wǎng)頁地址，如圖3-30所示。圖3-30工作任務(wù)3 旺鋪裝修子任務(wù)5：設(shè)置圖片輪播操作步驟 步驟3: 單擊“顯示設(shè)置”選項卡，可以設(shè)置三項內(nèi)容:一是“顯示標(biāo)題，;二是“模塊高度”;三是“切換效果”。設(shè)置完成后，單擊“保存”按鈕，如圖3-31所示。圖3-31工作任務(wù)3 旺鋪裝修子任務(wù)5：設(shè)置圖片輪播操作步驟步驟4:設(shè)置完成后，圖片輪播的前臺呈現(xiàn)效果如圖3-32所示。圖3-32工作任務(wù)3 旺鋪裝修子任務(wù)6：設(shè)置旺旺操作步驟 步驟1: 登錄個人淘寶賬戶管理后臺，進(jìn)入店鋪裝修頁面，在左側(cè)布局中單擊添加“客服中心”模塊，如圖3-3 3所示。圖3-33工作任務(wù)3 旺鋪裝修子任務(wù)6：設(shè)置

13、旺旺操作步驟 步驟2: 單擊“客服中心”模塊右上角的“編輯”按鈕，進(jìn)人“客服中心”的設(shè)置界面。在“內(nèi)容設(shè)置”選項卡中，可以設(shè)置“工作時間”、輸入“聯(lián)系方式”等，如圖3-34所示。圖3-34工作任務(wù)3 旺鋪裝修子任務(wù)6：設(shè)置旺旺操作步驟 步驟3: 單擊“顯示設(shè)置”選項卡，可以設(shè)置是否顯示標(biāo)題欄以及標(biāo)題顯示的內(nèi)容，如圖3-35所示。圖3-35工作任務(wù)3 旺鋪裝修子任務(wù)6：設(shè)置旺旺操作步驟 步驟4: 設(shè)置完成后，客服中心的前臺呈現(xiàn)效果如圖3-36所示。步驟5: 除設(shè)置固定旺旺外，還可以設(shè)置懸浮旺旺。在店鋪裝修頁面的右側(cè)有一個懸浮旺旺模塊，單擊其頂部的“編輯”按鈕，如圖3-37所示。圖3-36圖3-37工作任務(wù)3 旺鋪裝修子任務(wù)6：設(shè)置旺旺操作步驟 步驟6: 彈出懸浮旺旺的編輯窗口，如圖3-38所示。這個窗口的設(shè)置內(nèi)容和固定旺旺相似這里不再贅述。圖3-38工作任務(wù)3 旺鋪裝修子任務(wù)7：設(shè)置自定義內(nèi)容區(qū)操作步驟 步驟1: 在“頁尾區(qū)域”添加“自定義內(nèi)容區(qū)”模塊后，在“頁面編輯”頁面中，單擊自定義內(nèi)容區(qū)模塊右上角