電氣工程會(huì)計(jì)論文金融論文國(guó)際貿(mào)易財(cái)務(wù)管理人力資源輕化工程德語(yǔ)論文工程管理文化產(chǎn)業(yè)管理信息計(jì)算科學(xué) 電氣自動(dòng)化歷史論文
機(jī)械設(shè)計(jì) 電子通信英語(yǔ)論文物流論文電子商務(wù) 法律論文工商管理旅游管理市場(chǎng)營(yíng)銷電視制片管理材料科學(xué)工程漢語(yǔ)言文學(xué) 免費(fèi)獲取
制藥工程生物工程包裝工程模具設(shè)計(jì) 測(cè)控專業(yè) 工業(yè)工程教育管理行政管理應(yīng)用物理電子信息工程服裝設(shè)計(jì)工程教育技術(shù)學(xué) 論文降重
通信工程電子機(jī)電印刷工程土木工程交通工程食品科學(xué) 藝術(shù)設(shè)計(jì) 新聞專業(yè) 信息管理給水排水工程化學(xué)工程工藝推廣賺積分付款方式

搜索高級(jí)搜索

當(dāng)前位置：論文格式網(wǎng) -> 免費(fèi)論文 -> 其他論文

《CSS層疊樣式表》教學(xué)設(shè)計(jì)——認(rèn)識(shí)CSS

本論文在其他論文欄目，由論文格式網(wǎng)整理,轉(zhuǎn)載請(qǐng)注明來(lái)源www.donglienglish.cn,更多論文,請(qǐng)點(diǎn)論文格式范文查看

《CSS層疊樣式表》教學(xué)設(shè)計(jì)
——認(rèn)識(shí)CSS

高淳縣湖濱高級(jí)中學(xué) 芮菊芳
一、教學(xué)分析
(一)教材分析
CSS層疊樣式表內(nèi)容屬于網(wǎng)絡(luò)選修模塊中的難點(diǎn)。學(xué)生沒有實(shí)際應(yīng)用過(guò)，甚至從來(lái)沒有接觸過(guò)相關(guān)知識(shí)點(diǎn)。由于這部分內(nèi)容較難，我們主要以引入介紹為主，應(yīng)用操作為輔，拓寬學(xué)生對(duì)程序代碼的認(rèn)識(shí)，激發(fā)學(xué)生的開發(fā)意識(shí)和開發(fā)興趣。

(二)教學(xué)對(duì)象分析
學(xué)習(xí)者的認(rèn)知特點(diǎn)：在教師引導(dǎo)下有一定的創(chuàng)新探究能力。
學(xué)生已有知識(shí)經(jīng)驗(yàn)及能力水平：學(xué)生熟悉所見及所得的網(wǎng)頁(yè)制作軟件（Frontpage2000），了解HTML的概念。絕大多數(shù)同學(xué)能熟練操作鼠標(biāo)和鍵盤。
對(duì)教學(xué)內(nèi)容的了解程度：幾乎是沒有接觸過(guò)樣式表相關(guān)知識(shí)，對(duì)于學(xué)生來(lái)說(shuō)是新鮮有吸引力的。

(三)教學(xué)重點(diǎn)、難點(diǎn)
教學(xué)重點(diǎn)：內(nèi)聯(lián)式CSS樣式表的含義
教學(xué)難點(diǎn)：內(nèi)聯(lián)式CSS樣式的應(yīng)用
本課以文字應(yīng)用為例，重點(diǎn)講解內(nèi)聯(lián)式CSS樣式表的應(yīng)用，以內(nèi)聯(lián)式顯示CSS樣式表在網(wǎng)頁(yè)布局中的作用，對(duì)于理解外聯(lián)式樣式表以及樣式表在網(wǎng)頁(yè)排版布局上的更廣泛應(yīng)用具有基礎(chǔ)意義。本論文由論文格式網(wǎng)整理,轉(zhuǎn)載請(qǐng)注明來(lái)源www.donglienglish.cn,更多論文,請(qǐng)點(diǎn)論文格式范文查看

