《淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)--視覺設(shè)計(jì)+店鋪裝修+移動(dòng)端店鋪》—教學(xué)教案

1、淘寶天貓網(wǎng)店美工實(shí)戰(zhàn)-視覺設(shè)計(jì)+店鋪裝修+移動(dòng)端店鋪教學(xué)教案第章課時(shí)內(nèi)容網(wǎng)店關(guān)工初體驗(yàn)授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo)0 了解網(wǎng)店美工的基礎(chǔ)知識(shí)。0熟悉網(wǎng)店美工工作流程。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握網(wǎng)店美工的基礎(chǔ)知識(shí)。0掌握網(wǎng)店美工工作流程。教學(xué)難點(diǎn)0掌握網(wǎng)店美工的工作范疇。0掌握網(wǎng)店美工需要遵循的設(shè)計(jì)原則。0掌握網(wǎng)店美工工作流程。教學(xué)設(shè)計(jì)1、教學(xué)思路：（I）主要講解網(wǎng)店美工的泄義、工作范疇及需要遵循的設(shè)計(jì)原則等知識(shí)點(diǎn)；<2）主要講解網(wǎng)店美工工作流程，包括素材搜集與整合、處理與設(shè)計(jì)、頁而設(shè)訃與制 作、圖片切片與管理、網(wǎng)店的裝修等知識(shí)點(diǎn)。2、教學(xué)手段：通過理論知識(shí)帶圖例的方式，讓學(xué)生加深理論知

2、識(shí)理解的同時(shí)，掌握苴設(shè) 計(jì)方法。3、教學(xué)資料及要求：除教材中講解的知識(shí)外，可在網(wǎng)絡(luò)中査看更多成功案例，以供參考。教學(xué)內(nèi)容知識(shí)回顧：卜而首先講解網(wǎng)店美工，以及網(wǎng)店美工工作流程。討論問題：1、你知道網(wǎng)店美工的主要工作范疇有哪些方而？2、你知道一個(gè)優(yōu)秀的網(wǎng)店美工，在進(jìn)行網(wǎng)店頁而設(shè)計(jì)前，首先要做什么工作？ 內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。1了解網(wǎng)店美工1.1.1網(wǎng)店美工的定義1.1.2網(wǎng)店美工的工作范疇1.1.3網(wǎng)店美工需要遵循的設(shè)計(jì)原則1.2熟悉網(wǎng)店美工工作流程1.2.1素材搜集與整合1.2.2處理與設(shè)計(jì)1.2.3頁而設(shè)計(jì)與制作1.2.4圖片切片與管理1.2.5網(wǎng)店的裝修沐工XUl

3、lJ Vl VVdllnHld mU4 H VU L< H1.4課后練習(xí)一一賞析ESEDO網(wǎng)店首頁的設(shè)計(jì)1.5拓展知識(shí)1、掌握網(wǎng)店美工的工作范疇。小結(jié)2、掌握網(wǎng)店美工需要遵循的設(shè)計(jì)原則。3、掌握網(wǎng)店美工工作流程。課后練AI一賞析ESEDO網(wǎng)店首頁的設(shè)計(jì)本練習(xí)要求以如圖所示的網(wǎng)店首頁為例，賞析其頁面風(fēng)格、色彩搭配、商品圖片展現(xiàn)、 設(shè)計(jì)手法等。課后練習(xí)課時(shí)內(nèi)容網(wǎng)店美工設(shè)計(jì)要領(lǐng)授課時(shí)間180分鐘課時(shí)4教學(xué)目標(biāo)0熟悉色彩的相關(guān)知識(shí)。0掌握版式布局的相關(guān)知識(shí)。0掌握文字的相關(guān)知識(shí)。0掌握文案的相關(guān)知識(shí)。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握色彩的搭配技巧。0掌握版式布局的知識(shí)。0掌握文字的運(yùn)用原則。0掌握文案

