作為一名專為他人授業(yè)解惑的人民教師,，就有可能用到教案,，編寫教案助于積累教學(xué)經(jīng)驗(yàn),，不斷提高教學(xué)質(zhì)量,。優(yōu)秀的教案都具備一些什么特點(diǎn)呢,？又該怎么寫呢,？下面我?guī)痛蠹艺覍げ⒄砹艘恍﹥?yōu)秀的教案范文,，我們一起來了解一下吧,。

美化網(wǎng)頁教案 網(wǎng)頁美化與布局教程教學(xué)資源包篇一

計

#trs_autoadd_1250564593313{margin-top:0px;margin-bottom:0px}#trs_autoadd_1250564593313p{margin-top:0px;margin-bottom:0px}#trs_autoadd_1250564593313td{margin-top:0px;margin-bottom:0px}#trs_autoadd_1250564593313span{margin-top:0px;margin-bottom:0px}#trs_autoadd_1250564593313li{margin-top:0px;margin-bottom:0px}/**---json--{“":{”margin-top“:”0“,”margin-bottom“:”0“},”p“:{”margin-top“:”0“,”margin-bottom“:”0“},”td“:{”margin-top“:”0“,”margin-bottom“:”0“},”span“:{”margin-top“:”0“,”margin-bottom“:”0“},”li“:{”margin-top“:”0“,”margin-bottom“:”0“}}--**/_1249633762080p.msonormal{text-justify:inter-ideograph;font-size:10.5pt;margin:0cm0cm0pt;font-family:”timesnewroman“;text-align:justify}mal{text-justify:inter-ideograph;font-size:10.5pt;margin:0cm0cm0pt;font-family:”timesnewroman“;text-align:justify}mal{text-justify:inter-ideograph;font-size:10.5pt;margin:0cm0cm0pt;font-family:”timesnewroman";text-align:justify}_1249633762080span.section1{page:section1}_1249633762080ol{margin-bottom:0cm}_1249633762080ul{margin-bottom:0cm} 【教材使用】寧教廳審定

山東教育出版社出版

軟件frontpagexx

【適用年級】8年級

【適用單元】網(wǎng)頁制作第3大節(jié)

【教材分析】

教材中本節(jié)的內(nèi)容分為三部分：一是使用導(dǎo)航欄和共享邊框,；二是添加網(wǎng)頁背景與上節(jié)的背景音樂一塊學(xué)習(xí)；三是添加網(wǎng)頁水平線和滾動字幕,。我將知識重新規(guī)劃：先引導(dǎo)學(xué)生從已知入手,，學(xué)習(xí)第二、三部分的知識,，在學(xué)習(xí)第一部分知識時,，由于學(xué)生對相關(guān)知識了解不多，是本節(jié)的難點(diǎn),，放在后面講解,。

本節(jié)是第二部分為網(wǎng)頁添加背景圖片和音樂。背景圖片在上節(jié)插入圖片的知識上過渡到背景圖片,，其中可以引導(dǎo)學(xué)生使用顏色,、圖片和主題三種不同方式改變網(wǎng)頁的背景，可以擴(kuò)展背景設(shè)置時的不同方法,。有了背景圖片還可以加入背景音樂,，這都屬于同一類的知識，可以放在一起讓學(xué)生鑒別學(xué)習(xí),。

【學(xué)情分析】

學(xué)生在上節(jié)課已經(jīng)學(xué)會了插入圖片的方法,，在學(xué)習(xí)文字處理軟件時也學(xué)習(xí)到了相關(guān)知識，借助這個已知來學(xué)習(xí)本節(jié)課的內(nèi)容應(yīng)該比較容易些,，因此本節(jié)課知識學(xué)生可以自主學(xué)習(xí),。

【教學(xué)目標(biāo)】

1．知識目標(biāo)

（1）掌握為網(wǎng)頁中添加背景的不同方法。

（2）掌握為網(wǎng)頁中添加背景音樂的方法,。

2．技能目標(biāo)

通過學(xué)生自主學(xué)習(xí)過程中,，掌握為網(wǎng)頁中添加背景音樂和不同背景的方法。

3．情感目標(biāo)

通過為網(wǎng)頁添加背景及音樂的學(xué)習(xí),，培養(yǎng)學(xué)生綜合運(yùn)用知識的能力和審美能力,。

【教學(xué)重點(diǎn)與難點(diǎn)】

為網(wǎng)頁中添加背景圖片。

【課時安排】1課時

【教學(xué)方法】任務(wù)驅(qū)動法

【課前準(zhǔn)備】軟件frontpagexx

多媒體廣播系統(tǒng)

【教學(xué)設(shè)計】

第一課時

為網(wǎng)頁添加文字信息

教學(xué)過程 教師活動 學(xué)生活動 教學(xué)意圖

一,、導(dǎo)入部分

上節(jié)課我們學(xué)習(xí)了給網(wǎng)頁中添加文字和圖片來豐富網(wǎng)站的內(nèi)容,。但是在我們?yōu)g覽網(wǎng)頁時發(fā)現(xiàn)網(wǎng)頁中含有背景圖片和背景音樂等等。這節(jié)課我們就來學(xué)習(xí)美化網(wǎng)頁的一些方法,。

（板書課題：美化網(wǎng)頁）

學(xué)生觀察后回答：修飾后的網(wǎng)頁含有背景音樂和圖片,。

直接說出學(xué)生在瀏覽網(wǎng)頁時的發(fā)現(xiàn)，引出本節(jié)課題。

二,、新課部分

1．添加背景：

2．使用主題：

3．添加背景音樂：

在學(xué)習(xí)文字處理軟件word時,，我們學(xué)習(xí)了使用背景顏色來調(diào)整“紙張”的顏色，同樣在frontpage中也有此功能,，可以給你的網(wǎng)頁使用背景顏色,。

（任務(wù)一：）大家結(jié)合課本的“做一做”，試著給你的網(wǎng)頁變換背景顏色或使用圖片作背景,。

（板書：

一,、添加背景）

教師輔導(dǎo)??

（讓學(xué)生上來廣播展示??）網(wǎng)頁中添加背景圖片和顏色。

同時教師指導(dǎo)學(xué)生閱讀課本“金鑰匙”和“小博士”,。