二、教學(xué)目標(biāo)
1、教學(xué)目標(biāo)
知識(shí)與技能：（1）了解CSS層疊樣式表的基本概念及分類。
（2）掌握CSS在文字格式方面的簡(jiǎn)單應(yīng)用。
過(guò)程與方法：（1）嘗試使用網(wǎng)頁(yè)代碼優(yōu)化自己的網(wǎng)頁(yè)，能夠合作或獨(dú)立完成特效應(yīng)用。
（2）在探究問題的過(guò)程中發(fā)散思維，拓展想象空間，培養(yǎng)創(chuàng)新意識(shí)。
情感態(tài)度與價(jià)值觀：（1）學(xué)會(huì)科學(xué)分析信息材料，并利用合理的信息表達(dá)方式來(lái)表達(dá)、傳遞信息。
（2）學(xué)會(huì)客觀地評(píng)價(jià)自己與他人的作品，養(yǎng)成辯證的信息評(píng)價(jià)與認(rèn)識(shí)觀。

三、教學(xué)策略設(shè)計(jì)
（1）教學(xué)方法設(shè)計(jì)
本課是一節(jié)理論與實(shí)踐相結(jié)合的課程，理論方面對(duì)于學(xué)生比較陌生，教師的講解必不可少。整節(jié)課采取教師引導(dǎo)，學(xué)生合作探究的教學(xué)模式，在解決任務(wù)過(guò)程中理解知識(shí)。由于學(xué)生在CSS的實(shí)際應(yīng)用方面接觸過(guò)少，且理論相對(duì)枯燥，所以教師要進(jìn)行有效引導(dǎo)，由淺入深，從文字格式入手，與以前學(xué)過(guò)的HTML代碼作比較，先培養(yǎng)感性認(rèn)識(shí)，再層層深入，介紹css的其它應(yīng)用。
教學(xué)方法：演示講解法、任務(wù)驅(qū)動(dòng)法、小組合作法，分層指導(dǎo)法

（2）學(xué)生上機(jī)操作安排和教師應(yīng)用信息技術(shù)的情況
本課在多媒體教學(xué)機(jī)房中進(jìn)行，教師機(jī)配有廣播監(jiān)控軟件。
學(xué)生安排三個(gè)活動(dòng)，完成教師布置的相關(guān)任務(wù)。
活動(dòng)一：分析兩組網(wǎng)頁(yè)，形成對(duì)網(wǎng)頁(yè)風(fēng)格的認(rèn)識(shí)；
活動(dòng)二：模仿教師講解，按要求修改代碼；
活動(dòng)三：根據(jù)所學(xué)知識(shí)，小組合作，自主探究，完成對(duì)poem.htm的代碼設(shè)置。
說(shuō)明：教師巡視指導(dǎo)的時(shí)候要注意學(xué)生層次，有的學(xué)生理解了教師的講解，但是輸入過(guò)程中出現(xiàn)了失誤；有的學(xué)生片面模仿教師的操作，沒有真正理解，在拓展任務(wù)中遇到了困難。教師的指導(dǎo)和小組成員的協(xié)作相結(jié)合，幫助后進(jìn)生完成任務(wù)，反過(guò)來(lái)促進(jìn)知識(shí)點(diǎn)的融會(huì)貫通。

5、教學(xué)評(píng)價(jià)：
本節(jié)課評(píng)價(jià)采用教師點(diǎn)評(píng)和學(xué)生互評(píng)，以能完成教師布置任務(wù)為主，突出代碼設(shè)置的準(zhǔn)確性。

三、教與學(xué)的實(shí)際過(guò)程描述
教學(xué)階段及所用時(shí)間教師活動(dòng) 學(xué)生活動(dòng) 對(duì)學(xué)生學(xué)習(xí)過(guò)程的觀察和考查
創(chuàng)設(shè)情境
問題引入
5分鐘 1、兩組網(wǎng)頁(yè)演示，以訪問者的姿態(tài)作出比較
第一組風(fēng)格統(tǒng)一和諧
第二組色彩布局混亂
2、引入到樣式的概念范疇 1、學(xué)生觀察
作出比較
2、在教師引導(dǎo)下認(rèn)識(shí)到網(wǎng)站風(fēng)格和諧的重要性學(xué)生很快就能進(jìn)入狀態(tài)，分析兩組網(wǎng)頁(yè)在感觀上的不同