4、設(shè)計(jì)與編寫。教學(xué)難點(diǎn)0掌握色彩的搭配技巧。0掌握版式布局的知識(shí)。0掌握文字的運(yùn)用原則。0掌握文案設(shè)計(jì)與編寫。教學(xué)設(shè)計(jì)1、教學(xué)思路：（1）講解色彩的知識(shí)，包括色彩的構(gòu)成、搭配原理、色彩對(duì)比及搭配技巧：（2）通過講解3大基本構(gòu)圖元素、頁而布局的基本原則、常見構(gòu)圖方式等知識(shí)的講解， 讓學(xué)生掌握合理的版式布局：（3）講解文字運(yùn)用原則、字體、對(duì)比技巧和布局技巧等；（4）講解文案的重要性、文案的策劃、文案的前期準(zhǔn)備和文案的寫作要點(diǎn)等知識(shí)。2、教學(xué)手段：通過理論帶圖例的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握其操作方 法。3、教學(xué)資料及要求：除教材中講解的知識(shí)，可以在網(wǎng)絡(luò)中査看更多成功案例，以供參考。教學(xué)內(nèi)

5、容知識(shí)回顧：前而講解了網(wǎng)店美工的基礎(chǔ)知識(shí)與網(wǎng)店美工工作流程，下而介紹網(wǎng)店美工設(shè)計(jì)要領(lǐng)。 討論問題：1、說說色彩對(duì)商品圖片的影響有哪些？2、什么樣的商品圖片可以提高消費(fèi)者的興趣？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。2色彩«-> 1 1 1：右出“強(qiáng)砧 圭/A Hnnrr Mi nV. TFRXtu>杉口T n *示匚4口、又、2.1.2色彩搭配的原理2.1.3色彩的對(duì)比2.1.4色彩的搭配技巧2.2版式布局221認(rèn)識(shí)3大基本構(gòu)圖元素2.2.2頁而布局的基本原則2.2.3常見構(gòu)圖方式2.3文字2.3.1文字的運(yùn)用原則2.3.2文字的字體2.3.3文字的對(duì)比技巧2

6、.4文案2.4.1文案在網(wǎng)店美工中的重要性2.4.2文案的策劃2.4.3文案的前期準(zhǔn)備2.4.4文案的寫作要點(diǎn)2.4.5主圖文案的設(shè)計(jì)與編寫2.4.6詳情頁文案的設(shè)汁與編寫2.4.7海報(bào)文案的設(shè)計(jì)與編寫2.5課堂實(shí)訓(xùn)一一鑒賞森林大叔旗艦店的首頁2.6課后練習(xí)練習(xí)1：賞析戈美琪女鞋旗艦店色彩搭配和字體搭配練習(xí)2：賞析森馬官方旗艦店首頁的布局2.7拓展知識(shí)1、掌握色彩的搭配技巧。小結(jié)2、掌握版式布局的知識(shí)。3、掌握文字的運(yùn)用原則。4、掌握文案設(shè)計(jì)與編寫。練習(xí)1：賞析戈美琪女鞋旗艦店色彩搭配和字體搭配如圖所示為戈美琪女鞋旗艦店首屏效果，要求對(duì)頁而的設(shè)計(jì)元素、色彩搭配與字體搭 配進(jìn)行分析。課后練習(xí)練習(xí)

7、2：賞析森馬官方旗艦店首頁的布局如圖所示為森馬官方旗艦店首頁，要求對(duì)首頁的顏色、風(fēng)格、搭配、構(gòu)圖方式、網(wǎng)頁 元素等進(jìn)行分析。第4章課時(shí)內(nèi)容商品圖片的基木處理授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)0掌握商品圖片尺寸的修改方法。0熟悉商品圖片畫而的優(yōu)化方法。0掌握商品圖片摳取與合成的方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握修改商品圖片尺寸及校正方法。0掌握優(yōu)化圖片的方法。0掌握摳取圖片并合成的方法。教學(xué)難點(diǎn)0掌握修改商品圖片尺寸及校正方法。0掌握優(yōu)化圖片的方法。0掌握摳取圖片并合成的方法。教學(xué)設(shè)計(jì)1、教學(xué)思路：（1）主要講解修改商品圖片尺寸與校正傾斜的商品圖片：（2）通過講解商 品圖片淸晰度處理、降噪優(yōu)化處理和

