網(wǎng)店裝修（第二版）學(xué)習(xí)情境五 教案

任務(wù)一店鋪首頁策劃一

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

(1)了解店鋪首頁裝修的基礎(chǔ)理論知識(shí)。

(2)掌握店鋪首頁裝修的創(chuàng)作方法。

2,技能目標(biāo)

(1)能正確理解首頁的作用。

(2)能熟悉首頁每個(gè)模塊的制作方法

3、情感目標(biāo)

(1)培養(yǎng)學(xué)生美感審美的能力，美的情操。

(2)培養(yǎng)學(xué)生積極思考、大膽探索的能力。

(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系

到顧客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽

店鋪的商品，增加顧客下單的概率。。

教學(xué)重點(diǎn)：1、電腦端首頁的規(guī)范。

2、首頁的主要模塊。

教學(xué)難點(diǎn)：1、首頁的組成模塊。

2、首頁的布局。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)思考什么是首頁？首頁的作用？看展示的引出首頁裝

情景引首頁，思考修的重要

入課題問題。性。

一、一個(gè)正常營業(yè)的店鋪首頁主要由店招、導(dǎo)航、海報(bào)、產(chǎn)品了解電腦讓學(xué)生先行

分類、客服旺旺、產(chǎn)品展示、店鋪頁尾、店鋪背景以及滿返、端首頁的了解電腦端

布局首頁的基本

滿減、紅包、購物券等營銷模塊。

知識(shí)

店鋪首頁的標(biāo)準(zhǔn)布局圖：

2、新課

講解

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

讓學(xué)生對(duì)首

悉首

能熟

頁的整體布

主

由

要

頁

局有系統(tǒng)的

些

塊

模

哪

了解，便于

成

今

每

構(gòu)

后面的策劃

內(nèi)

的

模

塊

哪

容

為

可

些

？

二、首頁布局內(nèi)容解析

1、店招

顧名思義是店鋪的招牌，店招的尺寸為950*150PX含自

定義導(dǎo)航部分，950*120PX其導(dǎo)航為系統(tǒng)自帶。店招一般展示

的內(nèi)容是店鋪的名稱、log。標(biāo)志、口號(hào)等，詳細(xì)一些的也可

以展示1-2款主推的產(chǎn)品，還有領(lǐng)取優(yōu)惠券的設(shè)計(jì)，收藏店鋪

的圖標(biāo)。店招是店鋪上唯一各個(gè)頁面都能展示出現(xiàn)的模塊，所

以一些重點(diǎn)推廣信息可以設(shè)計(jì)在店招上。

2、導(dǎo)航條

導(dǎo)航條可分為淘寶系統(tǒng)自帶和自定義導(dǎo)航條設(shè)計(jì)，主要功

能是可以快速鏈接到相應(yīng)的指定頁面。一般內(nèi)容為所有分類、

首頁等，豐富一些的有會(huì)員制度、購物須知、品牌故事等等,

具體可根據(jù)自己店鋪內(nèi)容而定。

3、全屏海報(bào)或輪播海報(bào)

全屏海報(bào)主要用于店鋪重大公告、折扣優(yōu)惠、主打產(chǎn)品推

薦，讓客戶一進(jìn)入首頁就能看到店鋪的重點(diǎn)，一般全屏海報(bào)尺

寸1920*600PX（建議高度在400-600PX間較好）。

輪播海報(bào)主要用于推廣產(chǎn)品的促銷內(nèi)容，可以做成促銷海

報(bào)吸引買家。尺寸為950*500PX（建議高度在400-500PX間

較好）。

4、產(chǎn)品分類

產(chǎn)品分類方便買家根據(jù)自己的需求在店鋪快速找到想要

的產(chǎn)品。分類主要可按價(jià)格分類，產(chǎn)品功能分類，產(chǎn)品屬性分

類等。本模塊尺寸可根據(jù)自己店鋪規(guī)劃大小來定義。

5、活動(dòng)促銷區(qū)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

將店鋪的促銷活動(dòng)，顯示在店鋪首頁，可提升店鋪的轉(zhuǎn)化

率。在旺鋪的基礎(chǔ)模塊中，可供使用的促銷工具有：滿返、紅

包、優(yōu)惠券、滿減、滿贈(zèng)。以上營銷服務(wù)，可起到主動(dòng)營銷買