（任務(wù)二：）大家結(jié)合課本中的“金鑰匙”,，將插入的圖片去除底色。

（教師小結(jié)并操作展示：）1．網(wǎng)頁中可以使用圖片做背景,，但圖片一定要與插圖以及文字的顏色相協(xié)調(diào),，才能達(dá)到美觀的效果，如果色差太大時會使用你的網(wǎng)頁失去美感,。

2．方法：第一種方法是“格式”──“背景”,；第二種方法是在網(wǎng)頁的空白處單擊鼠標(biāo)的右鍵快捷菜單──“網(wǎng)頁屬性”命令。

（教師引導(dǎo)：）大家在給網(wǎng)頁添加不同背景時,，有的同學(xué)可能想了,，網(wǎng)站中的網(wǎng)頁如果是上千張時，每張都使用背景太麻煩了,，能不能將所有的網(wǎng)頁都使用一個背景并后一步到位解決呢,？這樣是可以的，使用主題就可以解決,。

（任務(wù)三：）大家使用“格式”──“主題”變換你的網(wǎng)頁背景,。

（板書：

二、使用主題）

教師輔導(dǎo)??

（提醒學(xué)生：圖片與主題做背景時,，它們之間的切換必須先將主題背景去掉才能設(shè)置圖片背景）

（教師引導(dǎo)：）在我們搜索網(wǎng)頁時,，有時將網(wǎng)頁打開后還伴隨著音樂，大家瀏覽網(wǎng)頁時心情也比較舒暢,。

（板書：

三、背景音樂）

（任務(wù)四：）大家結(jié)合課本p72完成網(wǎng)頁的背景音樂的設(shè)置,。

教師進(jìn)行輔導(dǎo)??

（教師小結(jié)：）1．背景音樂與背景圖片都使用同一個對話框“網(wǎng)頁屬性”,。

2．背景音樂的格式是有所選擇的，同時播放音樂的次數(shù)是可以控制的,。

學(xué)生結(jié)合課本實(shí)踐??

學(xué)生展示??

學(xué)生實(shí)踐??

學(xué)生實(shí)踐??

學(xué)生實(shí)踐??

從學(xué)生已有知識類比過渡到新知,。

讓學(xué)生先進(jìn)行自學(xué)，嘗試不同方法。

引導(dǎo)學(xué)生學(xué)習(xí)書本的知識,。

引導(dǎo)學(xué)生學(xué)會欣賞美的網(wǎng)頁，同時總結(jié)多種方法,。

拓展學(xué)生知識視野

教會學(xué)生總結(jié)知識和方法,，同時引導(dǎo)學(xué)生閱讀課本p73“小博士”和“金鑰匙”。

三,、小結(jié)

通過這節(jié)課的學(xué)習(xí),，大家都學(xué)會了什么？ 學(xué)生自己總結(jié)??

學(xué)生對自己所學(xué)知識進(jìn)行匯總,。

【教學(xué)反思】

調(diào)整知識：將第2節(jié)課的“背景音樂”和第3節(jié)中的“背景圖片”調(diào)整在一起形成一節(jié)“網(wǎng)頁背景”課,。

本節(jié)課的知識是將兩節(jié)課的內(nèi)容歸類總結(jié)形成一節(jié)關(guān)于“網(wǎng)頁背景”的內(nèi)容。學(xué)生通過這節(jié)課的內(nèi)容學(xué)會比較和歸納知識方法以及總結(jié)歸納知識的能力,，同時培養(yǎng)學(xué)生審美意識和知識綜合運(yùn)用能力,。

美化網(wǎng)頁教案 網(wǎng)頁美化與布局教程教學(xué)資源包篇二

第八課《美化網(wǎng)頁》教學(xué)設(shè)計

【教學(xué)目標(biāo)】：

1.知識與技能：能在網(wǎng)頁中插入圖片，設(shè)置圖片屬性,，對圖片進(jìn)行簡單編輯,； 能通過網(wǎng)頁屬性設(shè)置網(wǎng)頁的背景。

2.過程與方法：通過自主探究,，小組合作,，培養(yǎng)學(xué)生的動手實(shí)踐能力和合作交流能力。

3.情感態(tài)度價值觀：通過網(wǎng)頁制作,，培養(yǎng)學(xué)生對美的感受及創(chuàng)造美的能力,，提高自身的藝術(shù)修養(yǎng)?！窘虒W(xué)重點(diǎn),、難點(diǎn)】： 1.插入圖片，設(shè)置圖片屬性,，對圖片進(jìn)行簡單編輯.2.了解網(wǎng)頁的整體風(fēng)格,、能有意識地將圖片放在“images”文件夾下

【教學(xué)具準(zhǔn)備】：多媒體課件、廣播教學(xué)系統(tǒng)

【課時安排】：1課時

【教學(xué)過程】：

一,、導(dǎo)入

師：最近,，海西教育網(wǎng)在招聘微博小編輯，同學(xué)們想不想去試一試呢,？要成為小編輯可不是一件簡單的事,，它必須要下苦工，要知道優(yōu)秀的網(wǎng)站應(yīng)該具備的條件,。讓我們先來看一下下面幾個網(wǎng)站實(shí)例,。

展示三坊七巷,、海西教育網(wǎng)站實(shí)例，引導(dǎo)學(xué)生四人一組進(jìn)行觀察,，交流,，提出引導(dǎo)性的問題：優(yōu)秀的網(wǎng)站應(yīng)該具備哪些條件呢？

請個別小組的代表匯報自己的想法,，并用實(shí)例驗(yàn)證,。

師小結(jié)：色彩合理；主題鮮明,；版面協(xié)調(diào)??

師：要想成為小編輯需要完成很多挑戰(zhàn),，首先必須上交一個具有個性特性的自我介紹。

接著展示兩個自我介紹網(wǎng)站頁面,，一張是沒有美化的,，一張是經(jīng)過美化的，引導(dǎo)學(xué)生進(jìn)行比較,，明確學(xué)習(xí)任務(wù).二,、新課

挑戰(zhàn)一：為網(wǎng)頁“梳妝打扮”

課件出示任務(wù)：網(wǎng)頁中文字的字體太單調(diào)，不好看,，請同學(xué)們將文字設(shè)置成自己喜歡的格式,。

