5.4活動(dòng)頁面切圖處理 課件《網(wǎng)店視覺營銷》同步教學(xué)

任務(wù)4.活動(dòng)頁面切圖處理《項(xiàng)目五.承接頁設(shè)計(jì)》

在完成了專題活動(dòng)頁面的優(yōu)化設(shè)計(jì)后，通常需要根據(jù)電商平臺(tái)需求對(duì)活動(dòng)頁面進(jìn)行切片處理，完成活動(dòng)頁面的上傳及發(fā)布工作，本項(xiàng)目我們將在了解保存切片文件的方法的基礎(chǔ)上，進(jìn)一步掌握切片工具的使用，運(yùn)用切片工具對(duì)專題活動(dòng)頁面進(jìn)行切圖處理，完成專題活動(dòng)頁的制作。項(xiàng)

目描

述（1）了解保存切片文件的方法。（2）掌握切片工具的使用。通過項(xiàng)目引領(lǐng)、任務(wù)驅(qū)動(dòng)的方法，運(yùn)用切片工具對(duì)專題活動(dòng)頁面進(jìn)行切圖處理，完成專題活動(dòng)頁的制作。培養(yǎng)學(xué)生基于視覺表達(dá)，實(shí)現(xiàn)營銷目的的工作思維。教學(xué)目標(biāo)教學(xué)目標(biāo)及重難點(diǎn)知識(shí)與技能過程與方法情感與價(jià)值能根據(jù)版面需求運(yùn)用切片工具對(duì)專題活動(dòng)頁進(jìn)行切圖處理。切片工具的應(yīng)用。教學(xué)重點(diǎn)教學(xué)難點(diǎn)InstructionalObjectivesAndDifficultPoints

在以“對(duì)接工作崗位的任務(wù)驅(qū)動(dòng)，強(qiáng)化ＰＳ基本工具地綜合應(yīng)用，并最終服務(wù)于商務(wù)活動(dòng)”這一教學(xué)目標(biāo)的引導(dǎo)下，本課設(shè)計(jì)了以下五個(gè)教學(xué)環(huán)節(jié)：“創(chuàng)設(shè)情境，下達(dá)任務(wù)>任務(wù)剖析，梳理步驟>任務(wù)實(shí)踐，感知體驗(yàn)>任務(wù)評(píng)價(jià)，對(duì)比分析>模擬驗(yàn)收，能力提升”；特別是在剖析任務(wù)環(huán)節(jié)，引導(dǎo)學(xué)生分析任務(wù)、解構(gòu)任務(wù)，逐步形成工作思維。教學(xué)流程0301020405創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升TeachingSteps創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升1.創(chuàng)設(shè)情境2.下達(dá)任務(wù)教學(xué)過程請(qǐng)你仔細(xì)查看這兩個(gè)活動(dòng)頁圖片，分別包含了哪些內(nèi)容？又有什么區(qū)別呢？

Q1只有images文件…TeachingProcess包含images圖片文件夾、html文件…創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升1.創(chuàng)設(shè)情境2.下達(dá)任務(wù)教學(xué)過程TeachingProcess文件菜單欄下選擇存儲(chǔ)為web和設(shè)備所用格式選擇png格式提供三種格式選擇：僅限圖像、html和圖像、僅限html通常我們選用html和圖像對(duì)切圖進(jìn)行保存保存切片文件的方法創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升1.創(chuàng)設(shè)情境2.下達(dá)任務(wù)教學(xué)過程TeachingProcess創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.梳理步驟2.填寫分析單01明確專題活動(dòng)頁排版02依據(jù)活動(dòng)提煉待切圖版塊03依據(jù)版塊切圖處理TeachingProcess活動(dòng)頁面切圖的工作步驟創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.梳理步驟2.填寫分析單TeachingProcess依據(jù)工作步驟與思維，對(duì)課堂任務(wù)進(jìn)行分析，將分析的結(jié)果填寫到下表中。Addthetitlehere任務(wù)實(shí)踐根據(jù)任務(wù)分析單的步驟及決策，完成主圖的設(shè)計(jì)與制作任務(wù)。遇到PS的操作問題時(shí)，可利用錦囊包獲得幫助。創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.任務(wù)實(shí)踐2.操作錦囊包TeachingProcess創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.任務(wù)實(shí)踐2.操作錦囊包TeachingProcess（1）切片工具的使用方法創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.任務(wù)實(shí)踐2.操作錦囊包TeachingProcess（2）保存文件的方法創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.個(gè)人自評(píng)2.對(duì)比分析3.教師總結(jié)TeachingProcess作品完成后，依據(jù)評(píng)價(jià)表進(jìn)行自我評(píng)價(jià)。隨機(jī)抽取學(xué)生作品進(jìn)行對(duì)比，分析其優(yōu)缺點(diǎn)。創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程1.個(gè)人自評(píng)2.對(duì)比分析3.教師總結(jié)TeachingProcess學(xué)生作品1學(xué)生作品21.個(gè)人自評(píng)2.對(duì)比分析3.教師總結(jié)1）分析實(shí)踐中的共性問題；2）共同討論解決方法。教師小結(jié)11.專題活動(dòng)頁面切圖不完整2.專題活動(dòng)頁面保存不全問題通過切片工具對(duì)圖片進(jìn)行準(zhǔn)確切片通過保存html和圖像格式進(jìn)行保存2策略創(chuàng)設(shè)情境下達(dá)任務(wù)任務(wù)剖析梳理步驟任務(wù)實(shí)踐感知體驗(yàn)任務(wù)評(píng)價(jià)對(duì)比分析模擬驗(yàn)收能力提升教學(xué)過程TeachingProcess作業(yè)1：對(duì)于待驗(yàn)收的作品根據(jù)老師的修改意見進(jìn)一步修改；