家，提升回頭客的效果。我們所說的設(shè)計(jì)，是通過平面圖片的

設(shè)計(jì)展示在店鋪的首頁，讓買家一目了然的看到。設(shè)計(jì)尺寸

950*200PX內(nèi)。

6、商品展示區(qū)

是指產(chǎn)品通過平面圖片展示設(shè)計(jì)，更能突出產(chǎn)品的性價(jià)

比，更能融化到店鋪的風(fēng)格里，極大提生產(chǎn)品的視覺展示效果

（此非淘寶系統(tǒng)寶貝推薦的豆腐塊式的產(chǎn)品展示）。本模塊尺

寸可根據(jù)自己店鋪規(guī)劃大小來定義。

7、店鋪頁尾

主要展示的內(nèi)容如關(guān)于快遞包裝物流，關(guān)于售后等，尺寸

950*300PX內(nèi)

8、店鋪背景

一個(gè)店鋪的風(fēng)格確立，店鋪的背景占據(jù)了大部分，背景主

要設(shè)計(jì)的內(nèi)容店鋪的背景圖片，店鋪手機(jī)二維碼或店鋪一些重

要的折扣信息都可以加入到店鋪背景上。

三、店鋪首頁案例展示

案例：小熊電器官方旗艦店（見圖5-2）,以簡(jiǎn)約大氣的風(fēng)

格凸顯產(chǎn)品多樣、高檔，排版布局合理緊湊，無需過多的文字

修飾，凸顯高端家電品質(zhì)。

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

促悄活動(dòng)

店長推薦專區(qū)

京甜筋炒烙金雄

分體ifl計(jì)舄清洗

?TH臂N*

分類推薦專區(qū)

根

上面

據(jù)通過此任務(wù)

的

叫

加

“的完成，懂

完

家

任務(wù)名稱為店鋪首頁進(jìn)行模塊策劃小

成得如何撰寫

電

策

頁

根據(jù)本任務(wù)學(xué)習(xí)的知識(shí)，進(jìn)行小家電店鋪首首首頁策劃書

劃

撰

的

書

任務(wù)要求頁各模塊進(jìn)行策劃。寫

弄

有

。

使用Excel工具，進(jìn)行模塊策劃。<沒

地

的

楚

首頁各模塊策完整，能反饋出各區(qū)域的主要清

看

參

可

涉及要點(diǎn)，以文字及圖片的形式進(jìn)行表達(dá)。方

切

制作規(guī)范微

首頁寬：1920像素，核心內(nèi)容需要放置在頁

面中心950像素內(nèi)。

產(chǎn)品資料店招主推商品2個(gè)：網(wǎng)紅輕食早餐機(jī)、智能

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

加濕器

海報(bào)商品1個(gè)：旋鈕式破壁機(jī)

店長推薦商品5個(gè)：大容量空氣炸鍋、紫外

線消毒柜、輕食三明治機(jī)、雙蓋燉煮養(yǎng)生壺、

多功能電煮鍋

新品4個(gè)：迷你電烤箱、萌潮養(yǎng)生壺、雙層

電飯盒、便攜榨汁杯

店名：“小熊電器”小家電專賣店

店標(biāo)：自己設(shè)計(jì)，突出店名、主營類目，色

彩搭配合理。

店鋪資料店鋪口號(hào)：健康生活每一天。

優(yōu)惠券：買滿199減10元、買滿380減20

元、買滿750減40元

促銷活動(dòng)：秋季滋補(bǔ)產(chǎn)品特價(jià)優(yōu)惠。

白

本節(jié)

本節(jié)課要掌握的重點(diǎn)：明

己要

自

課

課后、店鋪首頁布局

5^1的知

握

掌

小結(jié)、店鋪首頁模塊

點(diǎn)

2謝

任務(wù)二店標(biāo)設(shè)計(jì)

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

（1）店標(biāo)的定義、作用。

（2）店標(biāo)的和規(guī)格尺寸。

2,技能目標(biāo)

（1）根據(jù)店標(biāo)的規(guī)格尺寸和類型設(shè)計(jì)店鋪店標(biāo)。

3、情感目標(biāo)

（1）培養(yǎng)學(xué)生美感審美的能力，美的情操。

（2）培養(yǎng)學(xué)生積極思考、大膽探索的能力。

（3）培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系到顧

客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽店鋪

的商品，增加顧客下單的概率。

