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

美化網頁教案 網頁美化與布局教程教學資源包篇一

計

#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年級

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

【教材分析】

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

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

【學情分析】

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

【教學目標】

1．知識目標

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

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

2．技能目標

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

3．情感目標

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

【教學重點與難點】

為網頁中添加背景圖片,。

【課時安排】1課時

【教學方法】任務驅動法

【課前準備】軟件frontpagexx

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

【教學設計】

第一課時

為網頁添加文字信息

教學過程 教師活動 學生活動 教學意圖

一、導入部分

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

（板書課題：美化網頁）

學生觀察后回答：修飾后的網頁含有背景音樂和圖片,。

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

二,、新課部分

1．添加背景：

2．使用主題：

3．添加背景音樂：

在學習文字處理軟件word時,，我們學習了使用背景顏色來調整“紙張”的顏色，同樣在frontpage中也有此功能,，可以給你的網頁使用背景顏色,。

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

（板書：

一,、添加背景）

教師輔導??

（讓學生上來廣播展示??）網頁中添加背景圖片和顏色。

同時教師指導學生閱讀課本“金鑰匙”和“小博士”,。

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

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

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

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

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

（板書：

二,、使用主題）

教師輔導??

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

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

（板書：

三,、背景音樂）

（任務四：）大家結合課本p72完成網頁的背景音樂的設置,。

教師進行輔導??

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

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

學生結合課本實踐??

學生展示??

學生實踐??

學生實踐??

學生實踐??

從學生已有知識類比過渡到新知。

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

引導學生學習書本的知識。

引導學生學會欣賞美的網頁,，同時總結多種方法,。

拓展學生知識視野

教會學生總結知識和方法，同時引導學生閱讀課本p73“小博士”和“金鑰匙”,。

三,、小結

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

學生對自己所學知識進行匯總,。

【教學反思】

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

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

美化網頁教案 網頁美化與布局教程教學資源包篇二

第八課《美化網頁》教學設計

【教學目標】：

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

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

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

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

【課時安排】：1課時

【教學過程】：

一,、導入

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

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

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

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

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

接著展示兩個自我介紹網站頁面,，一張是沒有美化的,，一張是經過美化的，引導學生進行比較,，明確學習任務.二,、新課

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

課件出示任務：網頁中文字的字體太單調，不好看,，請同學們將文字設置成自己喜歡的格式,。

引導學生自主操作，教師巡視,。

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

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

1.引導學生回顧word中插入圖片的方法,，然后引導學生根據教材44頁步驟自主嘗試。

2.學生口述,，教師操作,。

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

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

1.引導學生回顧word中修飾圖片的步驟,；

2.然后讓學生引導學生，根據教材45~46頁的內容對圖片進行修剪,； 3.請小組代表上臺操作,；

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

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

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

1.引導學生，可以給網頁的背景加顏色或圖片,。

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

美化網頁教案 網頁美化與布局教程教學資源包篇三

網頁的美化

教學內容及設計理念分析：

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

1、知識目標：

掌握美化網頁的常用方法,，理解美化網頁對提高網站質量的作用,。

2、技能目標：

學會在網頁中設置背景,、音樂,、flash動畫和滾動字幕。

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

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

重點：在網頁中設置背景,、音樂、flash動畫和滾動字幕,。難點：在網頁中設置音樂,、flash動畫?！窘虒W準備】

自制課件,、教學軟件

教學過程：

一、創(chuàng)設情境,，激趣導入

師：（出示兩張網頁,，一張很單調，另外一張是經過美化的網頁,。）同學們,，這是兩張不一樣的網頁，你們認為哪一張好看,？注意要說說自己的理由,。

學生觀察網頁，然后發(fā)表見解。

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

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

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

生：（學生的興趣被調動起來,，課堂教學就成功了一半,。）想。

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

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

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

（一）自主探究：

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

2、教師引導,，讓學生認識網頁的美化的優(yōu)點,。

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

