課堂教學(xué)設(shè)計(jì)課程名稱Web前端開發(fā)/網(wǎng)頁(yè)設(shè)計(jì)與制作授課時(shí)數(shù)2授課班級(jí)授課時(shí)間授課地點(diǎn)授課形式多媒體教學(xué)參考資料參考教材《HTML5+CSS3Web前端設(shè)計(jì)基礎(chǔ)教程（第3版）（微課版）》，人民郵電出版社，2024年專業(yè)教學(xué)標(biāo)準(zhǔn)《Web前端開發(fā)》課程標(biāo)準(zhǔn)職業(yè)技能標(biāo)準(zhǔn)Web前端開發(fā)職業(yè)技能等級(jí)標(biāo)準(zhǔn)（標(biāo)準(zhǔn)代碼：510001）校本補(bǔ)充材料中國(guó)大學(xué)MOOC（/）其他資源媒體資源智能課堂、微課、PPT、配套素材等環(huán)境資源多媒體教室教學(xué)目標(biāo)知識(shí)目標(biāo)掌握CSS初級(jí)選擇器的使用方法技能目標(biāo)能夠使用CSS的基本知識(shí)完成簡(jiǎn)單頁(yè)面的排版素質(zhì)目標(biāo)提升學(xué)生規(guī)矩意識(shí)，強(qiáng)化學(xué)生誠(chéng)信精神；引導(dǎo)學(xué)生從“細(xì)”“小”做起，重點(diǎn)培養(yǎng)學(xué)生新時(shí)代工匠精神和愛崗敬業(yè)的操守精神。教學(xué)重點(diǎn)選擇器的使用方法教學(xué)難點(diǎn)ID選擇器、類選擇器學(xué)情分析學(xué)生能夠使用HTML標(biāo)簽創(chuàng)建簡(jiǎn)單的網(wǎng)頁(yè)結(jié)構(gòu)，已經(jīng)逐步適應(yīng)代碼類課程的學(xué)習(xí)模式，但不同學(xué)生的學(xué)習(xí)進(jìn)度和興趣逐步表現(xiàn)出差異。教學(xué)總體設(shè)計(jì)依據(jù)教學(xué)標(biāo)準(zhǔn)要求，結(jié)合學(xué)生學(xué)情，動(dòng)態(tài)調(diào)整應(yīng)用“翻轉(zhuǎn)課堂”模式的教學(xué)比重，以邊講邊練、分組討論、實(shí)踐操作、課堂小結(jié)的路徑組織實(shí)施教學(xué)過程。課外拓展有針對(duì)性的安排訓(xùn)練，同時(shí)培養(yǎng)學(xué)生發(fā)現(xiàn)問題、自主解決問題的意識(shí)和習(xí)慣，進(jìn)而提高綜合素養(yǎng)。教學(xué)環(huán)節(jié)(時(shí)間安排)教學(xué)內(nèi)容教學(xué)活動(dòng)技術(shù)資源教學(xué)隨記(教學(xué)過程中記錄)教師學(xué)生課前準(zhǔn)備(提前2-3天發(fā)布教學(xué)任務(wù))預(yù)習(xí)微課視頻任務(wù)下達(dá)、課前準(zhǔn)備任務(wù)獲取、課前準(zhǔn)備PPT、微課、網(wǎng)絡(luò)資源課堂教學(xué)（一）情境創(chuàng)設(shè)[5分鐘]1.通過案例中字體樣式不生效的結(jié)果，引入CSS的選擇器優(yōu)先級(jí)知識(shí)。2.引導(dǎo)學(xué)生學(xué)習(xí)CSS選擇器的最佳方式，不單要理解CSS選擇器的含義，還要不斷的實(shí)踐測(cè)試代碼。理論講授明確任務(wù)知識(shí)獲取智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學(xué)（二）知識(shí)學(xué)習(xí)[35分鐘]以多個(gè)案例形式，講解各類選擇器對(duì)頁(yè)面元素的影響。1.通配符選擇器需要特別提醒：在大型復(fù)雜網(wǎng)頁(yè)應(yīng)用中，通配符選擇器會(huì)導(dǎo)致性能問題，應(yīng)謹(jǐn)慎使用，盡量限制其使用范圍。2.類型選擇器3.類選擇器4.ID選擇器5.群組選擇器案例教學(xué)知識(shí)獲取智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學(xué)（三）仿真演練[40分鐘]1.根據(jù)教材內(nèi)容上機(jī)演練各個(gè)示例，理解不同類型的選擇器的功能用法。2.鼓勵(lì)學(xué)生在上機(jī)演練時(shí)相互討論，分享學(xué)習(xí)心得和遇到的問題，通過集體的智慧解決問題。3.教師即時(shí)的反饋和指導(dǎo)，幫助學(xué)生及時(shí)糾正錯(cuò)誤，加深理解。實(shí)踐指導(dǎo)實(shí)踐訓(xùn)練智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料等。課堂教學(xué)（四）總結(jié)評(píng)價(jià)[10分鐘]課堂小結(jié)，重申課堂重點(diǎn)難點(diǎn)，明確課題學(xué)習(xí)任務(wù)，針對(duì)課堂教學(xué)內(nèi)容，互動(dòng)交流討論，布置后續(xù)課預(yù)習(xí)知識(shí)。作業(yè)點(diǎn)評(píng)課程小結(jié)查漏補(bǔ)缺吸收整理智能課堂、微課、PPT、多媒體電腦、互聯(lián)網(wǎng)資料