《WEB前端框架應(yīng)用》課程單元教學設(shè)計課程名稱WEB前端框架應(yīng)用授課單元Bootstrap柵格系統(tǒng)單元學時2授課教師職稱授課地點多媒體機房教學目標知識目標能力目標素質(zhì)目標實現(xiàn)W3school首頁頁面實例練習；Boostrap柵格系統(tǒng)布局的綜合運用。能夠運用Bootstrap實現(xiàn)頁面排版布局；Bootstrap布局綜合靈活運用。培養(yǎng)學生自主探究和解決問題的能力；培養(yǎng)學生嚴謹?shù)倪壿嬎季S能力；培養(yǎng)學生工匠精神，塑造積極進取的品質(zhì)。教學重難點教學重點通過項目實例實現(xiàn)Bootstrap柵格布局綜合運用。教學難點Bootstrap柵格布局的項目實例。教學策略教學組織以任務(wù)為導(dǎo)向，將教學內(nèi)容進行結(jié)構(gòu)化和學習化處理，采用線上、線下混合式教學模式，整個教學過程分為課前、課中、課后拓展三個教學環(huán)節(jié)，職業(yè)核心素養(yǎng)和文化素養(yǎng)的培養(yǎng)貫穿始終。教學方法以任務(wù)為驅(qū)動，激發(fā)學生學習興趣，創(chuàng)設(shè)情境，營造實戰(zhàn)氛圍，讓學生多體驗、多積累。教學準備環(huán)境準備理實一體化機房HBuilderX編輯器chrome瀏覽器資料準備教材、課件、課程標準、課程實施方案、案例資源資源準備國家教學資源庫、職教云專業(yè)群智慧職教mooc學院《Web前端框架應(yīng)用（Bootstrap）》課程/indexBootStrap中文網(wǎng)：BootStrap官網(wǎng)：http://www.bootS教學實施過程教學環(huán)節(jié)教學內(nèi)容教師活動學生活動設(shè)計意圖（含思政融入點）課前導(dǎo)學制作W3school首頁頁面，如何運用Bootstrap柵格系統(tǒng)實現(xiàn)頁面布局？備課：教學思路整理；在移動專業(yè)資源平臺或QQ群發(fā)布課程內(nèi)容和課程目標，并提出預(yù)習的測試問題。閱讀ppt、教材，觀看微知庫視頻，思考教師提出的問題，參與課前討論與測試活動。激發(fā)學生的學習主動性；讓學生了解課堂內(nèi)容和學習目標，有針對性得閱讀教材，為課中學習打下基礎(chǔ)。課中研學復(fù)習回顧Bootstrap柵格布局知識；引入教學內(nèi)容：柵格與其他類的綜合W3school首頁頁面。回顧所學Bootstrap布局的知識；提出任務(wù)：運用Bootstrap柵格系統(tǒng)布局W3school首頁頁面?；仡橞ootstrap柵格布局的知識；思考教師提出的問題。學生通過課前預(yù)習及討論，解決教師提出問題，加深對教學內(nèi)容的理解，培養(yǎng)學生嚴謹?shù)目茖W作風和踏實的工作態(tài)度，強化動手實踐的能力。柵格排序、與flex工具類、外邊距類的結(jié)合使用行列類的使用講解與工具結(jié)合、行列類實現(xiàn)書中小的案例強化實踐操作發(fā)布課堂任務(wù)：設(shè)計頁面，運用Bootstrap柵格系統(tǒng)，實現(xiàn)W3school首頁布局。學生動手實踐；提出任務(wù)，講解任務(wù)實現(xiàn)方法和布局要點，要求學生獨立完成；檢查學生完成情況，及時解決學生實踐中遇到的問題；根據(jù)任務(wù)要求進行實踐；遇到問題及時向老師提出。強化實踐操作，學生通過實操練習，進一步夯實理論基礎(chǔ)。頁面效果：課堂小結(jié)：總結(jié)Bootstrap柵格布局的知識點，實現(xiàn)項目實例?？偨Y(jié)本堂課程知識點，答疑。通過歸納總結(jié)加深理解。對本次課程內(nèi)容總結(jié)歸納，加深對知識的理解與掌握。課后拓展發(fā)布拓展的思考題：運用Bootstrap柵格系統(tǒng)實現(xiàn)銀行首頁。挑選優(yōu)秀學生作品，在班級中進行分享；找出學生本次課學習中的共性問題，集中講解。通過項目實例練習鞏固所學知識；學生將課中遇到的新問題進行總結(jié)，并反饋給老師。強化課堂效果，豐富課堂教學，鞏固課程知識點。教學評價采用多元化教學評價體系對學生學習全過程進行真實、客觀、公平地評價，從知識、技能、素養(yǎng)、參與度等多方面展開。突出過程評價，包括課堂考勤、課堂活動參與情況、課堂實踐練習、作業(yè)完成情況等，根據(jù)完成情況進行評分，評分既針對任務(wù)的實現(xiàn)情況，也考查學生對知識的理解掌握情況。反思診改以