引導(dǎo)學(xué)生自主操作，教師巡視,。

請學(xué)生口述操作過程,，教師操作并小結(jié)。教 與 學(xué) 的 雙 邊 活 動

挑戰(zhàn)二：使網(wǎng)頁“圖文并茂” 課件出示任務(wù)：給網(wǎng)頁加上圖片,，讓網(wǎng)頁更加豐富,。

1.引導(dǎo)學(xué)生回顧word中插入圖片的方法，然后引導(dǎo)學(xué)生根據(jù)教材44頁步驟自主嘗試,。

2.學(xué)生口述,，教師操作。

引導(dǎo)學(xué)生觀察,，讓學(xué)生發(fā)現(xiàn)插入圖片后出現(xiàn)問題“圖片太大,，位置不好”引出：

挑戰(zhàn)三：圖片我會修

1.引導(dǎo)學(xué)生回顧word中修飾圖片的步驟；

2.然后讓學(xué)生引導(dǎo)學(xué)生,，根據(jù)教材45~46頁的內(nèi)容對圖片進(jìn)行修剪,； 3.請小組代表上臺操作；

4.教師進(jìn)行小結(jié),；此過程中故意使用站點(diǎn)外的圖片作為插入對象,，保存網(wǎng)頁時，引導(dǎo)學(xué)生觀察并思考出現(xiàn)問題的原因,。

5.對還沒完成任務(wù)的同學(xué)接著操作完成任務(wù),，并對圖片進(jìn)行簡單的編輯操作。

挑戰(zhàn)四：覺得白色的網(wǎng)頁太單調(diào),，請你給網(wǎng)頁穿上‘花衣服’,，讓它看起來更漂亮。

1.引導(dǎo)學(xué)生,，可以給網(wǎng)頁的背景加顏色或圖片,。

讓學(xué)生讓小組進(jìn)行討論，后操作,；教師巡視,，并對個別學(xué)生進(jìn)行指導(dǎo)。2.派代表上臺操作,，教師再對學(xué)生的回答進(jìn)行簡單的點(diǎn)評和評價,。1.學(xué)生自己談?wù)劊哼@節(jié)課你學(xué)到了什么？有什么收獲等等,。2.評選出今天的最佳小編輯,，并讓學(xué)生填寫評價表并上交。

美化網(wǎng)頁教案 網(wǎng)頁美化與布局教程教學(xué)資源包篇三

網(wǎng)頁的美化

教學(xué)內(nèi)容及設(shè)計理念分析：

《網(wǎng)頁的美化》是《初中信息技術(shù)》八年級上冊第1單元第4課的重要內(nèi)容,，本節(jié)課主要引導(dǎo)學(xué)生學(xué)習(xí)了解美化網(wǎng)頁的常用的方法,。“畫面的豐富性和多樣性,，能給學(xué)生以有力的視覺沖擊”,，因此，設(shè)計本課時,，我通過兩種畫面的對比,，激發(fā)學(xué)生興趣，并通過分解任務(wù),，讓學(xué)生在設(shè)置背景,、音樂、flash動畫和滾動字幕等方面,，獲得美化網(wǎng)頁的基本知識和技能,，體驗(yàn)學(xué)習(xí)的快樂?！緦W(xué)習(xí)目標(biāo)】

1,、知識目標(biāo)：

掌握美化網(wǎng)頁的常用方法，理解美化網(wǎng)頁對提高網(wǎng)站質(zhì)量的作用,。

2,、技能目標(biāo)：

學(xué)會在網(wǎng)頁中設(shè)置背景、音樂,、flash動畫和滾動字幕,。

3,、情感、態(tài)度和價值觀目標(biāo)：

善于發(fā)現(xiàn)美,，提高審美意識,，從自身做起美化生活?！菊n時安排】 建議1課時 【重難點(diǎn)】

重點(diǎn)：在網(wǎng)頁中設(shè)置背景,、音樂、flash動畫和滾動字幕,。難點(diǎn)：在網(wǎng)頁中設(shè)置音樂,、flash動畫?！窘虒W(xué)準(zhǔn)備】

自制課件,、教學(xué)軟件

教學(xué)過程：

一、創(chuàng)設(shè)情境,，激趣導(dǎo)入

師：（出示兩張網(wǎng)頁,，一張很單調(diào)，另外一張是經(jīng)過美化的網(wǎng)頁,。）同學(xué)們,，這是兩張不一樣的網(wǎng)頁，你們認(rèn)為哪一張好看,？注意要說說自己的理由,。

學(xué)生觀察網(wǎng)頁，然后發(fā)表見解,。

生一：第二張好,，因?yàn)楹喢鞫笠Ч庇^,。

師：（及時評價）這個學(xué)生很有審美觀點(diǎn),，說出了自己的看法。

生二：第二張好看,，因?yàn)樯屎?，有音樂，有動?? 生三：?? 生四：?? 師：大家想學(xué)習(xí)美化網(wǎng)頁的方法嗎,？

生：（學(xué)生的興趣被調(diào)動起來,，課堂教學(xué)就成功了一半。）想,。

師：今天我們就來學(xué)習(xí)一些美化網(wǎng)頁的方法,，主要有在網(wǎng)頁中設(shè)置背景、音樂,、flash動畫和滾動字幕等,。

設(shè)計意圖：好的開始等于成功了一半,。這一部分主要通過創(chuàng)設(shè)美感情境，提高學(xué)生審美意識,，激發(fā)學(xué)生美化網(wǎng)頁的熱情,。

二、自主探究,，交流分享

（一）自主探究：

1、明確探究任務(wù)：（1）認(rèn)識網(wǎng)頁美化的優(yōu)點(diǎn),。（2）自主探究,，掌握一定的方法。

2,、教師引導(dǎo),，讓學(xué)生認(rèn)識網(wǎng)頁的美化的優(yōu)點(diǎn)。

師：首先,，我們來看一下本節(jié)課的小標(biāo)題,，都對網(wǎng)頁進(jìn)行了哪些美化？ 生：快速瀏覽,，并說出內(nèi)容：