教學(xué)重點(diǎn)：1、店標(biāo)規(guī)格尺寸。

教學(xué)難點(diǎn)：1、根據(jù)店標(biāo)的規(guī)格尺寸和類型設(shè)計(jì)店鋪店招。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)常見的店標(biāo)有哪些？思考為什么你們都能記住它？思考回答問強(qiáng)化店標(biāo)

情景引題設(shè)計(jì)很重

入課題要

一、店標(biāo)的定義及作用聆聽講解，提升自主

1、店標(biāo)的定義店標(biāo)的定學(xué)習(xí)和專

義、作用、注聽講的

店鋪的標(biāo)志，是指網(wǎng)店中起到識(shí)別和推廣店鋪?zhàn)饔玫膱D案，通過店標(biāo)

規(guī)格及分能力。

可以讓消費(fèi)者記住店鋪主體和品牌文化，是店鋪標(biāo)識(shí)的圖形記號(hào)。一個(gè)網(wǎng)

o

店的店標(biāo)可作為一個(gè)店鋪的形象參考，給人的感覺是最直觀的?？梢源?/p>

著你店鋪的風(fēng)格，店主的品位，產(chǎn)品的特性，也可起到宣傳的作用。

2、店標(biāo)的作用

2、新課網(wǎng)店店標(biāo)是公眾識(shí)別網(wǎng)店的指示器。店標(biāo)是一種“視覺語言”。它通過

講解

一定的圖案、顏色來向消費(fèi)者傳輸商店信息，以達(dá)到識(shí)別商店、促進(jìn)銷售

的目的。

二、店標(biāo)要求

1、文件格式GIF、JPG、JPEG、PNG

2、文件大小80K以內(nèi)

3、建議尺寸80PX*80Px

三、店標(biāo)設(shè)計(jì)的步驟

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

(1)提取店名關(guān)鍵字，取得關(guān)鍵字的首字母。

(2)抽象選擇可替代該行業(yè)的圖案。

(3)將字母和圖案結(jié)合，完成標(biāo)志的設(shè)計(jì)。

發(fā)布實(shí)訓(xùn)任務(wù)：為小家電店鋪設(shè)計(jì)店標(biāo)。參考網(wǎng)上電利用所學(xué)

器店標(biāo)，用知識(shí)，分析

4、學(xué)生

Photoshop任務(wù)，講練

實(shí)訓(xùn)

制作店鋪店結(jié)合，學(xué)以

標(biāo)。致用

本節(jié)課要掌握的重點(diǎn)：明白本節(jié)課

1、店標(biāo)的定義自己要掌握

5、課后

、店標(biāo)的作用的知識(shí)點(diǎn)

小結(jié)2

3、店標(biāo)要求

4、店標(biāo)設(shè)計(jì)的步驟

任務(wù)三店招設(shè)計(jì)

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

(1)店招的定義、作用。

(2)店招的和規(guī)格尺寸。

2,技能目標(biāo)

(1)根據(jù)店招的規(guī)格尺寸和類型設(shè)計(jì)店鋪店標(biāo)。

3、情感目標(biāo)

(1)培養(yǎng)學(xué)生美感審美的能力，美的情操。

(2)培養(yǎng)學(xué)生積極思考、大膽探索的能力。

(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系到顧

客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽店鋪

的商品，增加顧客下單的概率。

教學(xué)重點(diǎn)：1、店招規(guī)格尺寸。

教學(xué)難點(diǎn)：1、根據(jù)店招的規(guī)格尺寸和類型設(shè)計(jì)店鋪店招。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)常見的店標(biāo)有哪些？思考為什么你們都能記住它？思考回答問強(qiáng)化店標(biāo)

情景引題設(shè)計(jì)很重

入課題要

一、店招的定義及作用聆聽講解，以學(xué)習(xí)者

聽取老師講為中心，突

1、店招的定義

解，正確回出學(xué)生主

店招就是商店的招牌，有的地方叫‘‘招子"。古人稱為“幌子”、“望子”。

答出店招包體地位，

近年來隨著網(wǎng)絡(luò)交易平臺(tái)的發(fā)展，店招也延伸到網(wǎng)店中，即虛擬店鋪的招含的元素。教師的引

牌。網(wǎng)店的招牌相當(dāng)于傳統(tǒng)商鋪的“門頭”一樣，具有同樣的含義。導(dǎo)。

2、新課2、店招的作用

