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

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

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

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

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

5、容知識回顧：前而講解了網(wǎng)店美工的基礎(chǔ)知識與網(wǎng)店美工工作流程，下而介紹網(wǎng)店美工設(shè)計要領(lǐng)。 討論問題：1、說說色彩對商品圖片的影響有哪些？2、什么樣的商品圖片可以提高消費者的興趣？內(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色彩的對比2.1.4色彩的搭配技巧2.2版式布局221認(rèn)識3大基本構(gòu)圖元素2.2.2頁而布局的基本原則2.2.3常見構(gòu)圖方式2.3文字2.3.1文字的運用原則2.3.2文字的字體2.3.3文字的對比技巧2

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

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

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

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

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

12、）通過講解調(diào)岀暖色調(diào)、冷色調(diào)、校正 偏色商品的方法，學(xué)會商品圖片的調(diào)整：（3）最后運用本章所學(xué)知識校正偏色的T恤 商品圖片、處理冰糖橙商品圖片色調(diào)、調(diào)整茶葉包裝效果，達(dá)到學(xué)以致用的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識理解的同時，掌握苴操 作方法。3、教學(xué)資料及要求：除教材中的實例外，學(xué)員還需對本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運用的目的。教學(xué)內(nèi)容知識回顧：前而講解了商品圖片的基本處理方法，下而來具體講解商品圖片光影與色調(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課堂實訓(xùn)實訓(xùn)1：校正偏色的T恤商品圖片實訓(xùn)2：處理冰糖橙商品圖片色調(diào)實訓(xùn)3：調(diào)整茶葉包裝效果4.4課后練習(xí)練習(xí)1：調(diào)整童裝的色調(diào)練習(xí)2：美化沐浴霸效果4.5拓展知識小結(jié)1、如何修復(fù)曝光不足、曝光過度、逆光光影的商品圖片？2、如何調(diào)整圖片冷曖色調(diào)？練習(xí)1：調(diào)整童裝的色調(diào)本練習(xí)將對實拍童裝圖片進(jìn)行色調(diào)調(diào)整，并摳取圖片更換背景，處理后的童裝更加粉 嫩可

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

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

16、驟的方式，讓學(xué)生加深理論知識理解的同時，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實例外，學(xué)員還需對本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運用的目的。教學(xué)內(nèi)容知識回顧：前而講解了商品圖片光影與色調(diào)的調(diào)整方法, 討論問題：1、說說你對商品主圖的了解有哪些？2、說說什么是直通車？3、你認(rèn)為什么樣的鉆展圖更吸引人？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配介講解。 5.1制作高點擊率主圖5.1.1主圖的制作技巧5.1.2常見的主圖類型5.1.3主圖制作的要點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課堂實訓(xùn)下而具體講解制作商品推廣圖的方法。實訓(xùn)1：制作兒童水杯主圖 實訓(xùn)2：制作奶瓶直通車推廣圖5.5課后練習(xí)練習(xí)1：制作爆米花主圖練習(xí)2：制作520X280像素泳鏡鉆展圖 5.6拓展知識小結(jié)1、掌握制作牛油果主圖。2、掌握制作檸掾直通車推廣圖。3、掌握制作水果鉆展圖。練習(xí)1：制作爆米花主圖本練習(xí)將制作更具促銷性的爆米花主圖，在制作時不但要體現(xiàn)岀“6.18爆米花5折” 的賣點，還要將活動價等內(nèi)容展現(xiàn)出來。完成后的參考效果如圖所示。課后練習(xí)練

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

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

20、作商品展現(xiàn)圖，學(xué)習(xí) 頁尾的制作方法：（7）最后運用本章所學(xué)知識制作女包PC端網(wǎng)店首頁，達(dá)到學(xué)以致用 的目的。2、教學(xué)手段：通過理論帶案例步驟的方式，讓學(xué)生加深理論知識理解的同時，掌握其操 作方法。3、教學(xué)資料及要求：除教材中的實例外，學(xué)員還需對本書所講的圖像處理技巧和方法多 加練習(xí)，達(dá)到能隨心運用的目的。教學(xué)內(nèi)容知識回顧：前而講解了制作商品推廣圖的方法，下而講解制作PC端網(wǎng)店首頁的方法。 討論問題：1、說說Pe端網(wǎng)頁首頁都有什么？2、你認(rèn)為PC端網(wǎng)頁首頁有哪些重要組成部分？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進(jìn)行配合講解。6.1認(rèn)識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店招的制作要點6.2.2店招風(fēng)格的確定與選擇6.2.3導(dǎo)航條的制作原則6.2.4制作網(wǎng)店LOgO6.2.5制作通欄店招6.3全屏海報的制作6.3.1全屏海報的組成要點6.3.2全屏海報的設(shè)計要點6.3.3制作全屏海報6.4優(yōu)惠券的制作6.4.1優(yōu)惠券的類型6.4.2優(yōu)惠券的制作要點6.4.3優(yōu)惠券的制作技巧6.4.4制作網(wǎng)店優(yōu)惠券6.5商品分類的制作6.5.1商品分類的制作要點6.5.2制作商品分類6.6其他板塊的制作6.6.1制作商品展示6.6.2制作頁尾6.7課堂實訓(xùn)一一制作女包PC端網(wǎng)店首頁6.8課后練習(xí)一一制作大米PC端網(wǎng)店首

22、頁6.9拓展知識小結(jié)1、掌握制作網(wǎng)店LOgO和通欄店招的方法。2、掌握全屏海報的制作方法。3、掌握制作網(wǎng)店優(yōu)惠券的方法。4、掌握制作商品分類的方法。5、掌握網(wǎng)店商品展示和頁尾的制作方法。課后練習(xí)課后練習(xí)一一制作大米PC端網(wǎng)店首頁本練習(xí)將制作大米PC端網(wǎng)店首頁，在制作時可先制作水墨背景的全屏海報，再對大 米商品進(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章課時內(nèi)容制作PC端商品詳情頁授課時間135分鐘課時

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

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

25、工作7.2焦點圖的制作7.2.1焦點圖的設(shè)計要點7.2.2制作焦點圖7.3賣點圖的制作7.3.1賣點圖的制作要點7.3.2制作賣點圖7.4信息展示圖的制作7.4.1信息展示圖的設(shè)計要點7.4.2制作信息展示圖7.5細(xì)節(jié)圖的制作7.5.1細(xì)節(jié)圖的制作要點7.5.2制作細(xì)節(jié)圖7.6課堂實訓(xùn)一一制作女包的商品詳情頁7.7課后練習(xí)一一制作開心果的商品詳情頁7.8拓展知識1、掌握制作焦點圖的方法。小結(jié)2、掌握制作賣點圖。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 卡<人工銀迭別隊壞呆第8章課時內(nèi)容制作PC端其他頁而授課時間90分鐘課時2教學(xué)目標(biāo)0掌握專題頁的制作方法。0掌握活動頁的制作方法。0課堂實訓(xùn)。教學(xué)重點0掌握制作圣誕節(jié)專題頁。0掌握制作11.11活動頁。教學(xué)難點0掌握制作圣誕節(jié)專題頁。0掌握制作11.11活動頁。教學(xué)設(shè)計1、教學(xué)思路：（I）主要講解專題頁的制作，包括專題頁的作用、分類、制作圣誕節(jié)專題 頁；（2）通過講解活動頁的主題風(fēng)格、制作11.11活動頁的方法，學(xué)習(xí)活動頁的制作；（3）最后運用本章所學(xué)知識制作護(hù)膚品春節(jié)活動頁，達(dá)到學(xué)以致用的

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

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

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