設(shè)置網(wǎng)頁的背景,，設(shè)置表格的背景，插入背景音樂,，插入flash動畫,，插入滾動字幕等。

師：那么,，我們就親自來探究一番吧,。

3、學(xué)生根據(jù)不同的喜好,，分小組進(jìn)行研究,。（自主探究）

（1）同學(xué)們，你們想對網(wǎng)頁的哪一塊進(jìn)行美化呢,？（給定不同的任務(wù)）任務(wù)一：設(shè)置網(wǎng)頁背景

任務(wù)二：設(shè)置表格的背景 任務(wù)三：插入背景音樂 任務(wù)四：插入flash動畫 任務(wù)五：制作滾動字幕

（2）生找到自己喜歡的操作并進(jìn)行小組探究學(xué)習(xí),。

設(shè)計意圖：讓學(xué)生在明確學(xué)習(xí)目標(biāo)和學(xué)習(xí)任務(wù)后，進(jìn)行自主學(xué)習(xí),。在整個學(xué)習(xí)過程中充分發(fā)揮學(xué)生的主動性,，培養(yǎng)學(xué)生獨(dú)立分析、解決問題的能力,，使學(xué)生能夠循序漸進(jìn)地學(xué)習(xí)信息技術(shù)的知識和技能,。

師：如果在研究的過程中我們遇到了困難，應(yīng)怎樣解決呢,？ 生：靠老師,，更靠自己,。

4、小組內(nèi)部交流疑難問題,。和其他同學(xué)商量,、看課本、查資料,。

5,、老師穿插其中，給學(xué)生適時個別指導(dǎo),。

設(shè)計意圖：讓學(xué)生明確學(xué)習(xí)目標(biāo)和學(xué)習(xí)任務(wù)后,，對自己喜歡探索的內(nèi)容進(jìn)行有選擇性地自主學(xué)習(xí)。充分發(fā)揮學(xué)生的主動性,，培養(yǎng)學(xué)生獨(dú)立分析,、解決問題的能力。

（二）交流分享：

1,、小組內(nèi)交流匯報,，推選代表發(fā)言。

師：我看同學(xué)們通過自己的探究,，已經(jīng)小有收獲了,。下面，各小組成員就把自己的收獲和小組內(nèi)的同學(xué)交流交流,，然后每個小組推選一名代表來發(fā)言,，說說你們小組共同努力的結(jié)果。咱們看看哪個小組的同學(xué)收獲的最多,，匯報的最精彩,。好，開始,。

生：內(nèi)部交流,，推選代表發(fā)言。

師穿插在小組當(dāng)中,，了解交流匯報的情況,，為下一步的合作交流奠定基礎(chǔ)。

設(shè)計意圖：學(xué)生以小組為單位,，自主交流,，并推選代表發(fā)言，以期養(yǎng)成良好的學(xué)習(xí)習(xí)慣,。

2,、各小組代表在班級內(nèi)匯報研究結(jié)果。

師：同學(xué)們討論的這么熱烈，看來收獲還真的是不少,。下面,，我們各小組派代表來匯報研究成果，注意盡量地邊操作,，邊說說小組的研究成果,。

3、在交流分享過程中,，老師穿插在小組中,，并進(jìn)行適當(dāng)調(diào)控、點(diǎn)評,、指導(dǎo),。

4、在此基礎(chǔ)上,，鼓勵學(xué)生進(jìn)行設(shè)置網(wǎng)頁背景和設(shè)置表格背景的方法嘗試。設(shè)計意圖：學(xué)生將自主探究的結(jié)果進(jìn)行分享交流,，使得學(xué)生的思維進(jìn)行充分的激活,，獲得解決問題的最佳途徑，并使學(xué)生在獨(dú)立探索過程中不斷獲得成就感,。

三,、合作學(xué)習(xí)，釋疑解難

師：剛才,，我們分別聽取了四個學(xué)習(xí)小組的匯報,，我發(fā)現(xiàn)同學(xué)們的收獲還真不少。對于網(wǎng)頁美化知識,，哪些同學(xué)還有不是很明白的地方,，可以提出來，我們大家一起來共同探討一下,？

1,、學(xué)生提出疑難問題，如插入背景音樂,、插入flash動畫,、制作滾動字幕等。

2,、學(xué)生互幫互助,，解決一些疑難問題。

3,、教師集中講解比較有共性的問題,。（包括實(shí)踐和理論的問題。）設(shè)計意圖：將學(xué)生在自主探究中出現(xiàn)的沒有解決的重難點(diǎn)問題，再次交給學(xué)生,，通過小組內(nèi)分析討論,，找出方法，使問題得以解決,，達(dá)到開闊學(xué)生思路,、進(jìn)一步理解知識的目的，并使學(xué)生的團(tuán)結(jié)協(xié)作能力得到培養(yǎng),。最終學(xué)生有解決不了的問題,，老師可以有針對性的進(jìn)行點(diǎn)撥提示。

四,、實(shí)踐創(chuàng)作,，展示評價

師：大家都沒有問題了，看來同學(xué)們對剛才所研究的內(nèi)容已經(jīng)掌握的不錯了,，根據(jù)剛才我們研究的內(nèi)容,，運(yùn)用今天所學(xué)的知識，完成課本28頁實(shí)踐與創(chuàng)新,，過一會兒,，我們一起來展示展示，看誰美化的最好,、做的又快,？

生：實(shí)踐創(chuàng)作。

師：發(fā)現(xiàn)有新意的作品,，予以展示,。師生：根據(jù)自己的觀點(diǎn)來進(jìn)行評價。生：吸收同學(xué)們的建議進(jìn)行二度創(chuàng)作,。

在此基礎(chǔ)上,，每個小組評選出優(yōu)秀作品，最優(yōu)秀者頒發(fā)“最佳美工獎”,。師：這節(jié)課,，我們每個小組都制作出了非常棒的作品，相信以后的練習(xí),，大家的作品會更優(yōu)秀的,。

設(shè)計意圖：采用多種形式對學(xué)生的作品進(jìn)行展示、交流,、評價,，增強(qiáng)學(xué)生的自信心和自我成就感，同時達(dá)到交流思想,、取長補(bǔ)短的目的,。

五,、梳理總結(jié)，拓展延伸

生：回顧本節(jié)課內(nèi)容,。

