美化網頁教學設計
作為一位兢兢業業的人民教師，常常要寫一份優秀的教學設計，教學設計是根據課程標準的要求和教學對象的特點，將教學諸要素有序安排，確定合適的教學方案的設想和計劃。我們該怎么去寫教學設計呢？以下是小編幫大家整理的美化網頁教學設計，希望能夠幫助到大家。
美化網頁教學設計1
【教學目標】：
1、知識與技能：能在網頁中插入圖片，設置圖片屬性，對圖片進行簡單編輯；能通過網頁屬性設置網頁的背景。
2、過程與方法：通過自主探究，小組合作，培養學生的動手實踐能力和合作交流能力。
3、情感態度價值觀：通過網頁制作，培養學生對美的感受及創造美的能力，提高自身的藝術修養。
【教學重點、難點】：
1、插入圖片，設置圖片屬性，對圖片進行簡單編輯.
2、了解網頁的整體風格、能有意識地將圖片放在“images”文件夾下
【教學具準備】：
多媒體課件、廣播教學系統
【課時安排】：
1課時
【教學過程】：
一、導入
師：最近，海西教育網在招聘微博小編輯，同學們想不想去試一試呢？要成為小編輯可不是一件簡單的事，它必須要下苦工，要知道優秀的網站應該具備的條件。讓我們先來看一下下面幾個網站實例。
展示三坊七巷、海西教育網站實例，引導學生四人一組進行觀察，交流，提出引導性的問題：優秀的網站應該具備哪些條件呢？
請個別小組的代表匯報自己的想法，并用實例驗證。
師小結：色彩合理；主題鮮明；版面協調
師：要想成為小編輯需要完成很多挑戰，首先必須上交一個具有個性特性的自我介紹。
接著展示兩個自我介紹網站頁面，一張是沒有美化的，一張是經過美化的.，引導學生進行比較，明確學習任務.二、新課
挑戰一：為網頁“梳妝打扮”
課件出示任務：網頁中文字的字體太單調，不好看，請同學們將文字設置成自己喜歡的格式。
引導學生自主操作，教師巡視。
請學生口述操作過程，教師操作并小結。教與學的雙邊活動
挑戰二：使網頁“圖文并茂”課件出示任務：給網頁加上圖片，讓網頁更加豐富。
1、引導學生回顧word中插入圖片的方法，然后引導學生根據教材44頁步驟自主嘗試。
2、學生口述，教師操作。
引導學生觀察，讓學生發現插入圖片后出現問題“圖片太大，位置不好”引出：
挑戰三：圖片我會修
1、引導學生回顧word中修飾圖片的步驟；
2、然后讓學生引導學生，根據教材45~46頁的內容對圖片進行修剪；
3、請小組代表上臺操作；
4、教師進行小結；此過程中故意使用站點外的圖片作為插入對象，保存網頁時，引導學生觀察并思考出現問題的原因。
5、對還沒完成任務的同學接著操作完成任務，并對圖片進行簡單的編輯操作。
挑戰四：覺得白色的網頁太單調，請你給網頁穿上‘花衣服’，讓它看起來更漂亮。
1、引導學生，可以給網頁的背景加顏色或圖片。
讓學生讓小組進行討論，后操作；教師巡視，并對個別學生進行指導。2.派代表上臺操作，教師再對學生的回答進行簡單的點評和評價。1.學生自己談談：這節課你學到了什么？有什么收獲等等。2.評選出今天的最佳小編輯，并讓學生填寫評價表并上交。
美化網頁教學設計2
教學目標：
1、通過學習在網頁中插入圖片、設置圖片屬性、編輯圖片和添加背景，學會美化網頁的方法；
2、通過探究學習，小組合作，培養學生動腦、動手能力，合作交流能力；
3、通過學習提高學生的審美能力、自身藝術修養水平。
教學重難點：
重點：插入圖片、設置圖片屬性、編輯圖片和添加網頁背景
難點：合理美化網頁
教學準備：
相關教學課件、網站、圖片等
教學過程：
一、作品對比，導入新課
1、展示網頁，引發興趣：
引言：教師展示未美化的網頁和美化過的網頁，學生認真觀察。
揭題：通過美化的網頁，更吸引我們，那么怎樣美化網頁？揭題（板書：8.美化網頁）
二、回顧舊知，打開網站
展示學習要領（板書：一、插入圖片）
三、回顧舊知，打開網站
1．教師演示講解
2、學生活動：
打開桌面上的網站
四、引導在網頁中插入圖片
1．回顧：如何在ppt中插入圖片。
2．師生互動交流。
在網頁中插入圖片和ppt中插入圖片的方法非常相似，教師提示插入圖片過程
3．布置任務：活動一。
4．巡視全班，個別輔導。
5．學生代表演示，發現問題。
3．學生邊復述過程教師邊出示板書。
定位光標—插入—圖片—來自文件
五、設置圖片屬性
1．教師展示未排版過的網頁，討論交流，說明光插入網頁還不夠，還要對圖片進行設置。（板書：二、設置圖片）
2．教師演示設置圖片方法。
同學們邊復述操作方法教師邊出示板書
鼠標右擊圖片—圖片屬性—外觀
3．學生動手設置圖片。
做一做：活動二
4．巡視全班，個別輔導。
引導學生在探究過程中，要細心觀察圖片屬性對話框中各選項設置，如保持縱橫比。
六、編輯圖片
1．提問：只要圖片的文字或者畫的'部分，可以做到嗎？那就要編輯圖片。（板書：三、編輯圖片）
2．教師演示編輯圖片步驟，出示板書。
鼠標右擊圖片—顯示圖片工具欄
3．學生動手編輯圖片。
4．巡視全班，個別輔導。
引導學生編輯圖片除了“裁剪”功能，還有其他編輯圖片的的功能，如調整圖片的明亮度等
七、添加網頁背景
1．展示美化過的網頁。
思考：除了有圖片的美化，還有什么特別之處？
2．請學生參考書本P47，嘗試添加背景。（板書：四、添加背景）
3．學生演示添加背景方法，出示板書。
文件—屬性—格式
八、作品展示，教學評價。
1、學生互評：比一比,哪位同學的網頁更美觀。
2、教師鼓勵、評點。
九、提交作業
保存網頁，提交作業。
十、課堂總結
美化網頁教學設計3
教學內容及設計理念分析：
《網頁的美化》是《初中信息技術》八年級上冊第1單元第4課的重要內容，本節課主要引導學生學習了解美化網頁的常用的方法�！爱嬅娴呢S富性和多樣性，能給學生以有力的視覺沖擊”，因此，設計本課時，我通過兩種畫面的對比，激發學生興趣，并通過分解任務，讓學生在設置背景、音樂、flash動畫和滾動字幕等方面，獲得美化網頁的基本知識和技能，體驗學習的快樂。【學習目標】
1、知識目標：
掌握美化網頁的常用方法，理解美化網頁對提高網站質量的作用。
2、技能目標：
學會在網頁中設置背景、音樂、flash動畫和滾動字幕。
3、情感、態度和價值觀目標：
善于發現美，提高審美意識，從自身做起美化生活。
【課時安排】建議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動畫，如何把它插入到我們的網頁上呢？
生：利用余下的時間或課下查閱完成。
設計意圖：通過對本節課所感興趣內容的梳理、總結，并在此基礎上進行拓展延伸，培養學生動手實踐能力和創新能力。
美化網頁教學設計4
【適用年級】8年級
【適用單元】網頁制作第3大節
【教材分析】
教材中本節的內容分為三部分：一是使用導航欄和共享邊框；二是添加網頁背景與上節的背景音樂一塊學習；三是添加網頁水平線和滾動字幕。我將知識重新規劃：先引導學生從已知入手，學習第二、三部分的知識，在學習第一部分知識時，由于學生對相關知識了解不多，是本節的難點，放在后面講解。
本節是第二部分為網頁添加背景圖片和音樂。背景圖片在上節插入圖片的知識上過渡到背景圖片，其中可以引導學生使用顏色、圖片和主題三種不同方式改變網頁的背景，可以擴展背景設置時的不同方法。有了背景圖片還可以加入背景音樂，這都屬于同一類的知識，可以放在一起讓學生鑒別學習。
【學情分析】
學生在上節課已經學會了插入圖片的方法，在學習文字處理軟件時也學習到了相關知識，借助這個已知來學習本節課的內容應該比較容易些，因此本節課知識學生可以自主學習。
【教學目標】
1、知識目標
�。�1）掌握為網頁中添加背景的不同方法。
（2）掌握為網頁中添加背景音樂的方法。
2、技能目標
通過學生自主學習過程中，掌握為網頁中添加背景音樂和不同背景的方法。
3、情感目標
通過為網頁添加背景及音樂的學習，培養學生綜合運用知識的能力和審美能力。
【教學重點與難點】
為網頁中添加背景圖片。
【課時安排】1課時
【教學方法】任務驅動法
【課前準備】軟件frontpagexx
多媒體廣播系統
【教學設計】
第一課時
為網頁添加文字信息
教學過程教師活動學生活動教學意圖
一、導入部分
上節課我們學習了給網頁中添加文字和圖片來豐富網站的內容。但是在我們瀏覽網頁時發現網頁中含有背景圖片和背景音樂等等。這節課我們就來學習美化網頁的一些方法。
�。ò鍟n題：美化網頁）
學生觀察后回答：修飾后的網頁含有背景音樂和圖片。
直接說出學生在瀏覽網頁時的發現，引出本節課題。
二、新課部分
1、添加背景：
2、使用主題：
3、添加背景音樂：
在學習文字處理軟件word時，我們學習了使用背景顏色來調整“紙張”的顏色，同樣在frontpage中也有此功能，可以給你的網頁使用背景顏色。
�。ㄈ蝿找唬海┐蠹医Y合課本的“做一做”，試著給你的網頁變換背景顏色或使用圖片作背景。
�。ò鍟�
一、添加背景）
教師輔導
（讓學生上來廣播展示）網頁中添加背景圖片和顏色。
同時教師指導學生閱讀課本“金鑰匙”和“小博士”。
（任務二：）大家結合課本中的“金鑰匙”，將插入的圖片去除底色。
（教師小結并操作展示：）
1、網頁中可以使用圖片做背景，但圖片一定要與插圖以及文字的顏色相協調，才能達到美觀的效果，如果色差太大時會使用你的網頁失去美感。
2、方法：第一種方法是“格式”──“背景”；第二種方法是在網頁的空白處單擊鼠標的右鍵快捷菜單──“網頁屬性”命令。
�。ń處熞龑В海┐蠹以诮o網頁添加不同背景時，有的同學可能想了，網站中的網頁如果是上千張時，每張都使用背景太麻煩了，能不能將所有的網頁都使用一個背景并后一步到位解決呢？這樣是可以的，使用主題就可以解決。
（任務三：）大家使用“格式”──“主題”變換你的網頁背景。
�。ò鍟�
二、使用主題）
教師輔導
�。ㄌ嵝褜W生：圖片與主題做背景時，它們之間的切換必須先將主題背景去掉才能設置圖片背景）
�。ń處熞龑В海┰谖覀兯阉骶W頁時，有時將網頁打開后還伴隨著音樂，大家瀏覽網頁時心情也比較舒暢。
�。ò鍟�
三、背景音樂）
（任務四：）大家結合課本p72完成網頁的背景音樂的設置。
教師進行輔導
�。ń處熜〗Y：）
1、背景音樂與背景圖片都使用同一個對話框“網頁屬性”。
2、背景音樂的格式是有所選擇的`，同時播放音樂的次數是可以控制的。
學生結合課本實踐
學生展示
學生實踐
學生實踐
學生實踐
從學生已有知識類比過渡到新知。
讓學生先進行自學，嘗試不同方法。
引導學生學習書本的知識。
引導學生學會欣賞美的網頁，同時總結多種方法。
拓展學生知識視野
教會學生總結知識和方法，同時引導學生閱讀課本p73“小博士”和“金鑰匙”。
三、小結
通過這節課的學習，大家都學會了什么？學生自己總結
學生對自己所學知識進行匯總。
【教學反思】
調整知識：將第2節課的“背景音樂”和第3節中的“背景圖片”調整在一起形成一節“網頁背景”課。
本節課的知識是將兩節課的內容歸類總結形成一節關于“網頁背景”的內容。學生通過這節課的內容學會比較和歸納知識方法以及總結歸納知識的能力，同時培養學生審美意識和知識綜合運用能力。
【美化網頁教學設計】相關文章：
五年級信息技術《美化網頁》教學設計01-16
信息技術教學《美化網頁》【通用2篇】07-20
網頁制作教學設計10-01
制作網頁教學設計04-20
網頁制作的教學設計01-30
《美化家居》公開課教學設計12-14
網頁制作教學設計(7篇)11-28
網頁制作教學設計7篇11-27
網頁設計總結11-09