基于超星學(xué)習(xí)通平臺混合式教學(xué)模式的課程設(shè)計與應(yīng)用

1、基于超星學(xué)習(xí)通平臺混合式教學(xué)模式的課程設(shè)計與應(yīng)用作者：朱鳳麗來源：電腦知識與技術(shù)2021年第33期互飾害駅課前ft探究!-課后伍*在的漕試能卑喘莎卄尬任務(wù)竭蜻總結(jié)杞展幵竿教學(xué)流程圖1混合式教學(xué)模式-教學(xué)流程圖預(yù)習(xí)通網(wǎng)單一一第三宣初諛C騎3+預(yù)習(xí)要務(wù)樣L預(yù)習(xí)書本初識KS3*登錄學(xué)習(xí)爛平臺，迸入惻頁設(shè)計三制作課程：點it第三章節(jié)學(xué)習(xí)紅曲祥試的使用和饌化個人筒歷微課視頻下載素村制美化個人簡廚網(wǎng)咼并上恃作業(yè)；瀏覽電商網(wǎng)站、政府網(wǎng)站、新聞類網(wǎng)站崙幷將你認(rèn)為撫岀比較有設(shè)計超的或分類轅楚的網(wǎng)站戡國保存并上傳至平臺嗎初識CSS3源文件夾中；*若過到間題可以在平m,v圖2混合式教學(xué)模式-預(yù)習(xí)通知單摘要：移動終端

2、智能化快速發(fā)展和學(xué)生個性化的學(xué)習(xí)需求促使傳統(tǒng)課堂教學(xué)模式向混合式教學(xué)模式轉(zhuǎn)變，超星學(xué)習(xí)通平臺為混合式教學(xué)模式的實現(xiàn)提供支持，通過學(xué)習(xí)通平臺的線上教學(xué)活動與線下課堂教學(xué)的有效整合，進(jìn)而形成新的混合式教學(xué)模式，以網(wǎng)頁設(shè)計與制作課程為例探討基于超星學(xué)習(xí)通平臺混合式教學(xué)模式在高職課堂中的應(yīng)用，在激發(fā)學(xué)生自主學(xué)習(xí)及探究能力、提高課堂效率、提升教學(xué)效果、促進(jìn)專業(yè)知識和技能提升、培養(yǎng)創(chuàng)新能力等方面的重要作用。關(guān)鍵詞：超星學(xué)習(xí)通平臺;混合式教學(xué)模式;網(wǎng)頁設(shè)計與制作中圖分類號：G642文獻(xiàn)標(biāo)識碼：A文章編號：1009-3044（2021）33-0259-04開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：傳統(tǒng)計算機類課

3、堂教學(xué)模式的不足是：教師講解時間長，留給學(xué)生操作的時間少，學(xué)生的作品僅僅停留在完全模仿而缺乏創(chuàng)新。傳統(tǒng)的課堂教學(xué)模式已不能滿足于移動終端智能化迅猛發(fā)展的現(xiàn)實情況，隨著移動終端智能化的快速發(fā)展，移動終端不僅僅改變了我們的生活方式，也在改變著我們的學(xué)習(xí)方式。其中混合式教學(xué)模式便在此背景下誕生，它是將依托于教學(xué)平臺的線上教學(xué)活動與線下傳統(tǒng)課堂教學(xué)結(jié)合起來的教學(xué)模式，通過學(xué)習(xí)平臺提供豐富的學(xué)習(xí)資源給學(xué)生，學(xué)生根據(jù)自身的學(xué)習(xí)需求進(jìn)行深度學(xué)習(xí)，從而使得傳統(tǒng)課堂教學(xué)模式向混合式教學(xué)模式轉(zhuǎn)變，進(jìn)而提升課堂教學(xué)效果、提升學(xué)生專業(yè)知識和技能水平。本文將探討依托超星學(xué)習(xí)通平臺混合式教學(xué)模式在網(wǎng)頁設(shè)計與制作課程中的應(yīng)

