項(xiàng)目5任務(wù)1活動(dòng)2 設(shè)計(jì)店鋪首頁(yè)的框架教學(xué)設(shè)計(jì) 中職 網(wǎng)店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)與制作

項(xiàng)目5任務(wù)1活動(dòng)2設(shè)計(jì)店鋪首頁(yè)的框架教學(xué)設(shè)計(jì)中職高教版網(wǎng)店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)與制作項(xiàng)目5任務(wù)1活動(dòng)2設(shè)計(jì)店鋪首頁(yè)的框架教學(xué)設(shè)計(jì)中職高教版網(wǎng)店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)與制作項(xiàng)目5任務(wù)1活動(dòng)2設(shè)計(jì)店鋪首頁(yè)的框架教學(xué)設(shè)計(jì)中職高教版網(wǎng)店視覺(jué)營(yíng)銷(xiāo)設(shè)計(jì)與制作教師課時(shí)教學(xué)設(shè)計(jì)教學(xué)內(nèi)容首頁(yè)框架布局授課對(duì)象中職電子商務(wù)專(zhuān)業(yè)學(xué)生授課學(xué)時(shí)1教學(xué)目標(biāo)知識(shí)目標(biāo):了解PC端和移動(dòng)端首頁(yè)的框架布局技能目標(biāo):能夠根據(jù)店鋪定位策劃設(shè)計(jì)首頁(yè)布局與風(fēng)格素質(zhì)目標(biāo):通過(guò)專(zhuān)業(yè)知識(shí)介紹，啟發(fā)學(xué)生對(duì)專(zhuān)業(yè)技能方法的理解，提高學(xué)生的自主學(xué)習(xí)和思考能力，以及對(duì)所學(xué)知識(shí)的拓展與實(shí)際運(yùn)用能力；在模擬實(shí)訓(xùn)任務(wù)中不斷提高學(xué)生對(duì)美工崗位職業(yè)技能的認(rèn)識(shí)，合理設(shè)定學(xué)習(xí)目標(biāo)。學(xué)情分析在前面內(nèi)容的學(xué)習(xí)基礎(chǔ)上，學(xué)生已經(jīng)對(duì)平臺(tái)開(kāi)設(shè)店鋪流程有了一定的了解；以往的基礎(chǔ)PS軟件操作技能只操作過(guò)簡(jiǎn)單圖片處理，對(duì)于設(shè)計(jì)與創(chuàng)作實(shí)訓(xùn)參與經(jīng)驗(yàn)較少，需提供具體操作步驟分析講解；電子商務(wù)專(zhuān)業(yè)學(xué)生沒(méi)有進(jìn)行過(guò)專(zhuān)業(yè)設(shè)計(jì)知識(shí)技能學(xué)習(xí)，因拓展和補(bǔ)充一部分設(shè)計(jì)知識(shí)。教學(xué)重點(diǎn)首頁(yè)框架布局各部分內(nèi)容及元素教學(xué)難點(diǎn)網(wǎng)店裝修視覺(jué)元素與店鋪首頁(yè)風(fēng)格定位教學(xué)方法案例教學(xué)、講授、小組實(shí)訓(xùn)練習(xí)教學(xué)環(huán)境及資源準(zhǔn)備實(shí)訓(xùn)任務(wù)書(shū)、PPT、多媒體電腦教師教的過(guò)程設(shè)計(jì)學(xué)生學(xué)的過(guò)程設(shè)計(jì)設(shè)計(jì)意圖時(shí)間一、課前熱身1.了解學(xué)習(xí)目標(biāo)2.熟悉實(shí)訓(xùn)任務(wù)及相關(guān)知識(shí)3.搜集不同風(fēng)格的店鋪首頁(yè)二、情境導(dǎo)入1.店鋪首頁(yè)的裝修風(fēng)格，是走清新路線(xiàn)，還是走時(shí)尚路線(xiàn)，還是走穩(wěn)重路線(xiàn)，最重要的是商品本身的特性必須與店鋪的風(fēng)格統(tǒng)一起來(lái)。打開(kāi)淘寶網(wǎng)上不錯(cuò)的箱包店鋪，討論下它們的風(fēng)格特點(diǎn)2：講解相關(guān)知識(shí)店鋪風(fēng)格定位視覺(jué)元素標(biāo)志標(biāo)準(zhǔn)色彩標(biāo)準(zhǔn)字體PC端店鋪首頁(yè)框架布局（1）頁(yè)頭：頁(yè)頭由店鋪招牌和導(dǎo)航條兩個(gè)模塊組成（2）內(nèi)頁(yè)：內(nèi)頁(yè)可以劃分Banner、商品分類(lèi)、客服、商品展示這幾部分（3）頁(yè)尾：頁(yè)尾一般使用自定義區(qū)域，提供服務(wù)信息和導(dǎo)航功能兩個(gè)方面的內(nèi)容移動(dòng)端店鋪首頁(yè)布局第一部分是自定義模塊區(qū)第二部分是商品陳列模塊三、布置任務(wù)任務(wù)1：要求學(xué)生根據(jù)情境描述，分析下此店鋪的人群定位、風(fēng)格和布局；結(jié)合店鋪的實(shí)際情況，制定小組網(wǎng)店首頁(yè)的設(shè)計(jì)方案。任務(wù)2：小組合作進(jìn)行店鋪首頁(yè)風(fēng)格設(shè)計(jì)點(diǎn)評(píng)與總結(jié)點(diǎn)評(píng)小組代表作品，分析問(wèn)題總結(jié)課程內(nèi)容，鞏固知識(shí)點(diǎn)。學(xué)生按照老師任務(wù)要求，到相關(guān)網(wǎng)絡(luò)平臺(tái)搜集、下載相關(guān)資料并進(jìn)行整合，形成自己的觀點(diǎn)。學(xué)生通過(guò)瀏覽真實(shí)店鋪的首頁(yè)，思考老師提出的問(wèn)題，并嘗試進(jìn)行回答認(rèn)真聆聽(tīng)老師對(duì)于首頁(yè)布局的相關(guān)知識(shí)的鞏固講解與案例分析學(xué)生4人1組，線(xiàn)下完成店鋪首頁(yè)風(fēng)格設(shè)計(jì)的方案，并制作相關(guān)圖片2根據(jù)任務(wù)指引通過(guò)軟件完成店鋪首頁(yè)的風(fēng)格設(shè)計(jì)。學(xué)生分組上臺(tái)講解自己的設(shè)計(jì)理念，總結(jié)實(shí)訓(xùn)問(wèn)題及收獲培養(yǎng)學(xué)生自主性學(xué)習(xí)能力；培養(yǎng)學(xué)生信息處理能力，形成互聯(lián)網(wǎng)的學(xué)習(xí)模式和思維，指導(dǎo)接下來(lái)的學(xué)習(xí)和實(shí)踐。引導(dǎo)學(xué)生把握學(xué)習(xí)的要點(diǎn)。明確學(xué)習(xí)情境和目標(biāo)；學(xué)生通過(guò)自己探索，加深對(duì)內(nèi)容的認(rèn)識(shí)知識(shí)點(diǎn)難點(diǎn)、重點(diǎn)的學(xué)習(xí)與理解通過(guò)團(tuán)隊(duì)協(xié)作完成店鋪首頁(yè)風(fēng)格設(shè)計(jì)的方案做中學(xué)、學(xué)中做，在做的過(guò)程中總結(jié)問(wèn)題，在學(xué)的過(guò)程中，指導(dǎo)學(xué)生去實(shí)踐5分