講解(1)店招可以表明商店所售物品或服務(wù)項(xiàng)目的標(biāo)志；

(2)可以傳遞商店的經(jīng)營理念以及品牌優(yōu)勢(shì)等；

(3)可以展示出店鋪的優(yōu)勢(shì)產(chǎn)品及服務(wù)。

二、店招的大小

店招尺寸990/950x120PX,C店和商城的店招尺寸是有區(qū)別的，如圖

所示：

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

店招尺寸比例圖

c店：950px

商城：990px

三、店招的分類

以店招的主要功能進(jìn)行分類的話，店招主要分為下面三大類：

1、以品牌宣傳為目的的店招

這類店招首先要考慮的內(nèi)容是店鋪名、店鋪logo、店鋪口號(hào)因?yàn)檫@是

品牌宣傳的最基本的內(nèi)容；其次是關(guān)注按鈕、關(guān)注人數(shù)、收藏按鈕、店鋪

資質(zhì)，可以側(cè)面反映店鋪實(shí)力；再次是搜索框、第二導(dǎo)航條等方便用戶體

驗(yàn)的內(nèi)容。

2、以活動(dòng)促銷為目的的店招

這類店鋪的特點(diǎn)是店鋪活動(dòng)、流量集中增加，有別于店鋪正常運(yùn)營。

所以店招首要考慮的因素是活動(dòng)信息/時(shí)間/倒計(jì)時(shí)、優(yōu)惠券、促銷產(chǎn)品等

活動(dòng)或者促銷信息；其次是搜索框、旺旺、第二導(dǎo)航條等方便用戶體驗(yàn)的

內(nèi)容：再次才是店鋪名、店鋪log。、店鋪口號(hào)等品牌宣傳為主的內(nèi)容。

3、以產(chǎn)品推廣為目的的店招

表現(xiàn)突出、對(duì)店鋪有貢獻(xiàn).店鋪特點(diǎn)是有主推產(chǎn)品、想要主推一款或

幾款產(chǎn)品。在店招上，這類店鋪要主打促銷產(chǎn)品、促銷信息、優(yōu)惠券、活

動(dòng)信息等促銷信息；其次是店鋪名、店鋪log。、店鋪口號(hào)等品牌宣傳為主

的內(nèi)容；再次是搜索框、第二導(dǎo)航條等方便用戶體驗(yàn)的內(nèi)容。

四、制作店招要注意的事項(xiàng)

1、首先視覺重點(diǎn)不宜過多，有1-2個(gè)就夠了，太多了導(dǎo)致店招沒有核

心。

2、其次根據(jù)店鋪現(xiàn)階段的情況來分析，如果現(xiàn)階段是做大促，可以著

重突出促銷信息，但是品牌性也不能忽略，反之則剛好相反。

3、店招一定要凸顯品牌的特性，讓客戶很容易就清楚你是賣什么的，

包括風(fēng)格，品牌文化等等。這些元素需要我們對(duì)自己的品牌有一定的理解

之后，方可以應(yīng)用至店招中，避免對(duì)自己的品牌定位出現(xiàn)偏差。

4、顏色不要復(fù)雜，顏色一定要保持整潔性，不要使用過多的顏色，店

鋪本來需要表達(dá)的信息量就不大，不需要把店招作得太花哨，給買家造成

視覺疲勞很可能就會(huì)流失了客戶的關(guān)注度，盡量只使用1-3種顏色，減少

使用過于刺激的顏色。

發(fā)布實(shí)訓(xùn)任務(wù)：為小家電店鋪設(shè)計(jì)店招。參考網(wǎng)上電利用所學(xué)

器店招，用知識(shí)，分析

4、學(xué)生

Photoshop任務(wù)，講練

實(shí)訓(xùn)

制作店鋪店結(jié)合，學(xué)以

招。致用

5、課后本節(jié)課要掌握的重點(diǎn):明白本節(jié)課

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

小結(jié)1、店招的定義及作用自己要掌握

2、店招的大小的知識(shí)點(diǎn)

3、店招的分類

4、制作店招要注意的事項(xiàng)

任務(wù)四海報(bào)設(shè)計(jì)

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

(1)海報(bào)的大小。

(2)海報(bào)的類型。

2,技能目標(biāo)

(1)海報(bào)設(shè)計(jì)共同標(biāo)準(zhǔn)。

