《WEB前端框架應(yīng)用》課程單元教學(xué)設(shè)計(jì)課程名稱WEB前端框架應(yīng)用授課單元Bootstrap柵格系統(tǒng)單元學(xué)時2授課教師職稱授課地點(diǎn)多媒體機(jī)房教學(xué)目標(biāo)知識目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)掌握Boostrap柵格系統(tǒng)列的重排定義；掌握Boostrap柵格系統(tǒng)列的嵌套定義；掌握Boostrap柵格系統(tǒng)列的偏移定義。能夠運(yùn)用Bootstrap實(shí)現(xiàn)頁面排版布局；能夠運(yùn)用Bootstrap柵格系統(tǒng)靈活實(shí)現(xiàn)列重排、列偏移、列嵌套。培養(yǎng)學(xué)生自主探究和解決問題的能力；培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)倪壿嬎季S能力；培養(yǎng)學(xué)生愛國主義精神，塑造積極進(jìn)取的品質(zhì)。教學(xué)重難點(diǎn)教學(xué)重點(diǎn)Bootstrap柵格系統(tǒng)列重排、列偏移、列嵌套。教學(xué)難點(diǎn)Bootstrap柵格布局的列嵌套。教學(xué)策略教學(xué)組織以任務(wù)為導(dǎo)向，將教學(xué)內(nèi)容進(jìn)行結(jié)構(gòu)化和學(xué)習(xí)化處理，采用線上、線下混合式教學(xué)模式，整個教學(xué)過程分為課前、課中、課后拓展三個教學(xué)環(huán)節(jié)，職業(yè)核心素養(yǎng)和文化素養(yǎng)的培養(yǎng)貫穿始終。教學(xué)方法鑒于學(xué)生缺乏實(shí)戰(zhàn)，溝通技巧欠缺，教師采用PPT講解、案例教學(xué)，以任務(wù)為驅(qū)動，激發(fā)學(xué)生學(xué)習(xí)興趣，創(chuàng)設(shè)情境，營造實(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)備國家教學(xué)資源庫、職教云專業(yè)群智慧職教mooc學(xué)院《Web前端框架應(yīng)用（Bootstrap）》課程/indexBootStrap中文網(wǎng)：BootStrap官網(wǎng)：http://www.bootS教學(xué)實(shí)施過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖（含思政融入點(diǎn)）課前導(dǎo)學(xué)如何實(shí)現(xiàn)頁面多欄布局中列的偏移、重排？什么是Bootstrap柵格布局列的嵌套？備課：教學(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é)回顧Bootstrap響應(yīng)式布局知識；引入教學(xué)內(nèi)容：Bootstrap布局中列位置的變化實(shí)現(xiàn)?；仡櫳瞎?jié)課所學(xué)Bootstrap響應(yīng)式布局的知識；提出問題：在Bootstrap布局中如何調(diào)整各列的位置？1.回顧上節(jié)課所學(xué)的相關(guān)知識；2.思考教師提出的問題。學(xué)生通過課前預(yù)習(xí)及討論，解決教師提出問題，加深對教學(xué)內(nèi)容的理解。Bootstrap柵格布局的列重排定義；Bootstrap柵格布局列偏移的定義；Bootstrap柵格布局列嵌套的定義。Bootstrap柵格布局的列重排定義，代碼講解；Bootstrap柵格布局列偏移的定義，代碼講解；Bootstrap柵格布局列嵌套的定義，實(shí)例代碼講解。認(rèn)真聽取教師的講解；遇到問題及時向老師提出。講練結(jié)合，加深學(xué)生對理論知識的理解和提升實(shí)踐應(yīng)用能力，樹立學(xué)生正確的技能觀，強(qiáng)化動手實(shí)踐的能力。發(fā)布課堂任務(wù)：設(shè)計(jì)頁面，運(yùn)用Bootstrap柵格布局，實(shí)現(xiàn)頁面列重排、列嵌套。學(xué)生動手實(shí)踐；講練結(jié)合，演示任務(wù)代碼；檢查學(xué)生完成情況，及時解決學(xué)生實(shí)踐中遇到的問題；根據(jù)教師的講解進(jìn)行實(shí)踐；2.根據(jù)教師演示同步練習(xí)；3.遇到問題及時向老師提出。理論與實(shí)踐結(jié)合，學(xué)生通過實(shí)操練習(xí)，進(jìn)一步夯實(shí)理論基礎(chǔ)。課堂小結(jié)：總結(jié)Bootstrap柵格布局的各列位置調(diào)整定義，運(yùn)用Bootstrap柵格布局實(shí)現(xiàn)列重排、列偏移、列嵌套。總結(jié)本堂課程知識點(diǎn)，答疑。鞏固所學(xué)新知識；通過歸納總結(jié)加深理解。對本次課程內(nèi)容總結(jié)歸納，加深對知識的理解與掌握。課后拓展發(fā)布拓展的思考題：運(yùn)用Bootstrap柵格系統(tǒng)實(shí)現(xiàn)W3school首頁。找出學(xué)生本次課學(xué)習(xí)中的共性問題，集中講解。通過課后思考題鞏固所學(xué)知識；學(xué)生將課中遇到的新問題進(jìn)行總結(jié)，并反饋給老師。強(qiáng)化課堂效果，豐富課堂教學(xué)，鞏固課程知識點(diǎn)。教學(xué)評價采用多元化教學(xué)評價體系對學(xué)生學(xué)習(xí)全過程進(jìn)行真實(shí)、客觀、公平地評價，從知識、技能、素養(yǎng)、參與度等多方面展開。突出過程評價，包括課堂考勤、課堂活動參與情況、課堂實(shí)踐練習(xí)、作業(yè)完成情況等，根據(jù)完成情況進(jìn)行評分，評分既針對