師：根據(jù)生回顧情況,，再由教師作適當(dāng)補(bǔ)充。

師：這一節(jié)課我們學(xué)習(xí)了網(wǎng)頁的美化,，還創(chuàng)作出了許多優(yōu)秀的作品,，希望同學(xué)們能將今天所學(xué)的內(nèi)容運(yùn)用到我們的實(shí)際生活當(dāng)中去，由美化你的網(wǎng)頁進(jìn)而美化自己的生活,，如臥室的布局,、客廳的裝飾等等。

師：提出的拓展問題,。在因特網(wǎng)上,，有許多的好看的gif動畫，如何把它插入到我們的網(wǎng)頁上呢,？

生：利用余下的時間或課下查閱完成,。

設(shè)計意圖：通過對本節(jié)課所感興趣內(nèi)容的梳理、總結(jié),，并在此基礎(chǔ)上進(jìn)行拓展延伸,，培養(yǎng)學(xué)生動手實(shí)踐能力和創(chuàng)新能力。

美化網(wǎng)頁教案 網(wǎng)頁美化與布局教程教學(xué)資源包篇四

初中信息技術(shù)教學(xué)案例

————《美化網(wǎng)頁》

一,、課題

本課是《美化網(wǎng)頁》課時的內(nèi)容。學(xué)生已經(jīng)學(xué)習(xí)了制作簡單網(wǎng)頁的基本方法,，這部分的主要內(nèi)容是,，網(wǎng)頁中共享邊框、導(dǎo)航欄的設(shè)置和主題的應(yīng)用,。如果采用傳統(tǒng)的教學(xué)模式（即教師示范──學(xué)生模仿操作）也能完成教學(xué)任務(wù),，但對學(xué)生而言，他們只學(xué)會了計算機(jī)的操作,，而對信息素養(yǎng)并沒有得到提高,。因此，本著學(xué)生自主探究學(xué)習(xí)意示,、創(chuàng)新能力的培養(yǎng),，以綜合提高學(xué)生的信息素養(yǎng)為目的，筆者在教學(xué)時將本課中原來讓“做中學(xué)”的方式改為了自主探究的學(xué)習(xí)方式,，將課堂交給學(xué)生,，讓學(xué)生自主探究學(xué)習(xí)，教師在課堂中主要起到引導(dǎo)作用,。

二,、教學(xué)目標(biāo)分析

1．認(rèn)知目標(biāo)：學(xué)會簡單的對網(wǎng)頁進(jìn)行美化的方法。

2．技能目標(biāo)：

（1）掌握美化網(wǎng)頁的幾種操作方法；（2）能夠應(yīng)用主題,，來改變網(wǎng)頁的整體布局,；（3）能夠靈活地對幾種操作方法進(jìn)行綜合運(yùn)用。

3．情感目標(biāo)：（1）通過師生協(xié)作和學(xué)生互相配合,，培養(yǎng)學(xué)生合作團(tuán)結(jié)的精神,；（2）培養(yǎng)學(xué)生熱愛美的情感，激發(fā)學(xué)生表現(xiàn)美的欲望,，使學(xué)生的審美能力得到提高,。

三、學(xué)習(xí)者特征分析

從學(xué)生的認(rèn)知特點(diǎn)來看,，他們愛問好動,、求知欲強(qiáng)、想象力豐富,，對實(shí)際操作活動有著濃厚的興趣,，對直觀事物感知較強(qiáng)，正處在形象思維向抽象思維逐步過渡的階段,。因此,，在學(xué)習(xí)過程中，應(yīng)鼓勵學(xué)生自己觀察,，親自動手操作,，進(jìn)行學(xué)生討論和交流，師生共同歸納總結(jié),，體驗(yàn)學(xué)習(xí),。

在講此內(nèi)容之前，學(xué)生已經(jīng)學(xué)過如何制作一個簡單的網(wǎng)頁,，并且已對網(wǎng)頁進(jìn)行簡單的修飾,這為學(xué)生進(jìn)一步對美化網(wǎng)頁作好了充分準(zhǔn)備,。

基于以上學(xué)生情況的分析，筆者對教學(xué)過程大膽采用讓學(xué)生為主體,，教師為主導(dǎo)為教學(xué)思路進(jìn)行設(shè)計,。

四、教學(xué)策略選擇與設(shè)計

在講此內(nèi)容之前,，學(xué)生已經(jīng)學(xué)過如何制作一個簡單的網(wǎng)頁,，并且已對網(wǎng)頁進(jìn)行簡單的修飾,這為學(xué)生進(jìn)一步對美化網(wǎng)頁作好了充分準(zhǔn)備。

基于以上學(xué)生情況的分析,，筆者對教學(xué)過程大膽采用讓學(xué)生為主體,，教師為主導(dǎo)為教學(xué)思路進(jìn)行設(shè)計。

五,、教學(xué)資源與工具設(shè)計

本課中筆者利用多媒體網(wǎng)絡(luò)教室系統(tǒng)展示學(xué)生制作的各式各樣的網(wǎng)頁,，同時也用簡單的幻燈片制作一些簡單的頁面,，以此來出示本課的教學(xué)目標(biāo)以及學(xué)習(xí)任務(wù)，以便學(xué)生有目標(biāo)的去學(xué)習(xí)和練習(xí),。

六,、教學(xué)過程

（一）組織教學(xué)

（二）學(xué)生討論──導(dǎo)出教學(xué)目標(biāo)

師：（利用科教2000多媒體網(wǎng)絡(luò)教室系統(tǒng)選擇幾個觀看）請同學(xué)們將你們所制作的網(wǎng)頁打開，說說誰的網(wǎng)頁最漂亮,。漂亮在什么地方,？

（學(xué)生討論）有的說某個同學(xué)網(wǎng)頁中的文字好看，也有的說某個同學(xué)的網(wǎng)頁中的圖片漂亮,，還有的說某個同學(xué)的網(wǎng)頁底色好看等等,。

師：剛才同學(xué)們都說出某個網(wǎng)頁的某一點(diǎn)好看，沒有完全是自己認(rèn)為最漂亮的一個,，那么,，今天，就讓我們用計算機(jī)做出一個自己認(rèn)為最漂亮一個網(wǎng)頁好嗎,？

