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