dreamweaver中css樣式的應(yīng)用教案

1、《dreamweaver《dreamweaver中CSSCSS樣式的應(yīng)用樣式的應(yīng)用》教案教案一、教學(xué)目標(biāo)：一、教學(xué)目標(biāo)：1、知識(shí)與技能目標(biāo)理解CSS樣式的功能，掌握三種類型樣式的操作，掌握樣式表的導(dǎo)出和鏈接來(lái)設(shè)計(jì)網(wǎng)站中的所有網(wǎng)頁(yè)。2、能力目標(biāo)培養(yǎng)學(xué)生的思維能力和觀察感受能力；培養(yǎng)學(xué)生CSS樣式的實(shí)踐應(yīng)用能力。3、情感目標(biāo)培養(yǎng)學(xué)生的探究和實(shí)踐精神，以及善于思考總結(jié)，綜合應(yīng)用技能的能力。二、教學(xué)重點(diǎn)：二、教學(xué)重點(diǎn)：運(yùn)用三種類型的樣式設(shè)計(jì)網(wǎng)頁(yè)

2、。掌握樣式表的導(dǎo)出和鏈接，并在網(wǎng)站設(shè)計(jì)中的運(yùn)用。三、教學(xué)難點(diǎn)：三、教學(xué)難點(diǎn)：理解三種類型CSS樣式的區(qū)別，靈活應(yīng)用。四、教學(xué)理念：四、教學(xué)理念：依據(jù)課程改革的理念，以任務(wù)引領(lǐng)為動(dòng)力，通過(guò)對(duì)任務(wù)的提出、提升和拓展，讓學(xué)生在實(shí)踐中理解概念，在操作中掌握技能。教法：任務(wù)引領(lǐng)、創(chuàng)設(shè)情景、案例教學(xué)、詩(shī)意小結(jié)。學(xué)法：情感飽滿、自主學(xué)習(xí)、產(chǎn)生探究、感悟提升。五、課前準(zhǔn)備：五、課前準(zhǔn)備：設(shè)計(jì)要讓學(xué)生操作的練習(xí)網(wǎng)站“上海新貌”。設(shè)計(jì)活動(dòng)進(jìn)程。六、教學(xué)過(guò)程

3、六、教學(xué)過(guò)程教學(xué)流程教學(xué)流程老師活動(dòng)老師活動(dòng)學(xué)生活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖設(shè)計(jì)意圖任務(wù)提出課題導(dǎo)入任務(wù)背景：任務(wù)背景：小王（每位同學(xué)）作為一名網(wǎng)頁(yè)制作者，正在進(jìn)行“上海新貌”網(wǎng)頁(yè)的改版工作，所有的頁(yè)面排版初步告成，可頁(yè)面在IE中的瀏覽不令人滿意，怎么辦？畫面比較：畫面比較：展示兩組頁(yè)面，一組為學(xué)生前階段實(shí)踐的“上海新貌”網(wǎng)頁(yè)，一組為用CSS樣式定制后的網(wǎng)頁(yè)，比較視覺(jué)效果。引出教活動(dòng)一：融入教學(xué)情景，轉(zhuǎn)換實(shí)踐角色?；顒?dòng)二：觀察兩組頁(yè)面，引起求知

4、興趣?；顒?dòng)二：根據(jù)教師引導(dǎo)，接受任務(wù)挑戰(zhàn)。創(chuàng)設(shè)情景，激發(fā)情感；畫面對(duì)比，目標(biāo)直接。的使用。情景一：情景一：教師演示，講解要點(diǎn)（略）情景二：情景二：教師巡視，發(fā)現(xiàn)問(wèn)題情景三：情景三：共享操作，友情鏈接高實(shí)踐能力。任務(wù)拓展風(fēng)格統(tǒng)一任務(wù)拓展：任務(wù)拓展：給站點(diǎn)中的其他頁(yè)面附加樣式表。技術(shù)處理：技術(shù)處理：樣式表的導(dǎo)出、樣式表的附加兩步走。闡述樣式表的共享鏈接功能。情景一：情景一：教師啟發(fā)，引導(dǎo)學(xué)生實(shí)踐。情景二：情景二：教師巡視，幫助困難學(xué)生。1、

5、導(dǎo)出前面的設(shè)計(jì)并命名成一個(gè)樣式表名稱。2、附加樣式表到其他頁(yè)面。3、小組合作互助。4、觀察屏幕，體驗(yàn)成果。拓展任務(wù)，完善技能，體驗(yàn)成功的喜悅。實(shí)踐交流教師總結(jié)情景一：每組推薦一名同學(xué)，切換屏幕到同學(xué)，點(diǎn)評(píng)同學(xué)實(shí)踐。情景二：教師總結(jié)樣式應(yīng)用美頁(yè)面，樣式應(yīng)用美頁(yè)面，減少重復(fù)能實(shí)現(xiàn)減少重復(fù)能實(shí)現(xiàn)。bodybody設(shè)置走前面，設(shè)置走前面，定位文本最顯現(xiàn)；定位文本最顯現(xiàn)；其它設(shè)置跟上前，其它設(shè)置跟上前，顏色字體自己選。顏色字體自己選。鏈接設(shè)置不讓

6、賢，鏈接設(shè)置不讓賢，緊跟文本在后面；緊跟文本在后面；linklinkhovhov和visitedvisited個(gè)人喜好是關(guān)鍵。個(gè)人喜好是關(guān)鍵。附加樣式其它頁(yè)，附加樣式其它頁(yè)，整個(gè)網(wǎng)站換新顏。整個(gè)網(wǎng)站換新顏。1、學(xué)生交流操作結(jié)果，自評(píng)并互評(píng)。2、加深對(duì)CSS樣式的理解，掌握常規(guī)步驟及要點(diǎn)。加強(qiáng)交流，進(jìn)行評(píng)價(jià)，明確方向。七、課后拓展：七、課后拓展：以具體案例為引領(lǐng)，思考在網(wǎng)站中如何根據(jù)網(wǎng)頁(yè)的特點(diǎn)，進(jìn)行CSS樣式設(shè)計(jì)，美化創(chuàng)意；如何有效結(jié)合三