體驗CSS樣式表――在HTML中應用CSS教學設(shè)計

 5.2 .2 體驗CSS樣式表――在HTML中應用CSS教學設(shè)計                                                       江蘇省沙溪高級中學  陳英  215421【設(shè)計思想】       以普通高中信息技術(shù)課程標準為指導，以人本主義理論為基礎(chǔ)進行教學設(shè)計，充分發(fā)揮教學過程中學生的主體作用和教師的主導作用。利用“自主學習網(wǎng)站”所提供的自主學習平臺，充分調(diào)動學生學習的積極性和自主性，培養(yǎng)學生分析問題和解決問題的能力。
 【教材分析】
     本課教學內(nèi)容是教育科學出版社《網(wǎng)絡(luò)技術(shù)應用》（選修）第5章第2節(jié)的內(nèi)容。教學重點是了解CSS樣式表的功能和簡單應用，難點是如何根據(jù)實際情況選擇合適的CSS,并在HTML語言中使用CSS。本論文由論文格式網(wǎng)整理,轉(zhuǎn)載請注明來源www.donglienglish.cn,更多論文,請點論文格式范文查看
 【學生分析】
     學生對這部分的內(nèi)容普遍很感興趣，但是絕大部分學生都為“零起點”！學生學習本課必須建立在對HTML語言有一定認識的基礎(chǔ)上。
 【教學重點和難點】
     1. 教學重點        CSS樣式表的優(yōu)點和作用        CSS樣式表的書寫規(guī)則        CSS樣式表在HTML中的應用
     2. 教學難點        如何選擇根據(jù)實際情況，選擇合適的CSS        如何在HTML中應用CSS
 【教學策略】    本課以自主學習網(wǎng)站為平臺，采用以學習自主學習為主，教師有效講解為輔進行教學，學生通過3個層層遞進的探究任務展開學習。
 【教學環(huán)境設(shè)計】
     多媒體網(wǎng)絡(luò)教室、自主學習網(wǎng)站
設(shè)計題目 5.2 .2 體驗CSS樣式表――在HTML中應用CSS
教學內(nèi)容  CSS樣式表在HTML中的簡單應用
教學對象 高一
教學目標 知識目標:（1）CSS樣式表的優(yōu)點         （2）在HTML中應用CSS的方法
過程與方法：（1）通過本課的學習，了解CSS的優(yōu)點            （2）掌握嵌入式CSS的應用方法             （3）掌握內(nèi)聯(lián)式CSS的應用方法
情感態(tài)度和價值觀:（1）培養(yǎng)學生對網(wǎng)頁制作的興趣
 （2）培養(yǎng)學生自主學習的能力和探究精神
 （3）培養(yǎng)學生自主分析問題和解決問題的能力
教學策略 自主學習、任務驅(qū)動、有效講解
教學過程（可續(xù)頁）
教學步驟 所
用
時
間 教 師 活 動 學 生 活 動 設(shè)計說明
導入 2 512汶川大地震一周年，一些網(wǎng)站網(wǎng)頁變灰色表達哀悼！讓學生觀察效果。 動手動腦 由學生感興趣的問題引入本課教學內(nèi)容
教學新課 40 1、在FP中將文字512設(shè)置為：50pt；顏色＃FFCCCC
2、引導學生通過自學網(wǎng)站的“自學指南”上的幫助，制作出上面的特效
3、分析上面的代碼，重點講解CSS的語法結(jié)構(gòu)，啟發(fā)學生舉一反三
分析嵌入式CSS的使用方法和特點
 4、引導學生通過自學網(wǎng)站完成“任務一”
 5、在FP中將3段文字512都設(shè)置為50pt;#FFCCCC的效果；引導學生通過網(wǎng)站的幫助，做出上面的效果
 6、讓學生自主分析和歸納內(nèi)聯(lián)式CSS和嵌入式CSS在使用上的區(qū)別
 7、引導學生完成通過自學網(wǎng)站的幫助“任務二”
 8、在完成了上面2個基本任務后，引導學生完成提高題（任務三）
 9、請完成了上面3個任務的學生演示完成過程；并讓學生自己總結(jié)本課的教學內(nèi)容
 10、教學評價
 11、引導學生利用自學網(wǎng)站進行能力拓展

請同學們登錄以上網(wǎng)站，為512死難者祈福！ 動手思考

聽講思考
 
 
動手思考

分析問題
解決問題
  給學生設(shè)置障礙，引出用CSS美化網(wǎng)頁

再次設(shè)置障礙，引出內(nèi)聯(lián)式CSS

總結(jié)歸納 3 教師引導學生對本節(jié)課的學習內(nèi)容進行簡要的總結(jié)和歸納，并在此基礎(chǔ)上進行有效補充 總結(jié)歸納 培養(yǎng)學生對知識點進行總結(jié)和歸納的能力
教學反思 CSS是動態(tài)網(wǎng)頁制作中較難把握的內(nèi)容，學生雖然能夠根據(jù)網(wǎng)站的幫助完成簡單的效果，但只停留于模仿層面，對于CSS本質(zhì)和靈活運用上還有待于進一步的鞏固和提高。
 =