4、用。超星學(xué)習(xí)通平臺簡介超星學(xué)習(xí)通是一款面向智能手機、平板電腦等終端的移動學(xué)習(xí)專業(yè)平臺。教師可用其建設(shè)課程、上傳資源、組織教學(xué)、在線答疑、批改作業(yè)、管理信息、發(fā)布通知等輔助課程教學(xué);學(xué)生可用其自主學(xué)習(xí)、資源共享、在線互動、完成作業(yè)等輔助學(xué)習(xí)。超星學(xué)習(xí)通平臺為混合式教學(xué)模式的開展提供了強大的硬件支撐，通過整合所需課程資源，建立了線下教學(xué)與線上課堂的橋梁，打破了空間和時間的限制，滿足學(xué)生個性化的學(xué)習(xí)需求，激發(fā)學(xué)生學(xué)習(xí)的主動性，也為學(xué)生帶來多樣化的學(xué)習(xí)體驗。同時，超星學(xué)習(xí)通平臺也給教師提供了海量的教學(xué)資源，教師將遴選出的優(yōu)質(zhì)教學(xué)資源有計劃地分享給學(xué)生，不但豐富了教學(xué)資源的內(nèi)容和形式、拓寬了學(xué)生的知識面

5、，也促進(jìn)了師生間的交流、促進(jìn)學(xué)生探索性學(xué)習(xí)，有助于提高課堂效率和提升教學(xué)質(zhì)量，從而有助于進(jìn)一步提高學(xué)生的技能水平和培養(yǎng)創(chuàng)新能力?；旌鲜浇虒W(xué)模式的具體定義混合式教學(xué)模式是依托教學(xué)平臺將在線學(xué)習(xí)和傳統(tǒng)教學(xué)的優(yōu)勢結(jié)合起來的一種“線上”+“線下”的教學(xué)模式。即課前，學(xué)生登錄在線學(xué)習(xí)平臺自主學(xué)習(xí)課程知識點、反饋交流知識難點、完成老師布置的任務(wù);課中，教師結(jié)合平臺收集到的課前學(xué)生學(xué)習(xí)情況開展線下教學(xué)活動;課后，學(xué)生登錄在線學(xué)習(xí)平臺完成課后拓展、測試、評價、與老師同學(xué)交流互動?；旌鲜浇虒W(xué)模式整個教學(xué)過程讓學(xué)生“學(xué)的明白”，課前學(xué)生通過在線觀看視頻、文檔、動畫、在線調(diào)查問卷等學(xué)習(xí)活動清楚知道學(xué)習(xí)目標(biāo);教師“教

6、的有數(shù)”，教師可以通過課前學(xué)生在平臺上的活動數(shù)據(jù)，了解學(xué)生學(xué)習(xí)情況從而調(diào)整教學(xué)活動，也將學(xué)生的學(xué)習(xí)循序漸進(jìn)地由淺入深地引向深度學(xué)習(xí)，最終能實現(xiàn)學(xué)習(xí)效果和教學(xué)效果的提升?；旌辖虒W(xué)模式下，將傳統(tǒng)教學(xué)的時間和空間都進(jìn)行了擴展，讓教師的“教”和學(xué)生的“學(xué)”更靈活、更便捷、更高效，教師也可通過平臺技術(shù)手段對教學(xué)過程進(jìn)行評價和反思，從而優(yōu)化教學(xué)方案。網(wǎng)頁設(shè)計與制作課程教學(xué)現(xiàn)狀分析網(wǎng)頁設(shè)計與制作是我校高職計算機應(yīng)用專業(yè)二年級第二學(xué)期開設(shè)的一門專業(yè)平臺課，根據(jù)網(wǎng)頁設(shè)計與制作課程標(biāo)準(zhǔn)制定了具體課程目標(biāo)：學(xué)生通過課程學(xué)習(xí)能夠了解網(wǎng)頁設(shè)計與制作發(fā)展歷史及其未來發(fā)展趨勢;學(xué)會開發(fā)各類企業(yè)、門戶、電商類網(wǎng)站，掌握網(wǎng)頁設(shè)

7、計流程、常見的網(wǎng)頁布局技能;具備運行、管理及維護(hù)網(wǎng)站的能力，具備程序代碼閱讀、理解、編寫等基礎(chǔ)能力。本課程也是“1+X證書制度”Web前端的初級課程，通過本課程學(xué)習(xí)，能夠為學(xué)習(xí)后續(xù)的前端知識夯實基礎(chǔ)。但在傳統(tǒng)教學(xué)模式中想要實現(xiàn)以上課程目標(biāo)確實存在以下幾個困境：第一，學(xué)生被動學(xué)習(xí)，缺乏主動探究和創(chuàng)新的意識和路徑。大多數(shù)計算機類課程面臨同樣的困境，教師在課堂上給學(xué)生灌輸理論知識、操作演示案例，學(xué)生被動地聽、機械地模仿操作，若案例稍加變換學(xué)生就會不知所措，這個過程表現(xiàn)出學(xué)生太過于依賴教師。第二，課時量不能滿足學(xué)生的學(xué)習(xí)需求。學(xué)校一般安排本課程是每周4課時，共計68課時完成本課程，但對于操作類課程來說