(2)海報(bào)整體構(gòu)圖。

3、情感目標(biāo)

(1)培養(yǎng)學(xué)生美感審美的能力，美的情操。

(2)培養(yǎng)學(xué)生積極思考、大膽探索的能力。

(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系到顧

客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽店鋪

的商品，增加顧客下單的概率。

教學(xué)重點(diǎn)：1、海報(bào)整體構(gòu)圖。

教學(xué)難點(diǎn)：1、海報(bào)設(shè)計(jì)共同標(biāo)準(zhǔn)。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)對(duì)比兩個(gè)店鋪，思考哪一個(gè)流量會(huì)更多？思考回答問強(qiáng)化全屏

情景引題海報(bào)很重

入課題要

一、海報(bào)的大小聆聽講解，以學(xué)習(xí)者

聽取老師講為中心，突

全屏海報(bào)尺寸：寬1920px

解，正確回出學(xué)生主

中間部分950px(C店)990px(天貓)

答出海報(bào)的體地位，

高400-540px尺寸、類型。教師的引

導(dǎo)。

二、海報(bào)的類型

1、產(chǎn)品型海報(bào)主要展現(xiàn)產(chǎn)品賣點(diǎn)的海報(bào)

2、促銷型海報(bào)主要展現(xiàn)促銷信息的海報(bào)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

三、海報(bào)設(shè)計(jì)共同標(biāo)準(zhǔn)

1、主題突出

2、目標(biāo)明確

3、形式美觀

四、海報(bào)整體構(gòu)圖

1、左圖右字型（左右構(gòu)圖）

2、右圖左字型（左右構(gòu)圖）

3、兩邊圖中間字型（居中構(gòu)圖）

發(fā)布實(shí)訓(xùn)任務(wù)：為小家電店鋪設(shè)計(jì)全屏海報(bào)。參考網(wǎng)上電利用所學(xué)

器全屏海知識(shí)，分析

4、學(xué)生報(bào)，用任務(wù)，講練

實(shí)訓(xùn)Photoshop結(jié)合，學(xué)以

制作店鋪店致用

招。

本節(jié)課要掌握的重點(diǎn)：明白本節(jié)課

1、海報(bào)的大小自己要掌握

5、課后

、海報(bào)的類型的知識(shí)點(diǎn)

小結(jié)2

3、海報(bào)設(shè)計(jì)共同標(biāo)準(zhǔn)

4、海報(bào)整體構(gòu)圖

任務(wù)五促銷區(qū)設(shè)計(jì)

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

(1)促銷區(qū)的類型。

(2)促銷區(qū)設(shè)計(jì)要點(diǎn)。

2,技能目標(biāo)

(1)促銷區(qū)設(shè)計(jì)四步驟

3、情感目標(biāo)

(1)培養(yǎng)學(xué)生美感審美的能力，美的情操。

(2)培養(yǎng)學(xué)生積極思考、大膽探索的能力。

(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系到顧

客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽店鋪

的商品，增加顧客下單的概率。

教學(xué)重點(diǎn)：1、促銷區(qū)設(shè)計(jì)要點(diǎn)。

教學(xué)難點(diǎn)：1、促銷區(qū)設(shè)計(jì)四步驟。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)思考優(yōu)惠券的好處？思考回答問強(qiáng)化促銷

情景引題區(qū)設(shè)計(jì)很

入課題重要

一、常見的網(wǎng)店促銷區(qū)聆聽講解，以學(xué)習(xí)者

聽取老師講為中心，突

1、優(yōu)惠券解，正確回出學(xué)生主

2、促銷活動(dòng)：折扣活動(dòng)、會(huì)員活動(dòng)、抽獎(jiǎng)活動(dòng)、滿贈(zèng)活動(dòng)答出促銷區(qū)體地位，

類型、促銷教師的引

二、促銷區(qū)設(shè)計(jì)要點(diǎn)區(qū)設(shè)計(jì)要點(diǎn)導(dǎo)。

等。

(1)促銷活動(dòng)，羅列清晰

2、新課

(2)區(qū)域劃分，明確獨(dú)立

講解

(3)核心內(nèi)容,突出顯示

(4)顏色鮮艷，吸引眼球

三、促銷區(qū)設(shè)計(jì)四步驟

(1)梳理優(yōu)惠規(guī)則：時(shí)間、優(yōu)惠價(jià)格