8、去除商品圖片中的多余對(duì)象，達(dá)到優(yōu)化商品圖片 目的：（3）通過講解摳取、替換、圖層的疊加，達(dá)到增強(qiáng)商品美觀度并突出商品特點(diǎn) 的目的；（4）最后運(yùn)用本章所學(xué)知識(shí)修改運(yùn)動(dòng)商品圖片尺寸、處理菠蘿商品圖片效果、 摳取耳機(jī)圖片并合成，達(dá)到學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握苴操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而介紹了網(wǎng)店美工設(shè)計(jì)要領(lǐng)的知識(shí)，下而具體講解商品圖片的基本處理。 討論問題：1、如果拍攝出的商品圖片尺寸不符合模塊尺寸時(shí)，我們可以進(jìn)行什么操

9、作？2、攝影師提供的商品圖片并不一定都是完美的，說說該如何處理？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。3.1修改商品圖片構(gòu)圖3.1.1修改商品圖片尺寸3.1.2校正傾斜的商品圖片3.2商品圖片畫而的優(yōu)化3.2.1商品圖片淸晰度優(yōu)化處理3.2.2商品圖片降噪優(yōu)化處理3.2.3去除商品圖片中的多余對(duì)象3.2.4虛化商品圖片背景以突出商品3.3摳取并合成商品圖片3.3.1摳取單色背景商品圖片并合成3.3.2摳取精細(xì)商品圖片并合成3.3.3摳取半透明商品圖片并合成3.4課堂實(shí)訓(xùn)實(shí)訓(xùn)1：修改運(yùn)動(dòng)商品圖片尺寸實(shí)訓(xùn)2：處理菠蘿商品圖片效果實(shí)訓(xùn)3：摳取耳機(jī)圖片并合成3.5課后練習(xí)練習(xí)1：處理紅毛丹

10、污點(diǎn)練習(xí)2：摳取紅灑商品圖片并合成3.6拓展知識(shí)1、掌握修改商品圖片尺寸及校正方法。小結(jié)2、掌握優(yōu)化圖片的方法。3、掌握摳取圖片并合成的方法。練習(xí)1：處理紅毛丹污點(diǎn)本例將打開“紅毛丹.jpg”素材文件，處理英中的污點(diǎn)并加深紅毛丹的色澤。處理前后 的對(duì)比效果如圖所示。其具體要求如下。熟練掌握商品圖片的優(yōu)化方法。分別使用污點(diǎn)修復(fù)畫筆工具、海綿工具、模糊工具對(duì)圖片進(jìn)行處理，使整個(gè)紅毛丹更加美 觀。練習(xí)2：摳取紅灑商品圖片并合成課后練習(xí)本例將對(duì)“紅酒jpg”素材文件進(jìn)行摳圖，將其摳取出來的紅酒瓶應(yīng)用到其他背景中, 調(diào)整大小和位置后合成為更具有營銷表現(xiàn)力的效果圖片。處理前后的對(duì)比效果如圖所示。 其具體要

11、求如下。熟練掌握摳取商品圖片的方法。使用魔棒工具摳取紅酒瓶并應(yīng)用到背景中。SSTCRZ廠家亙銷貨源充足SSTCRZ經(jīng)I典|誘|惑Rf*個(gè)人屬于兩個(gè)人的芬芳第5章課時(shí)內(nèi)容商品圖片光影與色調(diào)的調(diào)整授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo)0 學(xué)會(huì)商品圖片光影調(diào)整的方法。0熟悉商品圖片色調(diào)調(diào)整的方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0 掌握修復(fù)曝光不足、曝光過度、逆光的商品圖片。0掌握商品圖片色調(diào)調(diào)整的方法。教學(xué)難點(diǎn)0 掌握修復(fù)曝光不足、曝光過度、逆光的商品圖片。0掌握商品圖片色調(diào)調(diào)整的方法。教學(xué)設(shè)計(jì)1、教學(xué)思路：（I）主要講解光影調(diào)整方法，包括修復(fù)曝光不足的商品圖片、修復(fù)曝光過 度的商品圖片、修復(fù)逆光光影的商品圖片；（2