8、課時緊張，教師只能快速完成知識點講授的教學(xué)任務(wù)，但留給學(xué)生練習(xí)的時間就比較有限了，學(xué)生在課堂上只能勉強完成老師布置的任務(wù)，想要通過多做多看來提升操作技能將無法在課堂上實現(xiàn)。第三，學(xué)生的作品市場競爭力低。隨著技術(shù)不斷迭變，市場對網(wǎng)頁設(shè)計人才的要求也越來越高，僅僅滿足于書本上的案例教學(xué)，學(xué)生無法開闊視野、提升技能水平，最終無法參與市場的有力競爭?；谏鲜鰩c困境，將傳統(tǒng)教學(xué)模式變革為混合式教學(xué)模式是十分必要的?；旌鲜浇虒W(xué)模式通過線上學(xué)習(xí)平臺優(yōu)質(zhì)資源共享來拓寬學(xué)生的視野，學(xué)生根據(jù)自身的需求選擇內(nèi)容并完善自己的知識結(jié)構(gòu);借助線上學(xué)習(xí)平臺也能夠做到課前預(yù)習(xí)課后拓展，消化課內(nèi)知識，從而解決由于課時有限操作

9、技能無法提升的困境;通過線上學(xué)習(xí)平臺的課前導(dǎo)學(xué)，激發(fā)學(xué)生自主學(xué)習(xí)、自主探究、交流探討激發(fā)學(xué)生思維拓展，從而促進(jìn)學(xué)生創(chuàng)新能力的培養(yǎng)，提高實踐水平;通過線上學(xué)習(xí)平臺的數(shù)據(jù)監(jiān)測，教師能夠快速獲取學(xué)生學(xué)習(xí)情況的數(shù)據(jù)，從而做到因材施教，優(yōu)化教學(xué)過程，促進(jìn)實現(xiàn)教學(xué)質(zhì)量的提升。4基于超星學(xué)習(xí)通平臺的網(wǎng)頁設(shè)計與制作課程混合式教學(xué)應(yīng)用分析本文教學(xué)設(shè)計將以初識CSS3為例，依托超星學(xué)習(xí)通手機端和電腦端，設(shè)計教學(xué)活動全過程，采用線上教學(xué)與線下教學(xué)兩種教學(xué)形式結(jié)合起來的混合式教學(xué)模式。教學(xué)分析教材分析本課選自人民郵電出版社的HTML5+CSS3網(wǎng)頁設(shè)計與制作第三章初識CSS3，設(shè)計課時為1個課時。本章在整個課程體系里

10、中起著承上啟下的作用，它既是對前面Dreamweaver工具的使用、HTML圖文標(biāo)簽再深化，又為后續(xù)盒子模型、列表和超鏈接、表格和表單、DIV+CSS布局網(wǎng)頁制作核心內(nèi)容奠定基礎(chǔ)。學(xué)生通過理解CSS樣式概念、分類，新建、編輯、應(yīng)用CSS樣式，根據(jù)實際需求應(yīng)用CSS樣式設(shè)計美化網(wǎng)頁，提升學(xué)生的審美能力和設(shè)計水平，培養(yǎng)學(xué)生的創(chuàng)新精神和職業(yè)素養(yǎng)。學(xué)情分析所授課的對象為計算機應(yīng)用專業(yè)二年級學(xué)生，他們具備一般應(yīng)用軟件操作技能，能夠熟練地運用超星學(xué)習(xí)通平臺上傳下載資源，并開展學(xué)習(xí)與討論熟悉Dreamweaver工具的基本操作，認(rèn)識HTML5語言結(jié)構(gòu)，接觸過簡單的嵌入式CSS樣式的代碼基礎(chǔ)。學(xué)生對理論知識學(xué)