新授課

15分鐘
簡(jiǎn)述CSS在網(wǎng)頁(yè)制作中的作用
類比WORD中“格式”菜單中的“樣式項(xiàng)”。初步了解CSS的概念和作用對(duì)CSS的認(rèn)識(shí)仍不清晰，停留在對(duì)字面意思的理解。
詳解CSS的分類應(yīng)用（以定義文字為主）
嵌入式樣式表
舉例說(shuō)明：
如：規(guī)定一個(gè)<table>標(biāo)簽中的文字為紅色，字體大小為10pt；
代碼的書寫形式：
<table style="color:red;font-size:10pt">
與HTML代碼中定義文字字體相比較

2、說(shuō)明：作用范圍只限于本標(biāo)簽，沒有充分體現(xiàn)CSS樣式表的優(yōu)越性，應(yīng)用較少學(xué)生比較嵌入式CSS代碼與普通HTML代碼的區(qū)別
得出結(jié)論：
CSS嵌入式的優(yōu)勢(shì)不明顯，并沒有顯著的簡(jiǎn)化作用知道嵌入式代碼的應(yīng)用方法，還不能認(rèn)識(shí)到CSS的優(yōu)勢(shì)
內(nèi)聯(lián)式樣式表：
把樣式表規(guī)則放在<head>和</head>的中間，從而使樣式表對(duì)整個(gè)當(dāng)前HTML頁(yè)面產(chǎn)生作用。
<style type=”text/css”>
<!- -
樣式表CSS的內(nèi)容
- ->
</style>
舉例解釋說(shuō)明
在CSS代碼中，定義一個(gè)名稱為“S3”的樣式。
操作步驟：
（1）、啟動(dòng)Frontpage，切換到HTML視圖，
在<head>和</head>中插入下面的代碼：
<style type=“text/css”>
<!- -
S3{
   font-family：”宋體”；
   font-size：9pt；
   color：green；
   font-style：italic；
   }
- ->
</style>
（2）、在<body>和</body>中插入下面的代碼：
<S3>歡迎進(jìn)入信息技術(shù)世界!</S3>
（3）、預(yù)覽查看
重點(diǎn)解釋代碼格式：<！--
                   -- >的意義
           樣式表名稱S3可任意指定 1、學(xué)生了解內(nèi)聯(lián)式的應(yīng)用范圍