12、）通過講解調(diào)岀暖色調(diào)、冷色調(diào)、校正 偏色商品的方法，學(xué)會(huì)商品圖片的調(diào)整：（3）最后運(yùn)用本章所學(xué)知識(shí)校正偏色的T恤 商品圖片、處理冰糖橙商品圖片色調(diào)、調(diào)整茶葉包裝效果，達(dá)到學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握苴操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了商品圖片的基本處理方法，下而來具體講解商品圖片光影與色調(diào)的調(diào)整。 討論問題：1、說說如果商品圖片過暗或過亮該怎么處理？2、我們?nèi)绾魏唵慰焖俚挠肞S改變商品的冷曖色調(diào)？內(nèi)容大綱：具體可結(jié)合本

13、章的PPT課件進(jìn)行配合講解。4.1調(diào)整商品圖片光影4.1.1修復(fù)曝光不足的商品圖片4.1.2修復(fù)曝光過度的商品圖片4.1.3修復(fù)逆光的商品圖片4.2商品圖片色調(diào)調(diào)整4.2.1調(diào)岀曖色調(diào)商品圖片4.2.2調(diào)岀冷色調(diào)商品圖片4.2.3校正偏色商品圖片4.3課堂實(shí)訓(xùn)實(shí)訓(xùn)1：校正偏色的T恤商品圖片實(shí)訓(xùn)2：處理冰糖橙商品圖片色調(diào)實(shí)訓(xùn)3：調(diào)整茶葉包裝效果4.4課后練習(xí)練習(xí)1：調(diào)整童裝的色調(diào)練習(xí)2：美化沐浴霸效果4.5拓展知識(shí)小結(jié)1、如何修復(fù)曝光不足、曝光過度、逆光光影的商品圖片？2、如何調(diào)整圖片冷曖色調(diào)？練習(xí)1：調(diào)整童裝的色調(diào)本練習(xí)將對(duì)實(shí)拍童裝圖片進(jìn)行色調(diào)調(diào)整，并摳取圖片更換背景，處理后的童裝更加粉 嫩可

14、愛，充滿童趣，參考效果如圖所示。I SUMMER練習(xí)2：美化沐浴露效果課后練習(xí)打開"沐浴露.jpg”素材文件，先摳取圖片到新的圖層，然后調(diào)整圖片亮度、對(duì)比度、 顏色的飽和度，完成后打開“沐浴履背景psd”素材文件，將摳取的沐浴需圖片拖動(dòng)到背 景中，査看完成后的效果，參考效果如圖所示。英具體要求如下。熟練掌握商品圖片色調(diào)的調(diào)整方法。分別使用亮度/對(duì)比度、自然飽和度對(duì)圖片進(jìn)行處理，使整個(gè)效果更加美觀。溫和a?干裂就發(fā)沐浴露第6章課時(shí)內(nèi)容制作商品推廣圖授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)0掌握制作髙點(diǎn)擊率主圖的方法。0掌握制作更具營銷性的直通車推廣圖的方法。0掌握制作更具有吸引力鉆展圖的方法。