11、習(xí)存在畏難情緒，喜歡實踐，動手能力強，但綜合應(yīng)用能力有所欠缺，僅習(xí)慣于模仿案例進(jìn)行技能訓(xùn)練，未樹立崗位需求意識，缺乏一定的設(shè)計審美意識。教學(xué)目標(biāo)知識與技能：理解CSS樣式含義;理解CSS的屬性的分類及含義;掌握利用樣式面板創(chuàng)建及編輯CSS樣式的方法;掌握CSS選擇器的分類以及應(yīng)用范圍、方法;能根據(jù)實際需求創(chuàng)建及應(yīng)用CSS樣式控制頁面。過程與方法：依托超星學(xué)習(xí)平臺為載體，使用三維動畫、微課視頻、問卷調(diào)查、在線投票等，通過小組合作探究、自主學(xué)習(xí)等多種途徑，讓學(xué)生掌握添加CSS樣式使用的過程和修改屬性值的方法。情感、態(tài)度與價值觀：在模擬招聘的過程中，通過學(xué)生小組合作，形成團隊意識;通過美化網(wǎng)頁外觀提

12、升審美修養(yǎng)，鋪就職業(yè)之路;通過課前導(dǎo)學(xué)探究和課后在線自評表的填寫，激發(fā)學(xué)生自主探究意識、提高學(xué)生溝通交流能力。教學(xué)重難點重點：新建CSS樣式、編輯CSS樣式、應(yīng)用CSS樣式;能區(qū)分方框和邊框?qū)傩愿鱾€參數(shù)的作用及表現(xiàn)效果。難點：根據(jù)頁面美觀需求靈活應(yīng)用選擇器的類型編輯CSS樣式4.2教學(xué)策略4.2.1教學(xué)流程圖依托教學(xué)平臺，充分運用信息化教學(xué)的優(yōu)勢，實現(xiàn)混合式教學(xué)模式以期達(dá)到最好的教學(xué)效果。4.2.2教學(xué)設(shè)計理念本課教學(xué)設(shè)計是以行動導(dǎo)向為主導(dǎo)，以培養(yǎng)學(xué)生的綜合職業(yè)能力為目標(biāo)，以職業(yè)實踐活動為導(dǎo)向，引導(dǎo)學(xué)生主動學(xué)習(xí)，練習(xí)解決實際問題學(xué)習(xí)，借助超星學(xué)習(xí)通學(xué)習(xí)平臺，充分體現(xiàn)混合式教學(xué)模式，設(shè)計了課前、

13、課中、課后三個教學(xué)環(huán)節(jié)，以期幫助學(xué)生形成初步崗位技能，最終促進(jìn)學(xué)生全面、和諧、持續(xù)發(fā)展。4.3教學(xué)過程4.3.1課前探究課前學(xué)習(xí)是整個教學(xué)的基礎(chǔ)環(huán)節(jié)，為充分調(diào)動學(xué)生學(xué)習(xí)的自主性和拓展學(xué)習(xí)時間與空間，課前一周教師準(zhǔn)備好相關(guān)知識點微課、PPT、動畫、導(dǎo)學(xué)案、任務(wù)素材、考核評價表等教學(xué)資源，上傳至學(xué)習(xí)平臺。教學(xué)資源準(zhǔn)備好后，在上課的前兩天，通過學(xué)習(xí)平臺推送學(xué)習(xí)資料和預(yù)習(xí)通知，學(xué)生接收到通知后登錄學(xué)習(xí)平臺，自主學(xué)習(xí)初識CSS3并嘗試操作，完成導(dǎo)學(xué)案和個人簡歷的美化并提交。在此過程中學(xué)生可以根據(jù)個人情況反復(fù)觀看微課，了解知識點并嘗試操作，若遇到問題可直接彈幕提問或在平臺上留言，所有同學(xué)都可參與交流討論。

14、課前線上探究主要是利用學(xué)習(xí)平臺，幫助學(xué)生充分利用課余時間，預(yù)習(xí)本節(jié)課的知識點，也便于教師了解每一位學(xué)生的課前準(zhǔn)備情況，根據(jù)學(xué)生課前學(xué)習(xí)情況調(diào)整教學(xué)重難點，如本節(jié)課在平臺上發(fā)布了一份問卷調(diào)查，就本節(jié)課的難點做出選擇，選擇CSS選擇器的類型的同學(xué)占到78%，這為課堂教學(xué)提供了準(zhǔn)確有效信息，課前探究信息的反饋也為課堂分組提供了依據(jù)，學(xué)生的學(xué)習(xí)效率也能事半功倍。4.3.2課上提升課前兩分鐘，通過學(xué)習(xí)平臺簽到功能，了解學(xué)生到課情況。課中以“視頻導(dǎo)入，呈現(xiàn)任務(wù)T問題引領(lǐng)，分析任務(wù)-探究合作，實施任務(wù)-成果展示，評價任務(wù)-歸納總結(jié)，拓展升華”五個環(huán)節(jié)開展教學(xué)活動。第一個環(huán)節(jié)，視頻導(dǎo)入，呈現(xiàn)任務(wù)。教師播放學(xué)生

