《WEB前端框架應(yīng)用》課程單元教學(xué)設(shè)計(jì)課程名稱WEB前端框架應(yīng)用授課單元Javascript插件單元學(xué)時(shí)2授課教師職稱授課地點(diǎn)多媒體機(jī)房教學(xué)目標(biāo)知識(shí)目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)掌握Bootstrap輪播插件的定義。掌握Bootstrap滾動(dòng)監(jiān)聽(tīng)插件的定義。能夠運(yùn)用Bootstrap定義輪播、滾動(dòng)監(jiān)聽(tīng)插件；能夠在網(wǎng)頁(yè)中定義輪播。培養(yǎng)學(xué)生自主探究和解決問(wèn)題的能力；培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)倪壿嬎季S能力和實(shí)踐能力；培養(yǎng)學(xué)生愛(ài)國(guó)主義精神。教學(xué)重難點(diǎn)教學(xué)重點(diǎn)掌握輪播插件的定義。教學(xué)難點(diǎn)輪播插件的定義與效果實(shí)現(xiàn)。教學(xué)策略教學(xué)組織以具體任務(wù)為導(dǎo)向，結(jié)合豐富的線上學(xué)習(xí)資源和線上互動(dòng)平臺(tái)，對(duì)基礎(chǔ)知識(shí)進(jìn)行分解，開(kāi)展本節(jié)課教學(xué)。整個(gè)教學(xué)過(guò)程可以分為課前線上答題測(cè)試、學(xué)習(xí)資源；課中案例教學(xué)；課后線上擴(kuò)展。教學(xué)方法以任務(wù)為驅(qū)動(dòng)，激發(fā)學(xué)生學(xué)習(xí)興趣，創(chuàng)設(shè)情境，營(yíng)造實(shí)戰(zhàn)氛圍，讓學(xué)生多體驗(yàn)、多積累。教學(xué)準(zhǔn)備環(huán)境準(zhǔn)備理實(shí)一體化機(jī)房HBuilderX編輯器chrome瀏覽器資料準(zhǔn)備教材、課件、課程標(biāo)準(zhǔn)、課程實(shí)施方案、案例資源資源準(zhǔn)備國(guó)家教學(xué)資源庫(kù)、職教云專業(yè)群BootStrap中文網(wǎng)：BootStrap官網(wǎng)：http://www.bootS智慧職教mooc學(xué)院《Web前端框架應(yīng)用（Bootstrap）》課程/index教學(xué)實(shí)施過(guò)程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖（含思政融入點(diǎn)）課前導(dǎo)學(xué)Bootstrap中如何定義輪播、滾動(dòng)監(jiān)聽(tīng)插件？備課：教學(xué)思路整理；在移動(dòng)專業(yè)資源平臺(tái)或QQ群發(fā)布課程內(nèi)容和課程目標(biāo)，并提出預(yù)習(xí)的測(cè)試問(wèn)題。閱讀ppt、教材，觀看微知庫(kù)視頻，思考教師提出的問(wèn)題，參與課前討論與測(cè)試活動(dòng)。激發(fā)學(xué)生的學(xué)習(xí)主動(dòng)性；讓學(xué)生了解課堂內(nèi)容和學(xué)習(xí)目標(biāo)，有針對(duì)性得閱讀教材，為課中學(xué)習(xí)打下基礎(chǔ)。課中研學(xué)回顧上節(jié)課所學(xué)的折疊、手風(fēng)琴等插件相關(guān)知識(shí)；引入教學(xué)內(nèi)容：Bootstrap輪播、滾動(dòng)監(jiān)聽(tīng)插件的定義和使用?；仡櫳瞎?jié)課介紹的相關(guān)插件定義；提出問(wèn)題：Bootstrap輪播插件定義和使用？回顧上節(jié)課所學(xué)的警告框、彈窗插件相關(guān)知識(shí)；思考教師提出的問(wèn)題。學(xué)生通過(guò)課前預(yù)習(xí)及討論，解決教師提出問(wèn)題，加深對(duì)教學(xué)內(nèi)容的理解。輪播插件的定義和使用。輪播插件定義，代碼演示。認(rèn)真聽(tīng)取教師的講解；遇到問(wèn)題及時(shí)向老師提出。講解演示結(jié)合，加深學(xué)生對(duì)理論知識(shí)的理解和提升實(shí)踐應(yīng)用能力，實(shí)例素材選取祖國(guó)大好河山的相關(guān)內(nèi)容，培養(yǎng)愛(ài)國(guó)主義思想。課堂任務(wù)：運(yùn)用Bootstrap輪播插件定義，實(shí)現(xiàn)如下頁(yè)面效果。學(xué)生動(dòng)手實(shí)踐；引導(dǎo)學(xué)生編寫(xiě)代碼；檢查學(xué)生完成情況，及時(shí)解決學(xué)生實(shí)踐中遇到的問(wèn)題；根據(jù)教師的講解進(jìn)行實(shí)踐；2.根據(jù)教師演示同步練習(xí)；3.遇到問(wèn)題及時(shí)向老師提出。動(dòng)手實(shí)踐，學(xué)生通過(guò)實(shí)操練習(xí)，進(jìn)一步夯實(shí)理論基礎(chǔ)。頁(yè)面效果如下圖：課堂任務(wù)：運(yùn)用Bootstrap滾動(dòng)監(jiān)聽(tīng)插件定義，實(shí)現(xiàn)如下頁(yè)面效果。學(xué)生動(dòng)手實(shí)踐；引導(dǎo)學(xué)生編寫(xiě)代碼；檢查學(xué)生完成情況，及時(shí)解決學(xué)生實(shí)踐中遇到的問(wèn)題；根據(jù)教師的講解進(jìn)行實(shí)踐；2.根據(jù)教師演示同步練習(xí)；3.遇到問(wèn)題及時(shí)向老師提出。動(dòng)手實(shí)踐，學(xué)生通過(guò)實(shí)操練習(xí)，進(jìn)一步夯實(shí)理論基礎(chǔ)。課堂小結(jié)：總結(jié)本節(jié)課所學(xué)輪播、滾動(dòng)監(jiān)聽(tīng)插件定義，實(shí)現(xiàn)在頁(yè)面中的運(yùn)用?？偨Y(jié)本堂課程知識(shí)點(diǎn)，答疑。鞏固所學(xué)新知識(shí)；通過(guò)歸納總結(jié)加深理解。對(duì)本次課程內(nèi)容總結(jié)歸納，加深對(duì)知識(shí)的理解與掌握。課后拓展課后思考題：輪播、滾動(dòng)監(jiān)聽(tīng)插件在頁(yè)面中的應(yīng)用。完成課后思考題；挑選優(yōu)秀學(xué)生作品，在班級(jí)中進(jìn)行分享；學(xué)生將課中遇到的新問(wèn)題進(jìn)行總結(jié)，并反饋給老師。通過(guò)課后拓展思考題鞏固所學(xué)知識(shí)；學(xué)生將課中遇到的新問(wèn)題進(jìn)行總結(jié)，并反饋給老師。強(qiáng)化課堂效果，豐富課堂教學(xué)，鞏固課程知識(shí)點(diǎn)。教學(xué)評(píng)價(jià)采用多元化教學(xué)評(píng)價(jià)體系對(duì)學(xué)生學(xué)習(xí)全過(guò)程進(jìn)行真實(shí)、客觀、公平地評(píng)價(jià)，從知識(shí)、技能、素養(yǎng)、參與度等多方面展開(kāi)。突出過(guò)程評(píng)價(jià)，包括課堂考勤、課堂活動(dòng)參與情況、課堂實(shí)踐練習(xí)、作業(yè)完成情況等，根據(jù)完成情況進(jìn)行評(píng)分，評(píng)分既針對(duì)任務(wù)的實(shí)現(xiàn)情況，也考查學(xué)生對(duì)知識(shí)