設置網頁的背景,，設置表格的背景,，插入背景音樂，插入flash動畫,，插入滾動字幕等,。

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

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

（1）同學們,，你們想對網頁的哪一塊進行美化呢,？（給定不同的任務）任務一：設置網頁背景

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

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

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

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

4,、小組內部交流疑難問題。和其他同學商量,、看課本,、查資料。

5,、老師穿插其中,，給學生適時個別指導。

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

（二）交流分享：

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

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

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

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

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

2,、各小組代表在班級內匯報研究結果,。

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

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

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

三,、合作學習,，釋疑解難

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

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

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

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

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

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

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

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

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

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

五、梳理總結,，拓展延伸

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

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

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

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

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

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

美化網頁教案 網頁美化與布局教程教學資源包篇四

初中信息技術教學案例

————《美化網頁》

一,、課題

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

二,、教學目標分析

1．認知目標：學會簡單的對網頁進行美化的方法,。

2．技能目標：

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

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

三,、學習者特征分析

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

在講此內容之前，學生已經學過如何制作一個簡單的網頁,，并且已對網頁進行簡單的修飾,這為學生進一步對美化網頁作好了充分準備,。

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

四、教學策略選擇與設計

在講此內容之前,，學生已經學過如何制作一個簡單的網頁,，并且已對網頁進行簡單的修飾,這為學生進一步對美化網頁作好了充分準備,。

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

五,、教學資源與工具設計

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

六,、教學過程

（一）組織教學

（二）學生討論──導出教學目標

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

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

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

生：好,！

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

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

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

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

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

（三）新課講授

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

1,、插入鏈接欄導航

教師演示：單擊“插入”→“導航”→“插入web組件”→“選擇相應設

置”→“下一步”→“選擇相應設置” →“完成”（讓學生知道插入鏈接欄導航的方法）

師：出示學習任務：（展示網頁）請同學們插入如教師所示的鏈接欄,。

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

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

生：請個別學生示范操作,。

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

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

2．共享邊框

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

師：出示學習任務：（展示網頁）請同學們設置如教師所示的共享邊框,。

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

生：請個別學生示范操作。

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

3．知識拓展──主題的應用

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

生：（學生陷入深思之中）

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

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

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

師：（教師巡視,，注意觀察及個別指導）

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

師：（結合學生操作和講解情況加以總結）

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

4．放開手腳──充分展顯學生個性

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

生：好,！

師：那就請各位同學大顯身手吧,，看看誰的網頁最漂亮！

生：積極主動地進行練習

師：注意對個別學生進行相關指導,。

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

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

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

生：學生認真填寫表格內容,。

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

作品分析表（略）

6．本課總結

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

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

七,、教學評價設計

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

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

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

八,、幫助和總結

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

美化網頁教案 網頁美化與布局教程教學資源包篇五

第4課 網頁的美化

一,、教材分析

1、本課的作用和地位

本課是青島版《初中信息技術》八年級上冊第1單元網站設計與制作的第4課,。

2,、本課主要內容

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

3,、教學目標 知識目標：

了解美化網頁的常用方法，理解美化網頁對提高網站質量的作用,。技能目標：

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

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

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

難點：網頁和表格的背景設置、flash動畫的插入及保存

二、學情分析

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

三、教學策略

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

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

五,、教學準備

多媒體教學課件,、投影機、網絡課室

六,、教學過程

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

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

展示兩個網頁,，讓學生觀察第二個網頁同第一個網頁相比有哪些不同,？ 生回答。

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

生答（想）

那好,，今天我們就來學習第4課網頁的美化。

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

（課件展示）

任務1：如何設置網頁的背景？ 任務2：如何設置表格的背景,？ 任務3：如何插入背景音樂,？ 任務4：如何插入flash動畫？ 任務5：如何插入滾動字幕,？

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

教師巡視,，個別輔導。

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

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

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

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

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

4,、鞏固提高,、歸納總結

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

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

七,、教學反思

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