15、0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握制作牛油果主圖。0掌握制作檸掾直通車推廣圖。0掌握制作水果鉆展圖。教學(xué)難點(diǎn)0掌握制作牛油果主圖。0掌握制作檸掾直通車推廣圖。0掌握制作水果鉆展圖。教學(xué)設(shè)計(jì)1、教學(xué)思路：（1）通過講解主圖的制作技巧、常見的主圖類型、主圖制作的要點(diǎn)、制作 牛油果主圖，來學(xué)習(xí)制作高點(diǎn)擊率主圖：（2）通過講解制作更具營銷性的直通車推廣 圖，學(xué)習(xí)包括什么是直通車、制作原則及制作方法；（3）通過講解鉆展圖的位置及尺 寸、鉆展圖制作標(biāo)準(zhǔn)、鉆展圖的排版方式，學(xué)習(xí)制作更具有吸引力的鉆展圖；（4）最 后運(yùn)用本章所學(xué)知識(shí)制作兒童水杯主圖和奶瓶直通車推廣圖，達(dá)到學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步

16、驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了商品圖片光影與色調(diào)的調(diào)整方法, 討論問題：1、說說你對(duì)商品主圖的了解有哪些？2、說說什么是直通車？3、你認(rèn)為什么樣的鉆展圖更吸引人？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配介講解。 5.1制作高點(diǎn)擊率主圖5.1.1主圖的制作技巧5.1.2常見的主圖類型5.1.3主圖制作的要點(diǎn)5.1.4制作牛油果主圖5.2制作更具營銷性的直通車推廣圖5.2.1什么是直通車5.2.2直通車推廣圖的制作原則5.2.3制作

17、檸椽直通車推廣圖5.3制作更具有吸引力的鉆展圖5.3.1鉆展圖的位苣及尺寸5.3.2鉆展圖的制作標(biāo)準(zhǔn)5.3.3鉆展圖的排版方式5.3.4制作水果鉆展圖5.4課堂實(shí)訓(xùn)下而具體講解制作商品推廣圖的方法。實(shí)訓(xùn)1：制作兒童水杯主圖 實(shí)訓(xùn)2：制作奶瓶直通車推廣圖5.5課后練習(xí)練習(xí)1：制作爆米花主圖練習(xí)2：制作520X280像素泳鏡鉆展圖 5.6拓展知識(shí)小結(jié)1、掌握制作牛油果主圖。2、掌握制作檸掾直通車推廣圖。3、掌握制作水果鉆展圖。練習(xí)1：制作爆米花主圖本練習(xí)將制作更具促銷性的爆米花主圖，在制作時(shí)不但要體現(xiàn)岀“6.18爆米花5折” 的賣點(diǎn)，還要將活動(dòng)價(jià)等內(nèi)容展現(xiàn)出來。完成后的參考效果如圖所示。課后練習(xí)練

18、習(xí)2：制作520X280像素泳鏡鉆展圖本練習(xí)將制作520×280像素泳鏡鉆展圖，在制作時(shí)以藍(lán)色為背景，用于凸顯海水的顏 色，然后在中間區(qū)域通過黃色的不規(guī)則形狀，讓文字和泳鏡在中間進(jìn)行展現(xiàn)，使整個(gè)效果 居中顯示。完成后的參考效果如圖所示。第7章課時(shí)內(nèi)容制作PC端網(wǎng)店首頁授課時(shí)間135分鐘課時(shí)3教學(xué)目標(biāo)0認(rèn)識(shí)網(wǎng)店首頁。0掌握制作網(wǎng)店店招與導(dǎo)航條的方法。0掌握制作全屏海報(bào)的方法。0掌握制作優(yōu)惠券的方法。0掌握制作商品分類的方法。0掌握制作網(wǎng)店商品展示和頁尾的方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0 掌握制作網(wǎng)店LogO和通欄店招的方法。0掌握全屏海報(bào)的制作方法。0掌握制作網(wǎng)店優(yōu)惠券的方法。0掌握制作商