生：好,！

師：利用多媒體電子教室分別展示已經(jīng)進(jìn)行美化了的《美麗家鄉(xiāng)1》和當(dāng)前還沒有進(jìn)行美化的《美麗家鄉(xiāng)2》兩個網(wǎng)頁。誰說說這兩個網(wǎng)頁哪一個更漂亮,，它們的區(qū)別在哪兒,？

生：“美麗家鄉(xiāng)2”更漂亮。

師：那么請同學(xué)們討論一下,，要想讓網(wǎng)頁最漂亮到底要對網(wǎng)頁做那些修飾呢,？（學(xué)生討論）有的說要加鏈接欄，也有的說要添加共享邊框,，還有的說要對網(wǎng)頁進(jìn)行底色的設(shè)置,。

師：（小結(jié)）利用幻燈片出示本節(jié)課的教學(xué)目標(biāo)：（1）怎樣給網(wǎng)頁添加導(dǎo)航與共享邊框，來使網(wǎng)頁更美觀,、更具有個性化；（2）如何進(jìn)行主題的應(yīng)用來改變網(wǎng)頁的整體布局,。

（解析：通過學(xué)生討論對老師所展示的學(xué)生網(wǎng)頁,，進(jìn)而加深對網(wǎng)頁的認(rèn)識，也明白本課的教學(xué)目標(biāo),。由于采用討論這一形式也能更好地調(diào)動全班學(xué)生的學(xué)習(xí)積極性,，更容易激發(fā)學(xué)生的學(xué)習(xí)興趣。）

（三）新課講授

教師利用多媒體電子教室演示

1,、插入鏈接欄導(dǎo)航

教師演示：單擊“插入”→“導(dǎo)航”→“插入web組件”→“選擇相應(yīng)設(shè)

置”→“下一步”→“選擇相應(yīng)設(shè)置” →“完成”（讓學(xué)生知道插入鏈接欄導(dǎo)航的方法）

師：出示學(xué)習(xí)任務(wù)：（展示網(wǎng)頁）請同學(xué)們插入如教師所示的鏈接欄,。

生：學(xué)生自主探究練習(xí)。（學(xué)生通過自主學(xué)習(xí),，能初步掌握導(dǎo)航欄的添加,，并為后面的共享邊框的設(shè)置作準(zhǔn)備）

師：教師巡視,，了解學(xué)生操作的情況，進(jìn)行個別學(xué)生指導(dǎo),。對做的好的給予肯定和贊揚(yáng),。

生：請個別學(xué)生示范操作。

教師提出問題：請同學(xué)們對“導(dǎo)航欄”屬性通話框中的各個“選項(xiàng)”逐個進(jìn)行研究,、總結(jié),、掌握。（培養(yǎng)學(xué)生的自學(xué)能力）

（解析：“插入鏈接欄導(dǎo)航”是本節(jié)教學(xué)重難點(diǎn),，通過老師的演示講解,，讓學(xué)生帶著問題去操作，進(jìn)行自主探究,，最終解決實(shí)際問題,。這樣既完成了教學(xué)目標(biāo)，也更好地提高了學(xué)生探究意識和創(chuàng)新能力,。所以,，讓學(xué)生帶著任務(wù)直接去學(xué)習(xí)，這樣使學(xué)生自主學(xué)習(xí)得到的體現(xiàn),，也有利于教師對個別學(xué)生加以指導(dǎo),，充分體現(xiàn)了學(xué)生為主體，教師為主導(dǎo)的思想,。）

2．共享邊框

教師提示：“共享邊框”是在網(wǎng)站的每個網(wǎng)頁中,，在共同的框架位置上顯示相同的內(nèi)容，我們可以通過“格式”菜單的“共享邊框”命令來為網(wǎng)頁進(jìn)行共享邊框的設(shè)置（讓學(xué)生知道設(shè)置共享邊框的概念及設(shè)置的基本方法）

師：出示學(xué)習(xí)任務(wù)：（展示網(wǎng)頁）請同學(xué)們設(shè)置如教師所示的共享邊框,。

生：學(xué)生自主探究練習(xí),。（學(xué)生通過自主學(xué)習(xí)，能初步掌握共享邊框的設(shè)置）師：教師巡視,，了解學(xué)生操作的情況,，進(jìn)行個別學(xué)生指導(dǎo)。對做的好的給予肯定和贊揚(yáng),。

生：請個別學(xué)生示范操作,。

（解析：本部分教學(xué)也應(yīng)是本節(jié)教學(xué)重難點(diǎn)，教師并沒有完全示范操作,，而是稍加提醒,，讓學(xué)生帶著問題去操作，最終解決實(shí)際問題,。這樣既完成了教學(xué)目標(biāo),，也更好地提高了學(xué)生探究意識。）

3．知識拓展──主題的應(yīng)用

師：剛才都是我們手工對網(wǎng)頁進(jìn)行的美化,，有沒有一種更快捷的辦法讓電腦自動對網(wǎng)頁進(jìn)行美化呢,？

生：（學(xué)生陷入深思之中）

師：請同學(xué)們仔細(xì)觀察一下“格式”菜單中還有什么命令,？（教師適時的加以提醒）生：（此時多數(shù)都積極動手操作實(shí)踐了）

師：那就請同學(xué)們各顯神通吧！看誰做得又快又好,！

生：（此時學(xué)生都積極參與操作,，都想拿到第一名）

師：（教師巡視，注意觀察及個別指導(dǎo)）

師：（過一段時間,，當(dāng)發(fā)現(xiàn)有第一位學(xué)生運(yùn)用“主題”做好時）好,，我班王偉同學(xué)已經(jīng)做好了，就請他為我們示范講解一下吧,。

師：（結(jié)合學(xué)生操作和講解情況加以總結(jié)）

（解析：利用知識拓展形式來補(bǔ)充課堂知識,，讓那些學(xué)有余力的學(xué)生表現(xiàn)得更出色，同時,，也更加激勵全班學(xué)生向更高層次發(fā)展,，提高學(xué)生對信息技術(shù)的興趣。也要充分注重學(xué)生的個體差異性,。）

4．放開手腳──充分展顯學(xué)生個性

