作為一名專為他人授業(yè)解惑的人民教師,，就有可能用到教案，編寫教案助于積累教學(xué)經(jīng)驗,，不斷提高教學(xué)質(zhì)量,。優(yōu)秀的教案都具備一些什么特點呢？又該怎么寫呢,？下面我?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é)習,；三是添加網(wǎng)頁水平線和滾動字幕。我將知識重新規(guī)劃：先引導(dǎo)學(xué)生從已知入手,，學(xué)習第二,、三部分的知識，在學(xué)習第一部分知識時,，由于學(xué)生對相關(guān)知識了解不多,，是本節(jié)的難點，放在后面講解,。

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

【學(xué)情分析】

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

【教學(xué)目標】

1．知識目標

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

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

2．技能目標

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

3．情感目標

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

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

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

【課時安排】1課時

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

【課前準備】軟件frontpagexx

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

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

第一課時

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

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

一、導(dǎo)入部分

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

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

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

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

二,、新課部分

1．添加背景：

2．使用主題：

3．添加背景音樂：

在學(xué)習文字處理軟件word時,，我們學(xué)習了使用背景顏色來調(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),，才能達到美觀的效果,，如果色差太大時會使用你的網(wǎng)頁失去美感。

2．方法：第一種方法是“格式”──“背景”,；第二種方法是在網(wǎng)頁的空白處單擊鼠標的右鍵快捷菜單──“網(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è)置,。

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

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

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

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

學(xué)生展示??

學(xué)生實踐??

學(xué)生實踐??

學(xué)生實踐??

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

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

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

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

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

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

三,、小結(jié)

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

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

【教學(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é)生審美意識和知識綜合運用能力。

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

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

【教學(xué)目標】：

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

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

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

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

【課時安排】：1課時

【教學(xué)過程】：

一,、導(dǎo)入

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

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

請個別小組的代表匯報自己的想法，并用實例驗證,。

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

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

接著展示兩個自我介紹網(wǎng)站頁面，一張是沒有美化的,，一張是經(jīng)過美化的,，引導(dǎo)學(xué)生進行比較，明確學(xué)習任務(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)容對圖片進行修剪； 3.請小組代表上臺操作,；

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

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

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

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

讓學(xué)生讓小組進行討論,，后操作,；教師巡視，并對個別學(xué)生進行指導(dǎo),。2.派代表上臺操作,，教師再對學(xué)生的回答進行簡單的點評和評價。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é)習了解美化網(wǎng)頁的常用的方法,。“畫面的豐富性和多樣性,，能給學(xué)生以有力的視覺沖擊”,，因此，設(shè)計本課時,，我通過兩種畫面的對比,，激發(fā)學(xué)生興趣，并通過分解任務(wù),，讓學(xué)生在設(shè)置背景,、音樂、flash動畫和滾動字幕等方面,，獲得美化網(wǎng)頁的基本知識和技能,，體驗學(xué)習的快樂?！緦W(xué)習目標】

1,、知識目標：

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

2,、技能目標：

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

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

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

重點：在網(wǎng)頁中設(shè)置背景,、音樂,、flash動畫和滾動字幕。難點：在網(wǎng)頁中設(shè)置音樂,、flash動畫,。【教學(xué)準備】

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

教學(xué)過程：

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

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

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

生一：第二張好，因為簡明扼要,，效果直觀,。

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

生二：第二張好看,，因為色彩好，有音樂,，有動畫?? 生三：?? 生四：?? 師：大家想學(xué)習美化網(wǎng)頁的方法嗎,？

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

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

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

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

（一）自主探究：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（二）交流分享：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一,、課題

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

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

1．認知目標：學(xué)會簡單的對網(wǎng)頁進行美化的方法。

2．技能目標：

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

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

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

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

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

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

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

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

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

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

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

六,、教學(xué)過程

（一）組織教學(xué)

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

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

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

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

生：好！

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

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

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

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

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

（三）新課講授

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

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

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

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

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

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

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

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

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

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

2．共享邊框

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

生：好,！

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

生：積極主動地進行練習

師：注意對個別學(xué)生進行相關(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é)生認真填寫表格內(nèi)容。

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

作品分析表（略）

6．本課總結(jié)

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

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

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

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

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

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

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

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

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

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

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

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

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

二,、學(xué)情分析

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

三,、教學(xué)策略

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

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

五,、教學(xué)準備

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

六,、教學(xué)過程

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

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

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

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

生答（想）

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

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

（課件展示）

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

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

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

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

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

3,、練習提高,，拓展延伸

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

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

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

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

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

七,、教學(xué)反思

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