15、課前搜索到的優(yōu)秀網(wǎng)頁，對比自己設(shè)計的網(wǎng)頁作品，找出差距，引出課題。學(xué)生通過觀看自己參與收集的素材做成的視頻與自己的作品對比，讓學(xué)生明白若想要成為網(wǎng)頁美工人員自己應(yīng)該具備的核心技能，由此激發(fā)學(xué)生的被動學(xué)習(xí)到主動求知的觀念。接著通過“看、析、理”分析學(xué)生課前平臺上的作品，運用三維動畫效果講清楚css樣式美化網(wǎng)頁的優(yōu)勢和css樣式的概念，并呈現(xiàn)本節(jié)課的任務(wù)：建立一個模擬求職場景，將全班同學(xué)分成4個設(shè)計小組（課前已通過學(xué)生預(yù)習(xí)情況，在平臺上分好小組），應(yīng)聘公司的網(wǎng)頁美工團隊，在規(guī)定時間內(nèi)美化“英才招聘網(wǎng)”網(wǎng)頁，最終通過教師和學(xué)生們的投票方式選出最優(yōu)秀的設(shè)計部，票數(shù)最高的設(shè)計部將會被錄用。建立虛擬求職場

16、景，以職業(yè)技能崗位對職業(yè)技能需求為目標(biāo)，設(shè)置競賽環(huán)節(jié)，增強學(xué)生團隊協(xié)作能力并讓學(xué)生進(jìn)入求職的緊迫感，激發(fā)學(xué)習(xí)熱情，端正學(xué)習(xí)態(tài)度。第二個環(huán)節(jié)，問題引領(lǐng)，分析任務(wù)。教師引導(dǎo)學(xué)生觀察、分析、討論要實現(xiàn)樣張效果需將任務(wù)分解成四子任務(wù)。前三個任務(wù)是必做題，也是本節(jié)課探究的知識點，任務(wù)四體現(xiàn)分層，一是考慮個體差異，二是難度合理，既有提升的空間，又能“跳一跳可以摘到桃子”。每個設(shè)計部通過討論電子任務(wù)書上的問題，并做出決策，學(xué)生自主選擇主色調(diào)，激發(fā)學(xué)生主動挑戰(zhàn)的意識。第三個環(huán)節(jié)，探究合作，實施任務(wù)。任務(wù)一：定義頁面CSS樣式，任務(wù)實施的過程中并沒有固定參數(shù)，而是通過小組的討論，確定具體屬性參數(shù)值，不同于以前教

17、師告知參數(shù)學(xué)生機械模仿，這樣做學(xué)生不僅在討論中激發(fā)創(chuàng)作出個性作品也可通過頭腦風(fēng)暴式的討論理清知識點，突出重點、突破難點。任務(wù)二：定義單元格css樣式，并思考CSS選擇器分類（標(biāo)簽與類的區(qū)別），教師鼓勵學(xué)生通過動手實踐，完成基礎(chǔ)任務(wù)，掌握本課重點內(nèi)容，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力，學(xué)生在實踐的過程中發(fā)現(xiàn)解決不了的問題，由老師借助信息化手段結(jié)合案例講解，目的是突破難點。任務(wù)三：定義圖片css樣式，教師引導(dǎo)學(xué)生嘗試操作雙邊框效果，學(xué)生在做方框與邊框時經(jīng)常將兩者混淆，通過教師提供的視頻動畫的講解，讓學(xué)生更直觀看到邊框和方框的區(qū)別，再次嘗試操作，嘗試出來的學(xué)生通過錄屏軟件將關(guān)鍵操作步驟錄制好后上傳到平臺與同學(xué)