師：剛才同學(xué)們都掌握了對網(wǎng)頁的基本美化方法了,，現(xiàn)在老師這還有一個很粗糙的網(wǎng)頁想請同學(xué)們把它美化的更漂亮些，好嗎,？

生：好,！

師：那就請各位同學(xué)大顯身手吧，看看誰的網(wǎng)頁最漂亮,！

生：積極主動地進(jìn)行練習(xí)

師：注意對個別學(xué)生進(jìn)行相關(guān)指導(dǎo),。

（解析：通過讓學(xué)生幫老師解決問題的形式，將問題拋給學(xué)生,，學(xué)生的積極性更高,，同時也采用競賽的形式，比一比誰的最漂亮,，這就更好的提高了學(xué)生的興趣,。更重要的是能夠讓學(xué)生充分展現(xiàn)個性，放開學(xué)生的手腳,，讓學(xué)生大膽發(fā)揮想象,，尊重了學(xué)生的個性發(fā)展，大大提高了學(xué)生的自主創(chuàng)新能力,。）

5．作品分析──填寫報告

師：現(xiàn)在同學(xué)們都已經(jīng)美化好了網(wǎng)頁，請同學(xué)們填寫網(wǎng)頁上的一份表格,。

生：學(xué)生認(rèn)真填寫表格內(nèi)容,。

（解析：通過分析自己的作品，讓學(xué)生在腦海里充分回憶所學(xué)過的知識點(diǎn),，加深對操作過程的印象,，進(jìn)而培養(yǎng)學(xué)生良好的學(xué)習(xí)意識和學(xué)習(xí)習(xí)慣,。）

作品分析表（略）

6．本課總結(jié)

師：（結(jié)合某個同學(xué)的作品進(jìn)行總結(jié)）這節(jié)課我們學(xué)習(xí)了對網(wǎng)頁的一些簡單的美化，同學(xué)們表現(xiàn)得都很好,，希望同學(xué)們能將此運(yùn)用到今后的學(xué)習(xí)生活中去,。

（解析：對全課的總結(jié)，首先是進(jìn)一步理順了本節(jié)的教學(xué)重難點(diǎn),，也充分肯定了學(xué)生學(xué)習(xí)成果,，為以后的學(xué)習(xí)奠定了堅實(shí)的基礎(chǔ)。）

七,、教學(xué)評價設(shè)計

首先,，在這節(jié)課的教學(xué)中，采用了任務(wù)驅(qū)動的教學(xué)方法,，注重學(xué)生的自主探究意示和創(chuàng)新能力的培養(yǎng),，這種教學(xué)方法既培養(yǎng)了學(xué)生自主學(xué)習(xí)的能力，也更好地提高了學(xué)生的創(chuàng)新能力,，使學(xué)生成為真正的學(xué)習(xí)主體,。通過學(xué)生自學(xué)、實(shí)踐,、質(zhì)疑,、探索的過程，自主完成指定任務(wù)來達(dá)到教學(xué)的目的,。在教學(xué)過程中多啟發(fā),、少教授，充分發(fā)揮學(xué)生的自學(xué)能力,、獨(dú)立分析問題和解決問題的能力,、創(chuàng)新的能力。

其次,，在教學(xué)評價上,，也讓學(xué)生進(jìn)行了自評、互評,，提高了學(xué)生自我評價的能力,，同時也培養(yǎng)了學(xué)生良好的學(xué)習(xí)習(xí)慣。

最后,，教師從原來的知識的傳授者轉(zhuǎn)變?yōu)榻虒W(xué)的組織者,、管理者，教師的主導(dǎo)地位得以充分的體現(xiàn),。

八,、幫助和總結(jié)

本課教學(xué)以“情景導(dǎo)入→知識建構(gòu)→綜合應(yīng)用→自主創(chuàng)新”為主線，提高了學(xué)生學(xué)習(xí)的主動性,。通過本節(jié)課的學(xué)習(xí)使學(xué)生們的創(chuàng)新能力增強(qiáng)了許多,，制作出了好多漂亮的網(wǎng)頁,。教師要營造交互式的學(xué)習(xí)環(huán)境，給學(xué)生更大的主動權(quán),，滿足學(xué)生個性化的學(xué)習(xí)需求,。教師的引導(dǎo)與學(xué)生的思考融為一體，符合學(xué)生的認(rèn)知規(guī)律,，有助于學(xué)生全身心地參與到學(xué)習(xí)中去,。要讓學(xué)生在課堂上真正“動”起來，教師在課堂預(yù)設(shè)與生成的諸多環(huán)節(jié)都要精心設(shè)計,，科學(xué)處理,，以理性的思維去點(diǎn)燃學(xué)生求知的火焰。

美化網(wǎng)頁教案 網(wǎng)頁美化與布局教程教學(xué)資源包篇五

第4課 網(wǎng)頁的美化

一,、教材分析

1,、本課的作用和地位

本課是青島版《初中信息技術(shù)》八年級上冊第1單元網(wǎng)站設(shè)計與制作的第4課。

2,、本課主要內(nèi)容

本課主要是內(nèi)容是介紹了美化網(wǎng)頁的常用方法,，以及如何設(shè)置網(wǎng)頁的背景、音樂,、如何插入flash動畫和滾動字幕,。

3、教學(xué)目標(biāo) 知識目標(biāo)：

了解美化網(wǎng)頁的常用方法,，理解美化網(wǎng)頁對提高網(wǎng)站質(zhì)量的作用,。技能目標(biāo)：

學(xué)會在網(wǎng)頁中設(shè)置背景、音樂,、flash動畫和滾動字幕,。情感、態(tài)度與價值觀目標(biāo)：

提高審美意識,，善于發(fā)現(xiàn)美,，美化生活從自身做起。重點(diǎn),、難點(diǎn)：

重點(diǎn)：設(shè)置背景,、音樂、flash動畫和滾動字幕

難點(diǎn)：網(wǎng)頁和表格的背景設(shè)置,、flash動畫的插入及保存

二,、學(xué)情分析

