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