19、品分類的方法。0掌握網(wǎng)店商品展示和頁尾的制作方法。教學(xué)難點(diǎn)0 掌握制作網(wǎng)店LOgO和通欄店招的方法。0掌握全屏海報(bào)的制作方法。0掌握制作網(wǎng)店優(yōu)惠券的方法。0掌握制作商品分類的方法。0掌握網(wǎng)店商品展示和頁尾的制作方法。教學(xué)設(shè)計(jì)1、教學(xué)思路：（1）主要講解認(rèn)識(shí)網(wǎng)店首頁的構(gòu)成要素和設(shè)汁規(guī)范：（2）先講解店招和導(dǎo) 航條制作要點(diǎn)，再通過案例講解店招與導(dǎo)航條的制作；（3）先講解全屏海報(bào)的組成要 點(diǎn)、設(shè)計(jì)要點(diǎn)，再通過案例講解全屏海報(bào)的制作方法；（4）主要講解優(yōu)惠券的制作， 包括優(yōu)惠券的類型、制作要點(diǎn)、制作技巧和制作方法；（5）通過講解商品分類的制作 要點(diǎn)和制作方法，學(xué)習(xí)商品分類的制作；（6）通過先講解學(xué)習(xí)制

20、作商品展現(xiàn)圖，學(xué)習(xí) 頁尾的制作方法：（7）最后運(yùn)用本章所學(xué)知識(shí)制作女包PC端網(wǎng)店首頁，達(dá)到學(xué)以致用 的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了制作商品推廣圖的方法，下而講解制作PC端網(wǎng)店首頁的方法。 討論問題：1、說說Pe端網(wǎng)頁首頁都有什么？2、你認(rèn)為PC端網(wǎng)頁首頁有哪些重要組成部分？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。6.1認(rèn)識(shí)PC端網(wǎng)店首頁6.1.1 PC端網(wǎng)店首頁的構(gòu)成要素6.1.2

21、PC端網(wǎng)店首頁制作規(guī)范6.2網(wǎng)店店招與導(dǎo)航條的制作6.2.1店招的制作要點(diǎn)6.2.2店招風(fēng)格的確定與選擇6.2.3導(dǎo)航條的制作原則6.2.4制作網(wǎng)店LOgO6.2.5制作通欄店招6.3全屏海報(bào)的制作6.3.1全屏海報(bào)的組成要點(diǎn)6.3.2全屏海報(bào)的設(shè)計(jì)要點(diǎn)6.3.3制作全屏海報(bào)6.4優(yōu)惠券的制作6.4.1優(yōu)惠券的類型6.4.2優(yōu)惠券的制作要點(diǎn)6.4.3優(yōu)惠券的制作技巧6.4.4制作網(wǎng)店優(yōu)惠券6.5商品分類的制作6.5.1商品分類的制作要點(diǎn)6.5.2制作商品分類6.6其他板塊的制作6.6.1制作商品展示6.6.2制作頁尾6.7課堂實(shí)訓(xùn)一一制作女包PC端網(wǎng)店首頁6.8課后練習(xí)一一制作大米PC端網(wǎng)店首

22、頁6.9拓展知識(shí)小結(jié)1、掌握制作網(wǎng)店LOgO和通欄店招的方法。2、掌握全屏海報(bào)的制作方法。3、掌握制作網(wǎng)店優(yōu)惠券的方法。4、掌握制作商品分類的方法。5、掌握網(wǎng)店商品展示和頁尾的制作方法。課后練習(xí)課后練習(xí)一一制作大米PC端網(wǎng)店首頁本練習(xí)將制作大米PC端網(wǎng)店首頁，在制作時(shí)可先制作水墨背景的全屏海報(bào)，再對(duì)大 米商品進(jìn)行依次展現(xiàn)，完成后的效果如圖所示。飯者百味之本 &味老話好紙不対用養(yǎng)Wl五常稻花香青IS建別勁it補(bǔ)24卅立»»15 UTv22E衛(wèi)常觸青無冒（終炊可口 K9*tfi五谷為養(yǎng)V¼m 以補(bǔ)f*At第8章課時(shí)內(nèi)容制作PC端商品詳情頁授課時(shí)間135分鐘課時(shí)

