（中職）網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目九 運(yùn)用Div+css樣式 任務(wù)二 Div+css的運(yùn)用方法與技巧 電子教案

1、（中職）網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目九 運(yùn)用Div+css樣式 任務(wù)二 Div+css的運(yùn)用方法與技巧 電子教案（中職）網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目九 運(yùn)用Div+css樣式 任務(wù)二 Div+css的運(yùn)用方法與技巧 電子教案（中職）網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目九 運(yùn)用Div+css樣式 任務(wù)二 Div+css的運(yùn)用方法與技巧 電子教案項(xiàng)目九 運(yùn)用Div+css樣式 任務(wù)二 Div+css的運(yùn)用方法與技巧課程：網(wǎng)頁(yè)設(shè)計(jì)與制作課題：創(chuàng)建與應(yīng)用css層疊樣式教材分析與處理：本項(xiàng)目是學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作的進(jìn)階，主要用于在成品網(wǎng)頁(yè)進(jìn)行后期修飾，是網(wǎng)頁(yè)制作必備的技能。本次任務(wù)以實(shí)踐操作為主，理論講解為輔，目的在于讓學(xué)生熟練掌握網(wǎng)頁(yè)制作的

2、布局和美化。教學(xué)目標(biāo)識(shí)與技能目標(biāo)：掌握css樣式設(shè)置的方法；理解css的三種選擇器的作用；學(xué)會(huì)使用DIV+css的方式編寫(xiě)網(wǎng)頁(yè)。過(guò)程與方法目標(biāo)：通過(guò)任務(wù)驅(qū)動(dòng)，結(jié)合教師講授，讓學(xué)生在做中學(xué)。情感態(tài)度與價(jià)值觀：培養(yǎng)學(xué)生善于發(fā)現(xiàn)、勤于動(dòng)腦、樂(lè)于動(dòng)手的學(xué)習(xí)習(xí)慣；激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)與制作的興趣；3、培養(yǎng)學(xué)生的歸納總結(jié)能力。課時(shí)：3課時(shí)教學(xué)重點(diǎn)：理解css的三種選擇器的作用。教學(xué)難點(diǎn)：學(xué)會(huì)使用DIV+css的方式編寫(xiě)網(wǎng)頁(yè)。教學(xué)過(guò)程：教學(xué)程序教學(xué)內(nèi)容要點(diǎn)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖1、導(dǎo)入給學(xué)生展示一個(gè)完成的網(wǎng)頁(yè)，讓學(xué)生觀察代碼，發(fā)現(xiàn)css中的不同種類，以及css結(jié)合div使用的方式提出問(wèn)題引出任務(wù)思考問(wèn)題回答問(wèn)題通過(guò)引導(dǎo)學(xué)生回答問(wèn)題引出本節(jié)課的教學(xué)內(nèi)容。2、新課講授使用div標(biāo)簽進(jìn)行頁(yè)面布局的步驟課件展示css的樣式設(shè)置分類和三種選擇器演示三種選擇器的設(shè)置方式演示講解傾聽(tīng)講解通過(guò)理論闡述，讓學(xué)生掌握理論本節(jié)課的知識(shí)點(diǎn)。3、學(xué)做合一實(shí)踐任務(wù)要求學(xué)生完成練習(xí)巡視教室解答問(wèn)題自主練習(xí)完成課堂任務(wù)學(xué)生通過(guò)教師的講解和練習(xí)，掌握css的設(shè)置和三種選擇器的選擇方式。4、梳理知識(shí)課堂小結(jié)div標(biāo)簽設(shè)置布局css樣式設(shè)置的方法；css的三種選擇器的作用；梳理知識(shí)點(diǎn)學(xué)生小結(jié)不斷提高師生共同小結(jié)，歸納總結(jié)知識(shí)與技能要點(diǎn)