本課內(nèi)容為八年級上冊，在此之前學(xué)生已學(xué)過有關(guān)windows,、word等軟件的操作,，學(xué)生對計算機(jī)的基本操作有了一定的感性認(rèn)識，對進(jìn)一步學(xué)習(xí)frontpage有一定的操作基礎(chǔ)。再加上frontpage2000采用了與word等其他office軟件相類似的界面,，因此對frontpage2000的操作會有一種似曾相識的感覺，這種知識遷移對后續(xù)的學(xué)習(xí)非常有利,。

三,、教學(xué)策略

通過恰當(dāng)?shù)那榫硨?dǎo)入新課，將本課內(nèi)容分解成若干個任務(wù),，通過學(xué)生分組合作、自主探究，來掌握網(wǎng)頁美化的方法,、學(xué)會如何在網(wǎng)頁中設(shè)置背景,、音樂、flash動畫和滾動字幕,，并通過對優(yōu)秀學(xué)生作品的展示,、點(diǎn)評來增強(qiáng)學(xué)生的成功意識，調(diào)動學(xué)生的學(xué)習(xí)積極性,。

四,、學(xué)時安排 本節(jié)課用1課時

五、教學(xué)準(zhǔn)備

多媒體教學(xué)課件,、投影機(jī),、網(wǎng)絡(luò)課室

六、教學(xué)過程

１,、情景導(dǎo)入,，激發(fā)興趣

前面我們學(xué)習(xí)了制作網(wǎng)頁的一些基本方法，請同學(xué)們仔細(xì)觀察下面這兩個頁面哪一個更漂亮呢,？??,。

展示兩個網(wǎng)頁，讓學(xué)生觀察第二個網(wǎng)頁同第一個網(wǎng)頁相比有哪些不同,？ 生回答,。

教師小結(jié)引出新課內(nèi)容：這第一個網(wǎng)頁是我們上一節(jié)課同學(xué)們提交的作業(yè)，第二個網(wǎng)頁是經(jīng)過修飾過的網(wǎng)頁,，剛才同學(xué)們都把這些修飾過的地方找了出來,，并且也看到了它們的效果，那同學(xué)們想不想知道這些修飾是如何來實(shí)現(xiàn)的嗎,？

生答（想）

那好,，今天我們就來學(xué)習(xí)第4課網(wǎng)頁的美化。

[設(shè)計意圖：通過展示,、對比這兩個網(wǎng)頁,，讓學(xué)生感到原來網(wǎng)頁還可以做的更好！不僅可以吸引學(xué)生的注意力，激發(fā)學(xué)生的學(xué)習(xí)興趣,而且更能使學(xué)生看后躍躍欲試,，期待能創(chuàng)作出更好的網(wǎng)頁來展示自己的才華,。] ２、攝入新知,，培養(yǎng)能力 這一課的教學(xué)內(nèi)容和操作與我們以前學(xué)過的word,、excel的相關(guān)內(nèi)容基本相同，因此,，我們采用由同學(xué)們自主探究來完成任務(wù)的方法來學(xué)習(xí),。我們把全班同學(xué)按座次分為五個學(xué)習(xí)小組，a,、b,、c、d,、e組,，每個小組探討一個任務(wù)，看哪個小組的任務(wù)完成的又快又好,。

（課件展示）

任務(wù)1：如何設(shè)置網(wǎng)頁的背景,？ 任務(wù)2：如何設(shè)置表格的背景？ 任務(wù)3：如何插入背景音樂,？ 任務(wù)4：如何插入flash動畫,？ 任務(wù)5：如何插入滾動字幕？

請同學(xué)們啟動frontpage2000,，打開ｄ:情感小屋站點(diǎn),，打開“”網(wǎng)頁，按照“本課任務(wù)”里面的具體要求,，對照課本,，合作學(xué)習(xí)，探究完成任務(wù)的方法,。然后每個小組派代表為同學(xué)們做示范,。

教師巡視，個別輔導(dǎo),。

每小組的學(xué)生代表為同學(xué)作示范,。教師講評，學(xué)生評價,。學(xué)生自主操作完成任務(wù),。

[設(shè)計意圖：通過“提出任務(wù)——合作探究——完成任務(wù)——學(xué)生示范——老師指導(dǎo)——學(xué)生練習(xí)——展示作品——學(xué)生評價”的學(xué)習(xí)方法，強(qiáng)調(diào)自主探索與合作學(xué)習(xí),，調(diào)動學(xué)生的學(xué)習(xí)積極性,，增強(qiáng)學(xué)生的成功意識,，并讓學(xué)生學(xué)會評價作品。]

3,、練習(xí)提高,，拓展延伸

拓展任務(wù)：發(fā)揮你的想象力，進(jìn)一步對“”網(wǎng)頁進(jìn)行美化,，完成后提交作業(yè),。

[設(shè)計意圖：通過拓展任務(wù)，可以使學(xué)生運(yùn)用所學(xué)的知識,，充分發(fā)揮自己的想像力，創(chuàng)作出更多,、更好的作品,。]

4、鞏固提高,、歸納總結(jié)

通過課件一起回顧本節(jié)課學(xué)到的知識點(diǎn),。

通過今天的學(xué)習(xí)，我們學(xué)會了frontpage美化網(wǎng)頁的基本方法,，但網(wǎng)頁美化的過程遠(yuǎn)遠(yuǎn)沒有結(jié)束,，要想做出精美的網(wǎng)頁我們還需要認(rèn)真的學(xué)習(xí)和加倍的努力。我相信只要大家用心去學(xué),、去做,，一定能做出有個性的網(wǎng)站的！

七,、教學(xué)反思

本課的教學(xué)內(nèi)容和操作與我們以前學(xué)過的word,、excel的相關(guān)內(nèi)容基本相同，因此,，我們采用了自主探究和任務(wù)驅(qū)動的方法來進(jìn)行教學(xué),。老師提供“半成品”（一個還未完成的網(wǎng)頁），分組讓學(xué)生設(shè)置網(wǎng)頁背景,、表格背景,，插入背景音樂、flash動畫,、滾動字幕,。在學(xué)習(xí)操作技術(shù)的同時，要讓學(xué)生明白網(wǎng)頁背景,、表格背景的設(shè)置區(qū)別,，注意設(shè)置的背景、插入的音樂,、滾動字幕要與整個網(wǎng)頁的主題,、布局和諧統(tǒng)一,。