《WEB前端框架應(yīng)用》課程單元教學(xué)設(shè)計(jì)課程名稱WEB前端框架應(yīng)用授課單元初識Bootstrap單元學(xué)時2授課教師職稱授課地點(diǎn)多媒體機(jī)房教學(xué)目標(biāo)知識目標(biāo)能力目標(biāo)素質(zhì)目標(biāo)了解Bootstrap框架的相關(guān)知識。Bootstrap框架入門的基本操作（下載、安裝等）。能夠正確下載Bootstrap框架開發(fā)包；能夠搭建Bootstrap框架開發(fā)環(huán)境，并運(yùn)用Bootstrap框架創(chuàng)建一個最簡單的程序。培養(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框架下載及開發(fā)環(huán)境搭建。教學(xué)難點(diǎn)搭建Bootstrap框架的基本HTML代碼。教學(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è)群BootStrap中文網(wǎng)：BootStrap官網(wǎng)：http://www.bootS智慧職教mooc學(xué)院《Web前端框架應(yīng)用（Bootstrap）》課程/index教學(xué)實(shí)施過程教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計(jì)意圖（含思政融入點(diǎn)）課前導(dǎo)學(xué)認(rèn)識Bootstrap框架，了解Bootstrap框架的相關(guān)知識，下載并導(dǎo)入到項(xiàng)目中。備課：教學(xué)思路整理；在職教云平臺或QQ群發(fā)布課程內(nèi)容和課程目標(biāo)，并提出預(yù)習(xí)的測試問題。閱讀ppt、教材，觀看微知庫視頻，思考教師提出的問題，參與課前討論與測試活動。以問題導(dǎo)入方式引起學(xué)生注意，激發(fā)學(xué)生的學(xué)習(xí)主動性；讓學(xué)生了解課堂內(nèi)容和學(xué)習(xí)目標(biāo)，有針對性得閱讀教材，為課中學(xué)習(xí)打下基礎(chǔ)。課中研學(xué)對本課程整體介紹；引入教學(xué)內(nèi)容：Bootstrap框架基本知識。講解本課程基本內(nèi)容、定位，讓學(xué)生對課程有基本認(rèn)識；提出問題：什么是Bootstrap框架？了解本課程定位；思考教師提出的問題。學(xué)生通過課前預(yù)習(xí)及討論，解決教師提出問題，加深對教學(xué)內(nèi)容的理解。Bootstrap框架介紹；Bootstrap框架環(huán)境準(zhǔn)備；Bootstrap框架運(yùn)用，編寫一個簡單的網(wǎng)頁。講解Bootstrap框架的基本知識；Bootstrap框架下載、環(huán)境搭建；Bootstrap框架導(dǎo)入，編寫一個簡單的網(wǎng)頁，觀察效果。認(rèn)真聽取教師的講解；根據(jù)教師演示同步練習(xí)；遇到問題及時向老師提出。講練結(jié)合，加深學(xué)生對理論知識的理解和提升實(shí)踐應(yīng)用能力，培養(yǎng)學(xué)生嚴(yán)謹(jǐn)?shù)目茖W(xué)作風(fēng)和踏實(shí)的工作態(tài)度。發(fā)布課堂任務(wù)：導(dǎo)入Bootstrap框架，創(chuàng)建一個帶圖片效果的網(wǎng)頁。學(xué)生動手實(shí)踐。檢查學(xué)生完成情況，及時解決學(xué)生實(shí)踐中遇到的問題；根據(jù)教師的講解進(jìn)行實(shí)踐；遇到問題及時向老師提出。學(xué)生通過實(shí)操練習(xí)，進(jìn)一步夯實(shí)理論基礎(chǔ)。課堂小結(jié)：總結(jié)Bootstrap框架的基礎(chǔ)知識，Bootstrap框架環(huán)境搭建，并能運(yùn)用Bootstrap框架創(chuàng)建頁面?？偨Y(jié)本堂課程知識點(diǎn)，答疑。鞏固所學(xué)新知識；通過歸納總結(jié)加深理解。對本次課程內(nèi)容總結(jié)歸納，加深對知識的理解與掌握。課后拓展發(fā)布拓展作業(yè)：完成一個簡單的Bootstrap實(shí)例。挑選優(yōu)秀學(xué)生作品，在班級中進(jìn)行分享；找出學(xué)生本次課學(xué)習(xí)中的共性問題，集中講解。通過課后項(xiàng)目實(shí)例練習(xí)鞏固所學(xué)知識；學(xué)生將課中遇到的新問題進(jìn)行總結(jié)，并反饋給老師。強(qiáng)化課堂效果，豐富課堂教學(xué)，鞏固課程知識點(diǎn)。教學(xué)評價(jià)采用多元化教學(xué)評價(jià)體系對學(xué)生學(xué)習(xí)全過程進(jìn)行真實(shí)、客觀、公平地評價(jià)，從知識、技能、素養(yǎng)、參與度等多方面展開。突出過程評價(jià)，包括課堂考勤、課堂活動參與情況、課堂實(shí)踐練習(xí)、作業(yè)完成情況等，根據(jù)完成情況進(jìn)行評分，評分既針對任務(wù)的實(shí)現(xiàn)情況，也考查學(xué)