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

1、《dreamweaver《dreamweaver中CSSCSS樣式的應(yīng)用樣式的應(yīng)用》教案教案一、教學(xué)目標(biāo)：一、教學(xué)目標(biāo)：1、知識與技能目標(biāo)理解CSS樣式的功能，掌握三種類型樣式的操作，掌握樣式表的導(dǎo)出和鏈接來設(shè)計網(wǎng)站中的所有網(wǎng)頁。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è)計網(wǎng)頁

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

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

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

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

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