23、3教學(xué)目標(biāo)0認(rèn)識(shí)商品詳情頁。0 掌握焦點(diǎn)圖、賣點(diǎn)圖、信息展示圖、細(xì)節(jié)圖的制作方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握制作焦點(diǎn)圖。0掌握制作賣點(diǎn)圖。0掌握制作信息展示圖。0掌握制作細(xì)節(jié)圖。教學(xué)難點(diǎn)0掌握制作焦點(diǎn)圖。0掌握制作賣點(diǎn)圖。0掌握制作信息展示圖。0掌握制作細(xì)節(jié)圖。教學(xué)設(shè)計(jì)1、教學(xué)思路：（1）通過講解商品詳情頁的制作要點(diǎn)、制作思路及準(zhǔn)備工作，認(rèn)識(shí)商品詳 情頁；（2）通過先講解焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)，再通過案例講解制作焦點(diǎn)圖的方法；（3） 先講解賣點(diǎn)圖的制作要點(diǎn)，再通過案例講解學(xué)習(xí)制作賣點(diǎn)圖；（4）先講解信息展示圖 的設(shè)計(jì)要點(diǎn)，再講解制作信息展示圖：（5）先講解細(xì)卩圖的制作要點(diǎn)，再通過案例講 解制作細(xì)石圖

24、的制作要點(diǎn)；（6）最后運(yùn)用本章所學(xué)知識(shí)制作女包的商品詳情頁，達(dá)到 學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了制作PC端網(wǎng)店首頁的方法，下而具體講解制作PC端商品詳情頁。 討論問題：1、說說商品詳情頁中有哪些內(nèi)容？2、你認(rèn)為什么樣的商品詳情頁能更好的展現(xiàn)岀商品特點(diǎn)？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。7.1認(rèn)識(shí)商品詳情頁7.1.1商品詳情頁的制作要點(diǎn)7.1.2商品詳情頁的制作思路及準(zhǔn)備

25、工作7.2焦點(diǎn)圖的制作7.2.1焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)7.2.2制作焦點(diǎn)圖7.3賣點(diǎn)圖的制作7.3.1賣點(diǎn)圖的制作要點(diǎn)7.3.2制作賣點(diǎn)圖7.4信息展示圖的制作7.4.1信息展示圖的設(shè)計(jì)要點(diǎn)7.4.2制作信息展示圖7.5細(xì)節(jié)圖的制作7.5.1細(xì)節(jié)圖的制作要點(diǎn)7.5.2制作細(xì)節(jié)圖7.6課堂實(shí)訓(xùn)一一制作女包的商品詳情頁7.7課后練習(xí)一一制作開心果的商品詳情頁7.8拓展知識(shí)1、掌握制作焦點(diǎn)圖的方法。小結(jié)2、掌握制作賣點(diǎn)圖。3、掌握制作信息展示圖。4、掌握制作細(xì)節(jié)圖。課后練AI一制作開心果的商品詳情頁本練習(xí)將通過提供的素材文件制作開心果的商品詳情頁，完成后的參考效果如圖所示。課后練習(xí)地節(jié)展現(xiàn)=Rf*nfln

26、afiI t B>3Mjg 1 Bc rtm Ita AIaIMK S3 *ffI*MIM 卡<人工銀迭別隊(duì)壞呆第8章課時(shí)內(nèi)容制作PC端其他頁而授課時(shí)間90分鐘課時(shí)2教學(xué)目標(biāo)0掌握專題頁的制作方法。0掌握活動(dòng)頁的制作方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握制作圣誕節(jié)專題頁。0掌握制作11.11活動(dòng)頁。教學(xué)難點(diǎn)0掌握制作圣誕節(jié)專題頁。0掌握制作11.11活動(dòng)頁。教學(xué)設(shè)計(jì)1、教學(xué)思路：（I）主要講解專題頁的制作，包括專題頁的作用、分類、制作圣誕節(jié)專題 頁；（2）通過講解活動(dòng)頁的主題風(fēng)格、制作11.11活動(dòng)頁的方法，學(xué)習(xí)活動(dòng)頁的制作；（3）最后運(yùn)用本章所學(xué)知識(shí)制作護(hù)膚品春節(jié)活動(dòng)頁，達(dá)到學(xué)以致用的