2、學(xué)習(xí)代碼格式，理解代碼含義理解了代碼段內(nèi)部的含義，能模仿教師進(jìn)行代碼定義和應(yīng)用
操作過(guò)程中代碼及符號(hào)輸入錯(cuò)誤頻頻出現(xiàn)
布置任務(wù)20分鐘 1、將教師講解的上述例子作修改，字體大小改為14pt，顏色改為紅色（red）,將字體改為“楷體”，看看效果。
拓展題，小組合作完成。
打開網(wǎng)頁(yè)素材 poem.htm，按照要求把下面這首詩(shī)的字體格式作修改：
《明日歌》
明日復(fù)明日，(宋體、12pt、#0000ff)
明日何其多。(楷體、12pt、red)
我生待明日，(華文行楷、13pt、#800000)
萬(wàn)事成蹉跎。（同第一句）
世人苦被明日累，（同第二句）
春去秋來(lái)老將至。（同第三句）
朝看水東流，    （同第一句）
暮看日西墜。    （同第二句）
百年明日能幾何？（同第三句）
請(qǐng)君聽我明日歌! （同第一句） 1、學(xué)生修改CSS代碼
2、學(xué)生在理解的基礎(chǔ)上嘗試運(yùn)用理論解決實(shí)際問題第一項(xiàng)任務(wù)完成較容易，這是下面拓展任務(wù)的基礎(chǔ)
第二項(xiàng)任務(wù)學(xué)生先討論確定方法，然后才能嘗試完成，需要教師指導(dǎo)
總結(jié)評(píng)價(jià)
5分鐘 1、教師對(duì)學(xué)生活動(dòng)中出現(xiàn)的典型問題作點(diǎn)評(píng)
2、從文字應(yīng)用方面推而廣之
舉例說(shuō)明：
查看網(wǎng)站首頁(yè)的源代碼，分析其CSS的應(yīng)用
分析作課堂引入時(shí)用的第一組網(wǎng)頁(yè)的CSS代碼。
3、引入到外聯(lián)式代碼應(yīng)用（下一課）學(xué)生認(rèn)識(shí)CSS的其他應(yīng)用，激發(fā)進(jìn)一步探究學(xué)習(xí)的意愿
初步了解CSS的外聯(lián)式代碼了解了CSS的更廣泛的應(yīng)用，同時(shí)也增加了對(duì)這一知識(shí)點(diǎn)難度的認(rèn)識(shí)。
期待更多的素材來(lái)幫助認(rèn)識(shí)CSS。

關(guān)鍵環(huán)節(jié)
（1）內(nèi)聯(lián)式代碼舉例說(shuō)明時(shí)，格式規(guī)范的解釋
這一環(huán)節(jié)體現(xiàn)出對(duì)代碼的初步理解，如果認(rèn)識(shí)不清，在完成教師布置任務(wù)時(shí)出現(xiàn)諸多問題：有些中英文符號(hào)不分，有些定義樣式表名稱時(shí)延用“S3”名稱，認(rèn)為是固定不變的等。
（2）指導(dǎo)完成任務(wù)《明日歌》
能根據(jù)任務(wù)設(shè)定正確的方法的，首先掌握了文字格式樣式的定義方法
通過(guò)反復(fù)調(diào)用定義的樣式表，進(jìn)一步理解樣式在控制網(wǎng)頁(yè)布局方面的作用

四、教學(xué)反思
作為現(xiàn)階段農(nóng)村高級(jí)中學(xué)的學(xué)生，由于小學(xué)初中的信息技術(shù)課程開設(shè)還不完善，日常生活中又缺少相關(guān)的實(shí)踐活動(dòng)，因此信息素養(yǎng)普遍不高。在教學(xué)內(nèi)容上，教師必須從最淺近的講起，引起學(xué)生的關(guān)注，耐心引導(dǎo)他們理解和應(yīng)用，不能過(guò)于求精。
教師在流動(dòng)輔導(dǎo)中，對(duì)于有些學(xué)生在輸入方面的容易錯(cuò)誤要提前提示，及時(shí)指導(dǎo)改正，否則會(huì)因?yàn)殄e(cuò)字母而導(dǎo)致內(nèi)容已理解，任務(wù)卻不能在有效時(shí)間內(nèi)完成。

相關(guān)論文


上一篇：電腦的管家——有效管理我的計(jì)算機(jī)	下一篇：《因特網(wǎng)上的福爾摩斯——搜索引..

Tags：CSS 樣式教學(xué)設(shè)計(jì) 認(rèn)識(shí)

【收藏】【返回頂部】

人力資源論文	金融論文
會(huì)計(jì)論文	財(cái)務(wù)論文
法律論文	物流論文
工商管理論文	其他論文
保險(xiǎn)學(xué)免費(fèi)論文	財(cái)政學(xué)免費(fèi)論文
工程管理免費(fèi)論文	經(jīng)濟(jì)學(xué)免費(fèi)論文
市場(chǎng)營(yíng)銷免費(fèi)論文	投資學(xué)免費(fèi)論文
信息管理免費(fèi)論文	行政管理免費(fèi)論文
財(cái)務(wù)會(huì)計(jì)論文格式	數(shù)學(xué)教育論文格式
數(shù)學(xué)與應(yīng)用數(shù)學(xué)論文	物流論文格式范文
財(cái)務(wù)管理論文格式	營(yíng)銷論文格式范文
人力資源論文格式	電子商務(wù)畢業(yè)論文
法律專業(yè)畢業(yè)論文	工商管理畢業(yè)論文
漢語(yǔ)言文學(xué)論文	計(jì)算機(jī)畢業(yè)論文
教育管理畢業(yè)論文	現(xiàn)代教育技術(shù)論文
小學(xué)教育畢業(yè)論文	心理學(xué)畢業(yè)論文
學(xué)前教育畢業(yè)論文	中文系文學(xué)論文

最新文章

熱門文章

計(jì)算機(jī)論文

推薦文章