網頁的教案8篇 "精緻易懂的網頁教學指南"

網頁教案是一種應用互聯網技術的教學資源，它不僅方便了教師們備課和授課，也為學生們提供了更為直觀、鮮活的學習體驗。通過互聯網技術的應用，網頁教案不僅能在一定程度上提高學生學習的興趣和積極性，還能更好地滿足教學個性化需求，是當前教育教學中的重要組成部分。

第1篇

2．師；今天的音樂課，趙老師要帶同學們共同走進“音樂網站”。在這裏，我們一起回憶本學期學過的歌曲和聽過的樂曲，最後我們還要共同用聲音創編一個故事，同學們喜歡嗎？（生：喜歡！）請看大屏幕。（電腦展示“我的音樂網頁”）這就是我們的“音樂網頁”，在音樂書的最後一頁有小朋友自己的音樂網頁，這裏有我學過的歌曲、我聽過的樂曲、音樂家庭等，課前老師讓大家回去完成音樂家庭和小歌星兩項內容，同學們做了嗎？（生：做了！）。

3．師：老師請一位同學來説説“音樂家庭”是怎樣做的。

4．生；我來説説“音樂家庭”，我給爸爸、媽媽唱了一首《大雨和小雨》，爸爸唱了一首《我愛北京天安門》，媽媽唱了一首《丟手絹》，我和爸爸、媽媽一起唱了《我愛北京天安門》。

7．生：我最喜歡唱《大鼓和小鼓》，最喜歡演“白雪公主”，能背唱《大雨和小雨》《找春天》還有《過新年》等歌曲。

8. 師：你真棒！會唱這麼多歌曲，我相信在座的同學們經過學習都會成為優秀的`小歌手。你們有信心嗎？（生：有！）很好我們來為自己打打分吧，（電腦打分：一顆星……五顆星）這學期我們學了很多歌曲，由於時間的關係，老師不能讓每一位小朋友都到前面表演，那麼我們就一起來演唱兩首歌曲《大雨和小雨》《大鼓和小鼓》。

9．教師彈琴學生演唱歌曲《大雨和小雨》，用打擊樂器為第二首歌曲伴奏並演唱。

10．師：同學們唱得真好，這學期我們還欣賞了不少的樂曲，你們還記得嗎？（生：記得！）那麼老師就來考考你們（電腦播放兩段樂曲：《鴨子拌嘴》《一個師傅仨徒弟》，學生聽後説出樂曲的名字並隨樂曲表演）。

11．師：在第一單元裏，老師和同學們共同走進《有趣的聲音世界》，我們聆聽了風聲、雨聲、海浪聲等自然界發出的各種聲音，我們還用聲音創編了一個故事，是什麼？（生：“小白兔蓋新房”）對了，書中的“音樂網頁”又給我們出了一個題目：“我家廚房”。課前老師佈置同學們回家觀察從廚房裏會發出哪些聲音呢？

12. 生；有切菜聲、洗碗聲、爆鍋聲、打雞蛋聲、燃氣灶打火聲、排油煙機聲、炒菜聲……

13．師：同學們觀察的真仔細，老師錄製了一組聲音，請同學們聽一聽是什麼聲音？

14生；有炒菜聲、爆鍋聲、洗碗、刷筷子聲、剁菜聲。

15．師：你能用嘴或者你身邊的物體來模仿這些聲音嗎？試一試。

17．師：大家做的很好，但是老師還是覺得不好聽，是噪音，為什麼呢？下面請小朋友欣賞去看春節晚會上表演的一段發生在廚房裏的故事，同樣是表現廚房的聲音，和我們敲擊的有什麼不同呢？（電腦播放）

19．生：因為他們敲擊的不一樣。（學生回答不上來）

20．師：同學們説不上來，老師告訴你們，因為他們是把長短不同、高低不同、強弱不同的育組合在一起，就變成了一條條快樂的節奏，所以我們聽起來就覺得好聽。比如鋼盆碰在一起發出這樣的聲音（教師示範，學生模仿）。

21．師；下面我們一起跟隨這些小朋友來表現我家廚房。

22. 學生跟隨畫面模仿（教師旁白，瞧瞧阿姨切白菜的聲音都是這樣好聽，誰來模仿一下。）

第2篇

學會修改表格的屬性；掌握運用表格佈局網頁的方法；學會在表格中嵌套表格。

通過研究並製作“糞金龜”、“埋葬蟲”網頁，培養對大自然每個生命及物種的`尊重。