27、目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的冋時(shí)，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了制作PC端商品詳情頁方法，下而具體講解制作PC端其他頁而。 討論問題：1、你了解哪些專題頁？說說他們分別有什么特點(diǎn)？2、什么樣的活動(dòng)頁更具吸引力？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。專題頁的制作&1.1專題頁的作用8.1.2專題頁的分類8.1.3制作圣誕節(jié)專題頁8.2活動(dòng)頁的制作&2.1動(dòng)頁的主題風(fēng)格8.2.2制作11.11活動(dòng)頁8.3

28、課堂實(shí)訓(xùn)一一制作護(hù)膚品春節(jié)活動(dòng)頁8.4課后練習(xí)制作開學(xué)季專題頁8.5拓展知識(shí)小結(jié)1、掌握專題頁的制作方法。2、掌握活動(dòng)頁的制作方法。課后練習(xí)課后練習(xí)一一制作開學(xué)季專題頁利用收集的素材制作開學(xué)季主題頁。在制作時(shí)，先制作焦點(diǎn)圖，再制作優(yōu)惠券，最后 根據(jù)商品內(nèi)容制作活動(dòng)頁面。完成后的效果如圖所示。月亮與六AbifciIh優(yōu)恵世¥斗98丸JtlPfilc»" ySICIl>/人九 2EAfftf1«»IC ftfft *28 A 6 4*38.9 ¾1>人扎孫爭IBMii>格列伸潮記第9章課時(shí)內(nèi)容制作移動(dòng)端網(wǎng)店頁而授課時(shí)間9

29、0分鐘課時(shí)2教學(xué)目標(biāo)0掌握移動(dòng)端網(wǎng)店首頁的制作方法。0掌握移動(dòng)端商品詳情頁的制作方法。0課堂實(shí)訓(xùn)。教學(xué)重點(diǎn)0掌握制作移動(dòng)端網(wǎng)店首頁。0掌握制作移動(dòng)端商品詳情頁。教學(xué)難點(diǎn)0掌握移動(dòng)端網(wǎng)店首頁的制作方法。0掌握移動(dòng)端商品詳情頁的制作方法。教學(xué)設(shè)計(jì)1、教學(xué)思路：（I）通過講解移動(dòng)端網(wǎng)店首頁設(shè)計(jì)與制作、注意事項(xiàng)、設(shè)計(jì)要點(diǎn)以及制作 移動(dòng)端網(wǎng)店首頁，來學(xué)習(xí)制作移動(dòng)端網(wǎng)店頁面：（2）主要講解移動(dòng)端商品詳情頁的特 征和制作移動(dòng)端商品詳情頁；（3）最后運(yùn)用本章所學(xué)知識(shí)制作移動(dòng)端家具網(wǎng)店首頁， 達(dá)到學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識(shí)理解的同時(shí)，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實(shí)例外，學(xué)員還需對(duì)本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運(yùn)用的目的。教學(xué)內(nèi)容知識(shí)回顧：前而講解了制作Pe端其他頁面的方法，下而具體講解制作移動(dòng)端網(wǎng)店頁而。 討論問題：1、說說你對(duì)移動(dòng)端首頁有哪些認(rèn)識(shí)？2、說說如何讓移動(dòng)端中的網(wǎng)店變得更具有吸引力？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。9移動(dòng)端網(wǎng)店首頁設(shè)計(jì)與制作9.1.1移動(dòng)端網(wǎng)店首頁設(shè)計(jì)的注意事項(xiàng)9.1.2移動(dòng)端網(wǎng)店首頁的設(shè)計(jì)要點(diǎn)9.1.3制作移動(dòng)端網(wǎng)店首頁9.2移動(dòng)端商品詳情頁特征與制作9.2.1移動(dòng)端商品詳情頁的特征9.2.2制