(2)確定元素組合形式：中英文、數(shù)字

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

(3)確定構(gòu)圖和配色：上下/左右構(gòu)圖、主輔色調(diào)

(4)選合適平臺(tái)和軟件：ps工具、智能工具

發(fā)布實(shí)訓(xùn)任務(wù)：為小家電店鋪設(shè)計(jì)促銷區(qū)。參考網(wǎng)上電利用所學(xué)

器促銷區(qū)，知識(shí)，分析

4、學(xué)生用任務(wù)，講練

實(shí)訓(xùn)Photoshop結(jié)合，學(xué)以

制作店鋪店致用

招。

本節(jié)課要掌握的重點(diǎn)：明白本節(jié)課

自己要掌握

5、課后1、常見的網(wǎng)店促銷區(qū)

的知識(shí)點(diǎn)

小結(jié)

2、促銷區(qū)設(shè)計(jì)要點(diǎn)

3、促銷區(qū)設(shè)計(jì)四步驟

任務(wù)六產(chǎn)品分類導(dǎo)航設(shè)計(jì)

一、教學(xué)目標(biāo)

1、知識(shí)目標(biāo)

(1)產(chǎn)品分類導(dǎo)航的定義及作用。

(2)產(chǎn)品的分類標(biāo)準(zhǔn)。

2,技能目標(biāo)

(1)產(chǎn)品分類導(dǎo)航的種類。

3、情感目標(biāo)

(1)培養(yǎng)學(xué)生美感審美的能力，美的情操。

(2)培養(yǎng)學(xué)生積極思考、大膽探索的能力。

(3)培養(yǎng)學(xué)生自主學(xué)習(xí)、協(xié)助學(xué)習(xí)的能力。

二、教學(xué)內(nèi)容分析

網(wǎng)店首頁的美觀程度，直接決定進(jìn)店顧客的主觀感受，可以延長顧客進(jìn)店停留時(shí)間，關(guān)系到顧

客能否在店鋪下單購物。美觀的店鋪裝修會(huì)給客戶好的第一印象，顧客會(huì)更愿意多花時(shí)間瀏覽店鋪

的商品，增加顧客下單的概率。

教學(xué)重點(diǎn)：1、產(chǎn)品的分類標(biāo)準(zhǔn)。

教學(xué)難點(diǎn)：1、分類導(dǎo)航的設(shè)計(jì)。

三、教學(xué)過程設(shè)計(jì)

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

1、創(chuàng)設(shè)對(duì)比兩個(gè)導(dǎo)航，思考哪一個(gè)點(diǎn)擊量會(huì)更多？思考回答問強(qiáng)化分類

情景引題導(dǎo)航很重

入課題要

一、產(chǎn)品分類導(dǎo)航的定義及作用聆聽講解，以學(xué)習(xí)者

定義：淘寶店鋪的分類導(dǎo)航是指引顧客更快找到自己購買物品位置的聽取老師講為中心，突

解，正確回出學(xué)生主

指向燈，相當(dāng)于超市中標(biāo)明各類商品位置的指示牌，其重要性不言而喻。

答出促銷區(qū)體地位，

作用：1、引導(dǎo)顧客快速的找到所需要購買的商品，起到了路徑的作用。類型、促銷教師的引

2、還可以提高顧客在店鋪里的訪問深度，增加瀏覽流量。區(qū)設(shè)計(jì)要點(diǎn)導(dǎo)。

3、有助于顧客對(duì)整個(gè)店鋪的商品全面了解，提高客單價(jià)。等。

二、產(chǎn)品的分類標(biāo)準(zhǔn)

2、新課1、按商品類目

講解

2、按商品價(jià)位

3、按商品上架時(shí)間

4、按店鋪促銷活動(dòng)

三、產(chǎn)品分類導(dǎo)航的種類

1、店招導(dǎo)航

2、頁中分類導(dǎo)航

3、左側(cè)分類導(dǎo)航

4、頁尾導(dǎo)航

教學(xué)步

教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

驟

發(fā)布實(shí)訓(xùn)任務(wù)：為小家電店鋪設(shè)計(jì)分類導(dǎo)航。參考網(wǎng)上分利用所學(xué)

類導(dǎo)航，用知識(shí)，分析

4、學(xué)生

Photoshop任務(wù)，講練

實(shí)訓(xùn)

制作店鋪店結(jié)合，學(xué)以