18、共享，做到相互學(xué)習(xí)。任務(wù)四：定義導(dǎo)航超鏈接CSS樣式（選做），教師鼓勵學(xué)有余力的學(xué)生繼續(xù)探究，在此過程中教師提供Animate動畫，引導(dǎo)學(xué)生學(xué)習(xí)四種狀態(tài)的CSS樣式的設(shè)置，學(xué)生可在平臺上與同學(xué)交流、互助，以期提升技能水平。教師還在學(xué)習(xí)通平臺上為本節(jié)課提供了兩個輔學(xué)支持，CSS屬性單詞速查幫助學(xué)生迅速查找到單詞的意思，從而幫助學(xué)生解決設(shè)置屬性因英文單詞不熟悉而不斷嘗試的過程;MatchingColor軟件幫助學(xué)生快速掌握網(wǎng)頁配色方案、色彩搭配協(xié)調(diào)。教學(xué)分析教材分析本課選自人民郵電出版社的HTML5+CSS3網(wǎng)頁設(shè)計與制作第三章初識CSS3，設(shè)計課時為1個課時。本章在整個課程體系里中起著承上啟下的

19、作用，它既是對前面Dreamweaver工具的使用、HTML圖文標(biāo)簽再深化，又為后續(xù)盒子模型、列表和超鏈接、表格和表單、DIV+CSS布局網(wǎng)頁制作核心內(nèi)容奠定基礎(chǔ)。學(xué)生通過理解CSS樣式概念、分類，新建、編輯、應(yīng)用CSS樣式，根據(jù)實際需求應(yīng)用CSS樣式設(shè)計美化網(wǎng)頁，提升學(xué)生的審美能力和設(shè)計水平，培養(yǎng)學(xué)生的創(chuàng)新精神和職業(yè)素養(yǎng)。學(xué)情分析所授課的對象為計算機應(yīng)用專業(yè)二年級學(xué)生，他們具備一般應(yīng)用軟件操作技能，能夠熟練地運用超星學(xué)習(xí)通平臺上傳下載資源，并開展學(xué)習(xí)與討論熟悉Dreamweaver工具的基本操作，認(rèn)識HTML5語言結(jié)構(gòu)，接觸過簡單的嵌入式CSS樣式的代碼基礎(chǔ)。學(xué)生對理論知識學(xué)習(xí)存在畏難情緒，

20、喜歡實踐，動手能力強，但綜合應(yīng)用能力有所欠缺，僅習(xí)慣于模仿案例進(jìn)行技能訓(xùn)練，未樹立崗位需求意識，缺乏一定的設(shè)計審美意識。教學(xué)目標(biāo)知識與技能：理解CSS樣式含義;理解CSS的屬性的分類及含義;掌握利用樣式面板創(chuàng)建及編輯CSS樣式的方法;掌握CSS選擇器的分類以及應(yīng)用范圍、方法;能根據(jù)實際需求創(chuàng)建及應(yīng)用CSS樣式控制頁面。過程與方法：依托超星學(xué)習(xí)平臺為載體，使用三維動畫、微課視頻、問卷調(diào)查、在線投票等，通過小組合作探究、自主學(xué)習(xí)等多種途徑，讓學(xué)生掌握添加CSS樣式使用的過程和修改屬性值的方法。情感、態(tài)度與價值觀：在模擬招聘的過程中，通過學(xué)生小組合作，形成團隊意識;通過美化網(wǎng)頁外觀提升審美修養(yǎng)，鋪就

21、職業(yè)之路;通過課前導(dǎo)學(xué)探究和課后在線自評表的填寫，激發(fā)學(xué)生自主探究意識、提高學(xué)生溝通交流能力。教學(xué)重難點重點：新建CSS樣式、編輯CSS樣式、應(yīng)用CSS樣式;能區(qū)分方框和邊框?qū)傩愿鱾€參數(shù)的作用及表現(xiàn)效果。難點：根據(jù)頁面美觀需求靈活應(yīng)用選擇器的類型編輯CSS樣式。4.2教學(xué)策略4.2.1教學(xué)流程圖依托教學(xué)平臺，充分運用信息化教學(xué)的優(yōu)勢，實現(xiàn)混合式教學(xué)模式以期達(dá)到最好的教學(xué)效4.2.2教學(xué)設(shè)計理念本課教學(xué)設(shè)計是以行動導(dǎo)向為主導(dǎo)，以培養(yǎng)學(xué)生的綜合職業(yè)能力為目標(biāo)，以職業(yè)實踐活動為導(dǎo)向，引導(dǎo)學(xué)生主動學(xué)習(xí)，練習(xí)解決實際問題學(xué)習(xí)，借助超星學(xué)習(xí)通學(xué)習(xí)平臺，充分體現(xiàn)混合式教學(xué)模式，設(shè)計了課前、課中、課后三個教學(xué)