1、打開hu die biao 將表格的對齊方式改為“居中對齊”把表格的寬改為380像素。

本節課收穫是什麼？覺得自己哪個部分掌握的比較好了，哪個地方還要繼續努力。

第3篇

以教師演示講授、引導啟發和同學討論嘗試、自主學習相結合的方式，學會在因特網上瀏覽有用的網頁。

(1)通過導入展示的精美網頁激發同學學習瀏覽網頁的興趣，並進一步提高同學使用信息技術的能力。

(2)在保管圖片的自主探究中，培養同學發現問題並自我解決問題的能力，提升同學的自學能力。

難點：保管網頁後應該有兩個文件，複製操作和移動操作的區別。

想保存下來嗎？前面我們已經學會了瀏覽圖片，瀏覽文字，那可以瀏覽整個網頁嗎？（出示課題）

回憶一下我們前面學習的瀏覽圖片和瀏覽文字的方法，誰願意上來試一試瀏覽這個網頁？

我們來看看保管好的網頁，和前面瀏覽文字的文件有什麼不同嗎？出現了兩個文件，一個是網頁文件，一個是同名文件夾。這個文件夾裏有些什麼文件？

假如這個文件夾不見了，或者網頁文件放到了其他文件夾裏，又會怎樣？（假如有同學發生這樣的問題也可以由同學提出）自身嘗試一下，然後和小組同學交流一下，把你的交流結果告訴大家。

好，下面同學們自身來試一試，查找我們南京一個景點的網頁，然後把網頁保管到“我的文檔”裏。

（打開網頁文件夾，用縮略圖方式顯示圖片）這是剛才瀏覽的網頁中的圖片，很漂亮，老師很喜歡，想把它放入自身的文件夾裏，可以怎麼辦呢？（複製文件）

怎樣複製呢？誰願意演示給大家看看？（師提醒複製文件之前要先做什麼操作——選定）

假如我這些圖片都想要，那是不是要一張一張複製呢？（全部選中）假如有同學會，請同學來教，假如都不會老師進行教學：

老師一邊演示一邊説如何用這兩個鍵來選定多個文件：

shift：按住shift鍵，把鼠標指針指向最後一個要選定的文件，然後單擊，就可以選定首尾兩個文件之間的所有文件。被選中的文件都是以藍底白字顯示。（廣播演示）

學會這幾種選定文件的方法，有再多的文件要選定我們都不怕了。

