作為一名專為他人授業解惑的人民教師，就有可能用到教案，編寫教案助于積累教學經驗，不斷提高教學質量。優秀的教案都具備一些什么特點呢？又該怎么寫呢？下面我幫大家找尋并整理了一些優秀的教案范文，我們一起來了解一下吧。

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

計

#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大節

【教材分析】

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

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

【學情分析】

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

【教學目標】

1．知識目標

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

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

2．技能目標

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

3．情感目標

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

【教學重點與難點】

為網頁中添加背景圖片。

【課時安排】1課時

【教學方法】任務驅動法

【課前準備】軟件frontpagexx

多媒體廣播系統

【教學設計】

第一課時

為網頁添加文字信息

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

一、導入部分

上節課我們學習了給網頁中添加文字和圖片來豐富網站的內容。但是在我們瀏覽網頁時發現網頁中含有背景圖片和背景音樂等等。這節課我們就來學習美化網頁的一些方法。

（板書課題：美化網頁）

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

直接說出學生在瀏覽網頁時的發現，引出本節課題。

二、新課部分

1．添加背景：

2．使用主題：

3．添加背景音樂：

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

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

（板書：

一、添加背景）

教師輔導??

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

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

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

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

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

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

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

（板書：

二、使用主題）

教師輔導??

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

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

（板書：

三、背景音樂）

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

教師進行輔導??

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

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

學生結合課本實踐??

學生展示??

學生實踐??

學生實踐??

學生實踐??

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

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

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

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

拓展學生知識視野

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

三、小結

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

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

【教學反思】

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

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

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

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

【教學目標】：

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

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

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

【教學具準備】：多媒體課件、廣播教學系統

【課時安排】：1課時

【教學過程】：

一、導入

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

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

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

師小結：色彩合理；主題鮮明；版面協調??

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

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

挑戰一：為網頁“梳妝打扮”

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

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

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

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

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

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

引導學生觀察，讓學生發現插入圖片后出現問題“圖片太大，位置不好”引出：

挑戰三：圖片我會修

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

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

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

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

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

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

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

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

網頁的美化

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

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

1、知識目標：

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

2、技能目標：

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

3、情感、態度和價值觀目標：

善于發現美，提高審美意識，從自身做起美化生活?！菊n時安排】 建議1課時 【重難點】

重點：在網頁中設置背景、音樂、flash動畫和滾動字幕。難點：在網頁中設置音樂、flash動畫。【教學準備】

自制課件、教學軟件

教學過程：

一、創設情境，激趣導入

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

學生觀察網頁，然后發表見解。

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

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

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

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

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

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

二、自主探究，交流分享

（一）自主探究：

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

2、教師引導，讓學生認識網頁的美化的優點。

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

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

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

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

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

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

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

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

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

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

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

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

（二）交流分享：

1、小組內交流匯報，推選代表發言。

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

生：內部交流，推選代表發言。

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

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

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

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

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

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

三、合作學習，釋疑解難

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

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

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

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

四、實踐創作，展示評價

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

生：實踐創作。

師：發現有新意的作品，予以展示。師生：根據自己的觀點來進行評價。生：吸收同學們的建議進行二度創作。

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

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

五、梳理總結，拓展延伸

生：回顧本節課內容。

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

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

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

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

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

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

初中信息技術教學案例

————《美化網頁》

一、課題

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

二、教學目標分析

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

2．技能目標：

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

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

三、學習者特征分析

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

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

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

四、教學策略選擇與設計

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

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

五、教學資源與工具設計

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

六、教學過程

（一）組織教學

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

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

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

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

生：好！

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

生：“美麗家鄉2”更漂亮。

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

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

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

（三）新課講授

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

1、插入鏈接欄導航

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

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

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

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

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

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

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

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

2．共享邊框

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

生：好！

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

生：積極主動地進行練習

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

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

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

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

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

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

作品分析表（略）

6．本課總結

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

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

七、教學評價設計

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

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

最后，教師從原來的知識的傳授者轉變為教學的組織者、管理者，教師的主導地位得以充分的體現。

八、幫助和總結

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

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

第4課 網頁的美化

一、教材分析

1、本課的作用和地位

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

2、本課主要內容

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

3、教學目標 知識目標：

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

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

提高審美意識，善于發現美，美化生活從自身做起。重點、難點：

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

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

二、學情分析

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

三、教學策略

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

四、學時安排 本節課用1課時

五、教學準備

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

六、教學過程

１、情景導入，激發興趣

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

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

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

生答（想）

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

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

（課件展示）

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

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

教師巡視，個別輔導。

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

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

3、練習提高，拓展延伸

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

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

4、鞏固提高、歸納總結

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

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

七、教學反思

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