22、環(huán)節(jié)，以期幫助學(xué)生形成初步崗位技能，最終促進(jìn)學(xué)生全面、和諧、持續(xù)發(fā)展。4.3教學(xué)過程4.3.1課前探究課前學(xué)習(xí)是整個教學(xué)的基礎(chǔ)環(huán)節(jié)，為充分調(diào)動學(xué)生學(xué)習(xí)的自主性和拓展學(xué)習(xí)時間與空間，課前一周教師準(zhǔn)備好相關(guān)知識點微課、PPT、動畫、導(dǎo)學(xué)案、任務(wù)素材、考核評價表等教學(xué)資源，上傳至學(xué)習(xí)平臺。教學(xué)資源準(zhǔn)備好后，在上課的前兩天，通過學(xué)習(xí)平臺推送學(xué)習(xí)資料和預(yù)習(xí)通知，學(xué)生接收到通知后登錄學(xué)習(xí)平臺，自主學(xué)習(xí)初識CSS3并嘗試操作，完成導(dǎo)學(xué)案和個人簡歷的美化并提交。在此過程中學(xué)生可以根據(jù)個人情況反復(fù)觀看微課，了解知識點并嘗試操作，若遇到問題可直接彈幕提問或在平臺上留言，所有同學(xué)都可參與交流討論。課前線上探究主要是

23、利用學(xué)習(xí)平臺，幫助學(xué)生充分利用課余時間，預(yù)習(xí)本節(jié)課的知識點，也便于教師了解每一位學(xué)生的課前準(zhǔn)備情況，根據(jù)學(xué)生課前學(xué)習(xí)情況調(diào)整教學(xué)重難點，如本節(jié)課在平臺上發(fā)布了一份問卷調(diào)查，就本節(jié)課的難點做出選擇，選擇CSS選擇器的類型的同學(xué)占到78%，這為課堂教學(xué)提供了準(zhǔn)確有效信息，課前探究信息的反饋也為課堂分組提供了依據(jù)，學(xué)生的學(xué)習(xí)效率也能事半功倍。4.3.2課上提升課前兩分鐘，通過學(xué)習(xí)平臺簽到功能，了解學(xué)生到課情況。課中以“視頻導(dǎo)入，呈現(xiàn)任務(wù)T問題引領(lǐng)，分析任務(wù)-探究合作，實施任務(wù)-成果展示，評價任務(wù)-歸納總結(jié)，拓展升華”五個環(huán)節(jié)開展教學(xué)活動。第一個環(huán)節(jié)，視頻導(dǎo)入，呈現(xiàn)任務(wù)。教師播放學(xué)生課前搜索到的優(yōu)秀網(wǎng)

24、頁，對比自己設(shè)計的網(wǎng)頁作品，找出差距，引出課題。學(xué)生通過觀看自己參與收集的素材做成的視頻與自己的作品對比，讓學(xué)生明白若想要成為網(wǎng)頁美工人員自己應(yīng)該具備的核心技能，由此激發(fā)學(xué)生的被動學(xué)習(xí)到主動求知的觀念。接著通過“看、析、理”分析學(xué)生課前平臺上的作品，運用三維動畫效果講清楚CSS樣式美化網(wǎng)頁的優(yōu)勢和CSS樣式的概念，并呈現(xiàn)本節(jié)課的任務(wù)：建立一個模擬求職場景，將全班同學(xué)分成4個設(shè)計小組（課前已通過學(xué)生預(yù)習(xí)情況，在平臺上分好小組），應(yīng)聘公司的網(wǎng)頁美工團隊，在規(guī)定時間內(nèi)美化“英才招聘網(wǎng)”網(wǎng)頁，最終通過教師和學(xué)生們的投票方式選出最優(yōu)秀的設(shè)計部，票數(shù)最高的設(shè)計部將會被錄用。建立虛擬求職場景，以職業(yè)技能崗位對職業(yè)技能需求為目標(biāo)，設(shè)置競賽