可是除了複製還有沒有別的`方法能把圖片放入自身的文件夾？假如有同學會，請同學來教，假如都不會老師廣播演示移動文件的方法：（板書）選定-剪切-粘貼。

下面請同學們將瀏覽的網頁文件夾裏的圖片移動到你的文件夾裏。

小結：我們可以用複製或移動的方法把文件放入其他的文件夾裏，也可以同樣的操作把文件夾複製或移動到其他的文件夾裏。

剛才我們用了兩種方法把文件放進自身的文件夾裏，那到底複製文件和移動文件兩種操作有什麼不同呢？

通過今天的學習，你有了哪些收穫呢？希望同學們將這些經驗收穫記憶在我們的腦海裏，運用於今後更多的學習中。

第4篇

本節課是《國小信息技術》六年級上冊第2節課，是在學生掌握了word的使用，以及計算機的基本操作的基礎上學習的。學習內容的重點是：讓學生了解用frontpage製作一個簡單網頁的方法。主要涉及：認識frontpage，瞭解frontpage的窗口組成，學習在frontpage中如何輸入和設置文字，以及保存和打開網頁的方法。

?最簡單的網頁》這一節是frontpage 20xx的基礎、入門課程，是屬於在以前所學知識的基礎上的提高、學習。本節課可以充分調動學生的手和腦，培養學生學習計算機的能力，掌握網頁製作方法，並在網頁製作的'過程中，把知識的教學和學生思維能力的培養結合起來，有利於促進學生創造性思維的發展和信息素養能力的培養，為今後的學習奠定良好的基礎。

本課對象是六年級學生，學生通過前面一節內容的學習，對網頁製作的前期準備有了一定的瞭解，特別是通過對internet相關知識的介紹及大量網站的瀏覽，對網頁內容、結構、效果等設計的優劣都有了一定的感性認識，並且有了一定的分析、評判的能力，基本上完成了知識和能力的積累。同時學生是在學生掌握了word的使用，以及計算機的基本操作的基礎上學習的，所以對於本節課的展開，學生們應該是充滿了興趣。

通過本章的學習，使學生獲取、分析、處理、發佈、應用等信息處理能力得到提高。特別注意培養學生網站製作的能力，培養學生的創新、探索精神和分工合作意識。結合這個總的教學目標制定本節課的教學目標：

2、學習在frontpage中如何輸入和設置文字，以及保存和打開網頁的方法。

通過學生探究學習過程,學會用frontpage製作一個簡單的網頁的基本操作。

2、培養學生在學習過程中自主探究,對比,舉一反三的學習能力。

第5篇

學會插入圖片；掌握設置圖片的大小和對齊方式的方法；學會設置頁面背景顏色和背景圖片。

設置圖片的大小和對齊方式；設置頁面背景顏色和背景圖片。

1、學生欣賞“蟬”的圖片，並説出圖片相對於文字的優點。

1、任務：新建頁“”，頁標題為“蟬”，插入桌面圖片“蟬.jpg”。

1、任務：適當的調整圖片的.大小，然後輸入課本上的文章，並使圖片在最右邊。

1、任務：設置頁的頁邊背景為黃綠色，背景圖像為“bg01.gif”。

2、教師補充問題：（1）、插入圖片時，選擇了圖片單擊插入以後出現的對話框是要進行什麼操作的？（2）、圖片的對齊方式修改的時候要注意什麼？（3）、設置頁背景要注意什麼？

2、同學們都做的很好，希望你們以後用這些知識把自己的頁變得更漂亮。

第6篇

?網頁盛裝》一課是建立在學生已掌握了frontpage 20xx基本知識之後的一課。本課主要指導學生如何設置網頁背景圖片和聲音、插入水平線、插入滾動字幕及對網頁進行美化修飾等，操作技能比較強。從教材內容上來看，內容較多，這節課的教學主要採用“任務驅動教學法”與“協作學習”相結合，儘可能發揮學生想象力，充分將信息技術知識的學習與美術進行整合，創作出更美更漂亮的網頁，為下節課的教學打下良好基礎。

讓學生掌握設置網頁的背景圖片和聲音、插入水平線、插入滾動字幕等方法，通過學生的操作和協作探討，培養學生的自主學習、協作學習的能力；通過知識的再現培養學生的創新能力和創新意識。

通過作品展示和評價，讓學生體驗成功的喜悦，激發學生的創造熱情；通過小組的協作，培養學生的合作精神和集體主義精神。

本課面向六年級學生，對word很熟悉，並且對frontpage 20xx也有一定的基礎，對因特網有一定的認識。但由於學生美術功底的差異，造成學生在美化網頁時有一定的差異。教師在教學時應尊重這些差異，多展示一些模板，彌補學生美術上的差異，積極引導學生，提高學生學習興趣。培養學生獲取信息、處理信息、整合信息應用的能力，培養學生的信息素養和獨立分析問題、解決問題的能力，提高學生創新能力、自學能力、理論聯繫實踐能力，增強學生獨立意識和團體協作精神。

多媒體機房。4人為一個小組，每個小組選出一名學生出任組長。教師針對學生的能力水平進行適當調整，以達到各個小組的力量均衡。本課教學應至少一人或兩人一機，投影機一台或機房配備廣播系統，整個機房以寬帶的形式接入因特網，網速較快。

師：上節課我們學習了網頁的編輯，也學習瞭如何修飾文字，插入圖片等。今天我們再來看看如何設置網頁的背景圖片和聲音。（板書：設置網頁的背景圖片和聲音。）

師：這是上節課×××同學做的作品。（通過展示，與另一有個性背景的網頁進行比較，提問讓學生髮現兩者的不同之處）但是白色的背景顯得有點單調，我們可以為網頁加上個性背景，網頁就更漂亮了。請同學們跟老師一起操作。

步驟1：用frontpage 20xx打開“寶貝小豬的.家”網頁，在頁面上單擊鼠標右鍵，選擇“網頁屬性”，打開“網頁屬性”對話框。

步驟2：在打開“網頁屬性”對話框中，選擇“背景”。

步驟3：在“選擇文件”對話框中，單擊“瀏覽”，選擇一幅你喜歡的圖片作為網頁的背景圖片，單擊“確定”按鈕。

1．請同學們為網頁設置漂亮的背景以及插入動聽的背景音樂。

3．在“網頁屬性”對話框中，選擇“常規”選項，選擇你要作為背景音樂的聲音文件名，設置背景音樂。

學生練習時提醒學生注意：在進行frontpage 20xx編輯時，有三中編輯模式 ，我們一般使用“普通”模式，如果想看到網頁在瀏覽器中的效果，可以單擊“預覽”模式，瀏覽網頁效果。有時在frontpage 20xx中看到的網頁與在瀏覽器中看到的會有些差異，比如格式和版面上有些變動。所以，將你的網頁展示給別人看之前，一定要先在瀏覽器中瀏覽、測試一下，確保網頁的實際顯示效果準確無誤。

師：剛才同學們設置了背景圖片和聲音，接下來我們再來看看插入水平線，在網頁中常常有一些風格各異的水平線，可以美化網頁，將網頁分割成不同區域，使網頁的佈局清晰明瞭，也更有層次感。下面請同學們跟老師一起插入水平線。

步驟1：打開網頁，將光標移動到網頁中要插入水平線的位置，如“寶貝小豬的家”這一行下面。

師：有時候覺得水平線不好看，和網頁的整體體效果不協調，我們可以修改水平線的顏色、高度、寬度等屬性。

步驟3：右鍵單擊水平線，選擇“水平線屬性”選項，打開“水平線屬性”對話框，調整水平線的顏色和寬度。

師：在網頁中，我們還可以使用滾動字幕能夠讓網頁顯得更活潑。

步驟1：用frontpage 20xx打開“寶貝小豬的家”網頁，選擇菜單“插入”→ “組件” →“字幕”，打開“字幕屬性”對話框。

步驟2：在文本框中輸入字幕文本，設定滾動方向、速度等參數。

步驟3：我們在“普通”模式下只能編輯網頁，看不到滾動字幕的效果，切換到“預覽”模式，字幕動起來了；但是在預覽模式下，不能進行網頁的編輯。

投影廣播任務：請同學們使用背景圖片、顏色、背景聲音、水平線和滾動字幕，修飾你的網頁。

師：同學們，在這節課中我們學習了在網頁中設置背景，為我們今後的網頁製作打下了堅實的基礎。今後，你們肯定會製作出更加漂亮的個人網站。

動態的網頁以及有動態效果的網頁對學生而言是非常有吸引力的。教學的過程要注意選擇精彩的主題，素材可愛、有童趣，突出實用性，體現生活的實際；要注意組織好課堂，學生活潑而不混亂，無論是講解還是演示，教師都要與學生互動起來，產生良好的氛圍，控制好學生情緒和課堂節奏；要提供豐富的資源，讓學生的作品豐富多彩；要鼓勵學生應用所學的知識製作出不同的成果；要注重課堂內容的延伸，如果時間剩餘，要靈活安排一些學生的拓展練習，沒有拓展的時間也要佈置一下課後的拓展學習任務。

第7篇

教學目標：讓學生掌握網頁超級鏈接的方法和網頁過渡效果的設置。

教學重點：首頁欄目和欄目所在網頁超級鏈接的方法。

教學準備：學生製作了“我的欄目首頁”、“我的老師”、“我的班級”三張網頁。

一、新課導入：1.同學門前幾課我們講了網頁的基本編輯。那麼誰能介紹一下你做了幾張網頁，你都設置了什麼欄目。

好！誰能來介紹一下自己的網頁。（學生首先介紹他做了幾張網頁和在首頁設置的欄目，然後一張一張的展示。）

生：他的網頁只能一張一張的演示，網頁之間沒有鏈接。

3.這節課我們就來學習一下網頁的鏈接。（彩色貼字板書：網頁的鏈接）

二、新課教學：1.大家看屏幕，我們先把保存過的網頁在編輯狀態下打開，然後選中老師要求大家設置的欄目我的班級，在選中的區域內點擊右鍵超鏈接，再選擇第二個按鈕瀏覽找到內容為我的班級的.網頁，點擊選中，最活確定。然後再把選項卡從普通狀態，調整到預覽狀態。這時網頁之間就能夠進行鏈接了。

4.現在老師再想問你們一個問題如何從欄目內容返回到首頁呢？大家自己先想一想，想好的同學舉手，然後同桌之間先進行討論。

生：只要設定一個返回按鈕，使該網頁連接到首頁就可以了。好了，老師按照你們的方法操作一遍，大家看一看鏈接能不能成功。（具體操作）

6.網頁鏈接我們做好了，我們就可以在網頁之間來回的切換了。在網頁進行切換的時候，我們還可以設置一下網頁進入或者離開時的過渡效果。單擊格式菜單下的“網頁過渡”在事件選擇上選擇離開網頁，然後再選擇一下效果。比如：圓形放射。這時我們再到預覽狀態下，就可以看到網頁在離開時的過渡效果了。

下面大家自己試一試，記住你採用了哪種過渡效果，一會我找同學來來演示。（學生演示給予鼓勵性評價）

7.下面同學們就可以給自己的主頁設置一些你喜歡的欄目了，並把他們鏈接到相應得網頁內容。自己動手吧！有疑問問老師。

8.同學們，這節課你們學習到了什麼？（網頁鏈接的方法和網頁過渡效果的設置）

希望同學門製作出更多精緻美觀得的網頁。這節課我們就上到這。

第8篇

師：同學們平時在生活學習中，如果發現有價值的資料時，大家是怎麼收藏的？

師；這些方法都不錯，説明我們的同學平時都有注意觀察和積累，從前面幾節課的學習中，我們發現在因特網上也有許多有價值的，值得收藏的網站和資料，這時候我們該怎麼辦？今天我們一起來學習《保存網頁》。

師：我們先來學習“活動一”，首先請同學們認真閲讀“活動一”。

師：是的，可以採用ie的收藏功能來收藏網頁，請同學們想動手試一試！

師：因特網是一個知識的海洋，在這個海洋裏遨遊的時候，大家要學會判斷、甄別，要選擇對自己有價值的信息收藏，不能看到什麼就收藏什麼？否則，時間久了就會像老師這台電腦的收藏夾一樣混亂。（展示教師機的收藏夾，該收藏夾裏收藏了幾十個各種各樣的網站）

師：是啊，這樣不僅很亂，瀏覽時也很麻煩，所以我們平時不僅要學會選擇有價值的網站，同時還要經常整理收藏夾，請同學們自學課本，學一學如何整理收藏夾？並動手做一做。

師：通過前面的學習，我們知道因特網上的資料更新頻率非常高，為了能在日後更好地使用查找到的網頁信息，僅用收藏的'方法顯然是不夠的，此時，我們可以將網頁保存下來，這種方法可以把組成網頁的文字、突破等都保存下來，這樣就不要擔心因網站更新而導致自己需要的信息丟失。那要如何保存網頁呢？我們一起來學習吧！首先請同學們自學課本活動三，並動手操作，會的同學幫一下不會的同學！

師：同學們的接受能力真好，這麼快就掌握了，接下來請同學們完成“試一試”