網頁的教案
作為一位兢兢業業的人民教師，時常要開展教案準備工作，編寫教案有利于我們弄通教材內容，進而選擇科學、恰當的教學方法。怎樣寫教案才更能起到其作用呢？以下是小編精心整理的網頁的教案，歡迎閱讀，希望大家能夠喜歡。
網頁的教案1
教材簡析
《網頁盛裝》一課是建立在學生已掌握了FrontPage 20xx基本知識之后的一課。本課主要指導學生如何設置網頁背景圖片和聲音、插入水平線、插入滾動字幕及對網頁進行美化修飾等，操作技能比較強。從教材內容上來看，內容較多，這節課的教學主要采用“任務驅動教學法”與“協作學習”相結合，盡可能發揮學生想象力，充分將信息技術知識的學習與美術進行整合，創作出更美更漂亮的網頁，為下節課的教學打下良好基礎。
教學目標
1．知識目標
掌握設置網頁背景圖片和聲音的方法；
學會插入水平線、修改水平線的屬性；
學會在瀏覽器中瀏覽網頁；
學會插入滾動圖片字幕。
2．能力目標
讓學生掌握設置網頁的背景圖片和聲音、插入水平線、插入滾動字幕等方法，通過學生的操作和協作探討，培養學生的自主學習、協作學習的能力；通過知識的再現培養學生的創新能力和創新意識。
3．情感目標
通過作品展示和評價，讓學生體驗成功的喜悅，激發學生的創造熱情；通過小組的協作，培養學生的合作精神和集體主義精神。
教學重點
掌握設置網頁背景圖片和聲音的方法；
學會插入水平線、修改水平線的屬性；
學會插入滾動圖片字幕。
教學難點
掌握設置網頁背景圖片和聲音的方法；
學會插入水平線、修改水平線的屬性；
學會插入滾動圖片字幕。
學情分析
本課面向六年級學生，對Word很熟悉，并且對FrontPage 20xx也有一定的基礎，對因特網有一定的認識。但由于學生美術功底的差異，造成學生在美化網頁時有一定的差異。教師在教學時應尊重這些差異，多展示一些模板，彌補學生美術上的差異，積極引導學生，提高學生學習興趣。培養學生獲取信息、處理信息、整合信息應用的能力，培養學生的信息素養和獨立分析問題、解決問題的能力，提高學生創新能力、自學能力、理論聯系實踐能力，增強學生獨立意識和團體協作精神。
教學方法
情景導入法、任務驅動法。
所用課時
2課時。
教學環境
多媒體機房。4人為一個小組，每個小組選出一名學生出任組長。教師針對學生的能力水平進行適當調整，以達到各個小組的力量均衡。本課教學應至少一人或兩人一機，投影機一臺或機房配備廣播系統，整個機房以寬帶的形式接入因特網，網速較快。
教學過程
一、創設教學情景，激發學生學習興趣
師：上節課我們學習了網頁的編輯，也學習了如何修飾文字，插入圖片等。今天我們再來看看如何設置網頁的背景圖片和聲音。（板書：設置網頁的背景圖片和聲音。）
教師展示上節課優秀作品。
二、講授新課
（一）設置網頁的背景圖片和聲音
師：這是上節課×××同學做的作品。（通過展示，與另一有個性背景的網頁進行比較，提問讓學生發現兩者的不同之處）但是白色的背景顯得有點單調，我們可以為網頁加上個性背景，網頁就更漂亮了。請同學們跟老師一起操作。
教師演示操作：
步驟1：用FrontPage 20xx打開“寶貝小豬的家”網頁，在頁面上單擊鼠標右鍵，選擇“網頁屬性”，打開“網頁屬性”對話框。
步驟2：在打開“網頁屬性”對話框中，選擇“背景”。
步驟3：在“選擇文件”對話框中，單擊“瀏覽”，選擇一幅你喜歡的圖片作為網頁的背景圖片，單擊“確定”按鈕。
（二）提供機會，學生實踐探究。
投影廣播任務：
1．請同學們為網頁設置漂亮的背景以及插入動聽的背景音樂。
2．將背景顏色設為單一顏色。
3．在“網頁屬性”對話框中，選擇“常規”選項，選擇你要作為背景音樂的聲音文件名，設置背景音樂。
教師隨堂檢查并指導學生。
學生練習時提醒學生注意：在進行FrontPage 20xx編輯時，有三中編輯模式 ，我們一般使用“普通”模式，如果想看到網頁在瀏覽器中的效果，可以單擊“預覽”模式，瀏覽網頁效果。有時在FrontPage 20xx中看到的網頁與在瀏覽器中看到的會有些差異，比如格式和版面上有些變動。所以，將你的網頁展示給別人看之前，一定要先在瀏覽器中瀏覽、測試一下，確保網頁的實際顯示效果準確無誤。
教師展示學生作品。
（三）插入水平線
師：剛才同學們設置了背景圖片和聲音，接下來我們再來看看插入水平線，在網頁中常常有一些風格各異的水平線，可以美化網頁，將網頁分割成不同區域，使網頁的布局清晰明了，也更有層次感。下面請同學們跟老師一起插入水平線。
教師演示操作：
步驟1：打開網頁，將光標移動到網頁中要插入水平線的位置，如“寶貝小豬的家”這一行下面。
步驟2：選擇菜單“插入”→“水平線”。
師：有時候覺得水平線不好看，和網頁的整體體效果不協調，我們可以修改水平線的顏色、高度、寬度等屬性。
步驟3：右鍵單擊水平線，選擇“水平線屬性”選項，打開“水平線屬性”對話框，調整水平線的顏色和寬度。
（四）插入滾動字幕
師：在網頁中，我們還可以使用滾動字幕能夠讓網頁顯得更活潑。
步驟1：用FrontPage 20xx打開“寶貝小豬的家”網頁，選擇菜單“插入”→ “組件” →“字幕”，打開“字幕屬性”對話框。
步驟2：在文本框中輸入字幕文本，設定滾動方向、速度等參數。
步驟3：我們在“普通”模式下只能編輯網頁，看不到滾動字幕的效果，切換到“預覽”模式，字幕動起來了；但是在預覽模式下，不能進行網頁的編輯。
（五）提供機會，學生實踐探究。
投影廣播任務：請同學們使用背景圖片、顏色、背景聲音、水平線和滾動字幕，修飾你的網頁。
結束語
師：同學們，在這節課中我們學習了在網頁中設置背景，為我們今后的網頁制作打下了堅實的'基礎。今后，你們肯定會制作出更加漂亮的個人網站。
三、授課完畢，課程總結
本節課主要講了以下幾個知識點：
1．掌握設置網頁背景圖片和聲音的方法；
2．學會插入水平線、修改水平線的屬性；
3．學會在瀏覽器中瀏覽網頁；
4．學會插入滾動圖片字幕。
四、課堂作業
教學反思
動態的網頁以及有動態效果的網頁對學生而言是非常有吸引力的。教學的過程要注意選擇精彩的主題，素材可愛、有童趣，突出實用性，體現生活的實際；要注意組織好課堂，學生活潑而不混亂，無論是講解還是演示，教師都要與學生互動起來，產生良好的氛圍，控制好學生情緒和課堂節奏；要提供豐富的資源，讓學生的作品豐富多彩；要鼓勵學生應用所學的知識制作出不同的成果；要注重課堂內容的延伸，如果時間剩余，要靈活安排一些學生的拓展練習，沒有拓展的時間也要布置一下課后的拓展學習任務。
網頁的教案2
教學目標
知識目標
初步了解網頁中常用的幾種圖片格式。
能力目標
學會插入圖片；掌握設置圖片的大小和對齊方式的方法；學會設置頁面背景顏色和背景圖片。
情感目標
通過制作“蟬”網頁，培養對大自然深入探究的精神。
教學重點
教學難點
設置圖片的大小和對齊方式；設置頁面背景顏色和背景圖片。
教學準備
網頁素材“蟬”圖片多張。
教學過程
情境創設
激發興趣
1、學生欣賞“蟬”的圖片，并說出圖片相對于文字的優點。
2、如何讓自己的網頁變的生動形象？
3、揭示課題—圖文并茂的網頁。
自主探究
交流分享
一、插入圖片
1、任務：新建網頁“chan.html”，網頁標題為“蟬”，插入桌面圖片“蟬.jpg”。
2、學生自學課本，探究完成任務。
3、找2名學生匯報演示操作。
二、設置圖片的大小和對齊方式
1、任務：適當的調整圖片的大小，然后輸入課本上的'文章，并使圖片在最右邊。
2、學生探究操作。
3、學生演示匯報。
三、設置網頁的頁面背景
1、任務：設置網頁的頁邊背景為黃綠色，背景圖像為“bg01.gif”。
2、學生嘗試操作。
3、學生匯報演示。
合作學習
釋疑解難
1、學生提出問題。
2、教師補充問題：
（1）、插入圖片時，選擇了圖片單擊插入以后出現的對話框是要進行什么操作的？
（2）、圖片的對齊方式修改的時候要注意什么？
（3）、設置網頁背景要注意什么？
3、學生小組研究問題。
4、小組匯報解決問題。
實踐創作
展示評價
1、搜集螳螂素材，制作網頁“tanglang.html”，讓網頁變得更美觀。
2、小組評比推選優秀作品。
3、優秀作品全班展示。
4、評價作品。
梳理總結
拓展延伸
1、學生說本節課收獲。
2、同學們都做的很好，希望你們以后用這些知識把自己的網頁變得更漂亮。
網頁的教案3
教學目標
知識目標
了解表格的屬性
能力目標
學會修改表格的屬性；掌握運用表格布局網頁的方法；學會在表格中嵌套表格。
情感目標
通過研究并制作“糞金龜”、“埋葬蟲”網頁，培養對大自然每個生命及物種的尊重。
教學重難點
用表格布局網頁的方法。
教學準備
網頁背景圖片、糞金龜圖片。
教學過程
情境創設
激發興趣
1、對比chan.html和hu die biao ben.html，說出對這兩個網頁的感受。
2、總結表格的作用。
3、引出用表格布局整個網頁。
自主探究
交流分享
一、修改表格屬性
1、打開hu die biao ben.html將表格的.對齊方式改為“居中對齊”把表格的寬改為380像素。
2、學生操作。
3、學生匯報演示。
二、利用表格布局網頁
1、自學課本第23頁，制作網頁fen jin gui.html。
2、學生探究操作。
3、學生演示匯報。
4、繼續完成網頁制作。
合作學習
釋疑解難
1、學生提出問題。
2、教師補充問題：
（1）、如何選中表格？
（2）、使用表格布局網頁的優點有哪些？
3、小組內合作解決問題。
4、評比最佳途徑。
實踐創作
展示評價
1、任務：使用表格布局網頁chan.html，讓它變的更美觀。
2、學生創作。
3、小組推選優秀作品。
4、全班欣賞評價優秀作品。
梳理總結
拓展延伸
本節課收獲是什么？覺得自己哪個部分掌握的比較好了，哪個地方還要繼續努力。
網頁的教案4
一、教材分析
首頁之外的其他網頁在結構上很相似，為了給這些網站增加一些亮點，故在網頁中插入了交互式按鈕，交互式按鈕不僅具有超鏈接功能，在使用過程中還會發生變化，更能引起學生的學習興趣。
二、教學目標
1、知識性目標
（1）了解交互式按鈕的功能；
（2） 了解計算機主機包括的部件；
（3）了解網頁動態效果。
2、技能性目標
（1）會設置網頁的目錄；
（2）學會插入、修改交互式按鈕；
（3）學會復制表格。
3、情感性目標
（1）加深對計算機硬件的認識；
（2）培養學生分工協作的'精神。
三、教學重、難點
1、教學重點
（1）交互式按鈕的功能；
（2）插入、修改交互式按鈕。
2、教學重點
（1）交互式按鈕；
（2）復制表格。
四、教學準備
制作一個具有幾個漂亮交互式按鈕的網頁。
五、教學過程
1、導入
教師：現在我們的首頁已經做好了，可是其他的網頁還沒做，但是一節課內無法做太多的，今天呀我們就來學習制作“主機”網頁吧！其余的以后在做.
2、學習新課。
（1）指導學生用表格布局；
教師:用表格對網頁進行布局方法，前一堂課我們學習了，現在就請同學們，對照課本用表格給 “主機”網頁進行設置。
學生看書練習。
（2）指導學生學習插入交互式按鈕；
教師：在網頁內經常會插入具有超鏈接功能的按鈕，單擊這些按鈕，便可打開其他網頁，請同學們看下面具有交互式按鈕的網頁。
屏幕展示。
教師：下面我們就來學習如何制作交互式按鈕。
教師示范講解，學生觀察。
學生練習、老師巡視指導。
3、鞏固練習。
請同學們試著完成書中本課的“試一試”中的練習，在遇到困難時可小組同學相互幫助，也可以舉手問老師。
4、總結評價。
教師總結后，請同學根據自己掌握的知識情況和收獲，在本節課的“評一評”中打上自己的成績。
網頁的教案5
本節課是《小學信息技術》六年級上冊第2節課，是在學生掌握了Word的使用，以及計算機的基本操作的基礎上學習的。學習內容的重點是：讓學生了解用FrontPage制作一個簡單網頁的方法。主要涉及：認識FrontPage，了解FrontPage的窗口組成，學習在FrontPage中如何輸入和設置文字，以及保存和打開網頁的方法。
《最簡單的網頁》這一節是FrontPage 20xx的基礎、入門課程，是屬于在以前所學知識的基礎上的提高、學習。本節課可以充分調動學生的手和腦，培養學生學習計算機的能力，掌握網頁制作方法，并在網頁制作的過程中，把知識的教學和學生思維能力的培養結合起來，有利于促進學生創造性思維的發展和信息素養能力的培養，為今后的學習奠定良好的基礎。
學情分析
本課對象是六年級學生，學生通過前面一節內容的學習，對網頁制作的前期準備有了一定的了解，特別是通過對Internet相關知識的介紹及大量網站的瀏覽，對網頁內容、結構、效果等設計的優劣都有了一定的感性認識，并且有了一定的分析、評判的能力，基本上完成了知識和能力的積累。同時學生是在學生掌握了Word的使用，以及計算機的.基本操作的基礎上學習的，所以對于本節課的展開，學生們應該是充滿了興趣。
教學目標
通過本章的學習，使學生獲取、分析、處理、發布、應用等信息處理能力得到提高。特別注意培養學生網站制作的能力，培養學生的創新、探索精神和分工合作意識。結合這個總的教學目標制定本節課的教學目標：
知識目標：
1、認識FrontPage，了解FrontPage的窗口組成。
2、學習在FrontPage中如何輸入和設置文字，以及保存和打開網頁的方法。
過程與方法目標：
通過學生探究學習過程,學會用FrontPage制作一個簡單的網頁的基本操作。
情感目標
1、通過動手實踐,培養學生的審美情趣。
2、培養學生在學習過程中自主探究,對比,舉一反三的學習能力。
3、利用知識的遷移,培養學生的綜合信息素養能力。
教學重點和難點
教學重點：
在網頁中輸入文字，排版編輯網頁中的文字
教學難點：
新建網頁中網頁標題的修改。
教學方法：
演示法、講授法、任務驅動法
學習方法
觀察、模仿、合作、交流
網頁的教案6
[教學目的與要求]
1、知識與技能
(1)學會瀏覽網頁的方法。
(2)學會移動文件（文件夾）的方法。
2、過程與方法
以教師演示講授、引導啟發和同學討論嘗試、自主學習相結合的方式，學會在因特網上瀏覽有用的網頁。
3、情感、態度與價值觀
(1)通過導入展示的精美網頁激發同學學習瀏覽網頁的興趣，并進一步提高同學使用信息技術的能力。
(2)在保管圖片的自主探究中，培養同學發現問題并自我解決問題的能力，提升同學的自學能力。
[課時布置]
1課時。
[教學重點與難點]
重點：學會瀏覽網頁和移動文件（文件夾）的方法。
難點：保管網頁后應該有兩個文件，復制操作和移動操作的區別。
[教學過程]
教學
內容
教師活動
同學活動
導
入
廣播展示一些精美的網頁。覺得這些網頁怎么樣？
想保存下來嗎？前面我們已經學會了瀏覽圖片，瀏覽文字，那可以瀏覽整個網頁嗎？（出示課題）
看屏幕
同學回答
瀏覽網頁
回憶一下我們前面學習的瀏覽圖片和瀏覽文字的方法，誰愿意上來試一試瀏覽這個網頁？
同學演示，師做必要指導。
我們來看看保管好的網頁，和前面瀏覽文字的文件有什么不同嗎？出現了兩個文件，一個是網頁文件，一個是同名文件夾。這個文件夾里有些什么文件？
假如這個文件夾不見了，或者網頁文件放到了其他文件夾里，又會怎樣？（假如有同學發生這樣的問題也可以由同學提出）自身嘗試一下，然后和小組同學交流一下，把你的交流結果告訴大家。
討論保管網頁的要領。
好，下面同學們自身來試一試，查找我們南京一個景點的網頁，然后把網頁保管到“我的文檔”里。
師生解決操作中遇到的問題。
一生演示，其他觀看
同學嘗試操作并討論交流
同學操作練習
同學提問
移動文件和文件夾
（打開網頁文件夾，用縮略圖方式顯示圖片）這是剛才瀏覽的網頁中的圖片，很漂亮，老師很喜歡，想把它放入自身的文件夾里，可以怎么辦呢？（復制文件）
怎樣復制呢？誰愿意演示給大家看看？（師提醒復制文件之前要先做什么操作——選定）
（板書：選定-復制-粘貼）
假如我這些圖片都想要，那是不是要一張一張復制呢？（全部選中）假如有同學會，請同學來教，假如都不會老師進行教學：
老師給你們兩個秘密武器，它們是shift、ctrl。
老師一邊演示一邊說如何用這兩個鍵來選定多個文件：
shift：按住shift鍵，把鼠標指針指向最后一個要選定的'文件，然后單擊，就可以選定首尾兩個文件之間的所有文件。被選中的文件都是以藍底白字顯示。（廣播演示）
ctrl：該如何使用，讓同學自身用，然后發現匯報。
學會這幾種選定文件的方法，有再多的文件要選定我們都不怕了。
可是除了復制還有沒有別的方法能把圖片放入自身的文件夾？假如有同學會，請同學來教，假如都不會老師廣播演示移動文件的方法：（板書）選定-剪切-粘貼。
下面請同學們將瀏覽的網頁文件夾里的圖片移動到你的文件夾里。
小結：我們可以用復制或移動的方法把文件放入其他的文件夾里，也可以同樣的操作把文件夾復制或移動到其他的文件夾里。
同學考慮
一生演示，其他觀看
同學練習
同學演示
同學練習
比較
剛才我們用了兩種方法把文件放進自身的文件夾里，那到底復制文件和移動文件兩種操作有什么不同呢？
同學考慮
同學回答
總
結
通過今天的學習，你有了哪些收獲呢？希望同學們將這些經驗收獲記憶在我們的腦海里，運用于今后更多的學習中。
填寫效果籃
網頁的教案7
學習目標:
制作框架網頁、在網頁中插入字幕和超鏈接知識
1.制作框架網頁
框架網頁是一種特殊的HTML網頁，它將窗口劃分成若干小窗口區域（框架）。每個框架獨立顯示一個不同的網頁（有自己的網頁名字），整個框架網頁有一個總的名字。
框架與表格在組織網頁結構時相似。表格是對頁面區域進行劃分，框架是對整個瀏覽窗口進行劃分。
·創建框架網頁：單擊菜單“文件”→“新建”→“網頁”，選擇“框架網頁”標簽→選擇“嵌套式層次結構”
·選中的框架邊框為藍色，在拆分或刪除框架時應注意是否選中。
·隱藏框架間的橫線：
右擊框架網頁→單擊“框架屬性”→在對話框中單擊“框架網頁”按鈕，在“網頁屬性”對話框中選“框架”標簽→設置“顯示邊框”為未選中狀態。
·按住Ctrl鍵，拖動鼠標可以快速拆分框架。
·刪除框架：單擊菜單“框架”→“刪除框架”。
·保存框架網頁時注意要保存所涉及到的所有網頁。
·更改框架鏈接的網頁：
右擊相應的超鏈接→在彈出的快捷菜單上選擇“超鏈接屬性”命令，打開“編輯超鏈接”對話框
→可直接選擇列出的文件，或在“URL”框中輸入網頁的地址
→單擊“目標框架”右邊的“更改目標框架”按鈕，在“當前框架網頁”中選擇目標框架。
2.網頁中插入字幕
·插入字幕：光標定位插入點→單擊“插入”→“組件”→“字幕”打開“字幕屬性”對話框；
→在文本框中輸入文字，選擇“方向”、“速度”、“表現方式”等；
→選中字幕，拖動鼠標，調節字幕運動范圍。
·修改字幕：雙擊字幕，可以打開“字幕屬性”對話框，對字幕屬性進行修改。
3.超鏈接相關網頁
超鏈接是從一個網頁指向另一個目標的連接。一般在網頁中的某文字或圖片上設置超鏈接。
·創建超鏈接：單擊文字或圖片→“常用”工具欄的“超鏈接”按鈕，打開“創建超鏈接”對話框。
·取消超鏈接：選中具有超鏈接的文本或圖片，單擊“超鏈接”按鈕，在打開的`對話框中將URL欄中的內容刪除。
·跟蹤超鏈接：
在超鏈接上右擊，在打開的快捷菜單上選擇“跟蹤超鏈接”命令；
或：在普通視圖中，按住Ctrl鍵，將光標移到超鏈接上，單擊，會跟蹤連接到超鏈接指向的目的位置。
·設置超鏈接文本的顏色：網頁中超鏈接文本的顏色共有3種：未訪問過的，當前正在訪問的，已訪問過的。FrontPage默認這3種顏色分別為藍色，紅色、深藍色。單擊“格式”→“背景”→在“網頁屬性”對話框→選“背景”標簽，選定“超鏈接”、“已訪問過的超鏈接”、“當前超鏈接”的顏色。
作業：
新建框架網頁，建立超鏈接，在網頁中插入字幕。7.2制作網頁（框架）這一教案
網頁的教案8
一、學習目標：
(1)學會下載網頁的方法。
(2)學會移動文件（文件夾）的方法。
(3)以教師演示講授、引導啟發和學生討論嘗試、自主學習相結合的方式，學會在因特網上下載有用的網頁。
(4)通過導入展示的精美網頁激發學生學習下載網頁的興趣，并進一步提高學生使用信息技術的能力。
(5)在保存圖片的自主探究中，培養學生發現問題并自我解決問題的能力，提升學生的自學能力。
二、教學重點、難點：
1、學會下載網頁和移動文件（文件夾）的方法。
2、保存網頁后應該有兩個文件，復制操作和移動操作的區別。
三、教學過程：
（一）導入
師：同學們，我們先一起來欣賞一些網頁吧！這些網頁好看嗎？同學們一定非常想保留下來吧？好！今天我們就來學習下載網頁！（出示課題）
（二）新授
1、下載網頁
師：如果我們作為小小老師，向別人介紹中國兒童資源網的時候，能把完整的網頁也呈現給大家，那同學們就更容易理解了。回憶一下我們前面學習的下載圖片和下載文字的方法，那么能不能把網頁完整的下載下來，即使在斷開網絡時也能看到完整的網頁呢？
師停頓，生沉思片刻
生回答上臺演示
一生：首先全部選定
一生準備按住鼠標左鍵全部拖動有學生插嘴：按Ctrl+A一生用自己方法選定后，又嘗試了Ctrl+A，非常成功，然后復制，打開Word文檔，粘貼。
師：非常棒！XX學生用了我們前面下載文字的方法復制了網頁中所有的內容，真會學以致用但是，我們小朋友仔細觀察一下，用這種方法，有沒有把網頁中所有內容完整保存下來。
生討論回答，找出不同之處。師：那么怎么辦呢？二生：把它添加到收藏夾
師：我們一起回憶一下，在哪兒用過“添加到收藏夾”
生回答
師小結：添加到收藏夾是幫助我們快速訪問網站的方法，不是把網頁下載到我們計算機里。
三生：文件——另存為
師強調保存類型
師讓學生掌聲鼓勵操作正確的三生。
我們來看看保存好的網頁，和前面下載文字的文件有什么不同嗎？出現了兩個文件，一個是網頁文件，一個是同名文件夾。這個文件夾里有些什么文件？（學生可以點擊文件夾瀏覽）
如果這個文件夾不見了，或者網頁文件放到了其他文件夾里，又會怎樣？（如果有學生發生這樣的問題也可以由學生提出）自己嘗試一下，然后和小組同學交流或者翻看書本，把你的交流結果告訴大家。
討論保存網頁的要領。
好，下面同學們自己來試一試，查找我們江陰一個景點的網頁，然后把網頁保存到“我的文檔”里。
師生解決操作中遇到的問題。
2、移動文件和文件夾。（打開網頁文件夾，用縮略圖方式顯示圖片）這是剛才下載的網頁中的圖片，很漂亮，老師很喜歡，想把它放入自己的文件夾里，可以怎么辦呢？（復制文件）（前面有復制文件（文件夾）的基礎）
師讓學生獨立完成移動文件（文件夾）的操作四人一小組討論移動的方法組內匯報演示
學生的'匯報實在精彩，方法多種多樣
1、按右鍵剪切——粘貼
粘貼的方法（1）直接在文件夾上按右鍵粘貼
（2）打開文件夾后粘貼
2、直接拖動
3、在菜單欄上選擇“移動到文件夾”
兩人合作探究選定多個文件的方法，教師提示兩個功能鍵Ctrl，Shift學生匯報
1、不連續的選定Ctrl
2、連續的選定Shift
3、用鼠標框住誤操作帶來的意外發現
生：按住Ctrl健選定多個文件，不小心進行了“拖動”操作，復制了多個文件。
師總結：shift：按住shift鍵，把鼠標指針指向最后一個要選定的文件，然后單擊，就可以選定首尾兩個文件之間的所有文件。被選中的文件都是以藍底白字顯示。（廣播演示）ctrl：選定不連續的文件
學會這幾種選定文件的方法，有再多的文件要選定我們都不怕了。下面請同學們將下載的網頁文件夾里的圖片移動到你的文件夾里。
小結：我們可以用復制或移動的方法把文件放入其他的文件夾里，也可以同樣的操作把文件夾復制或移動到其他的文件夾里。
3、比較。
剛才我們用了兩種方法把文件放進自己的文件夾里，那到底復制文件和移動文件兩種操作有什么不同呢？（學生歸納總結）
四、總結。
通過今天的學習，你有了哪些收獲呢？希望同學們在以后的操作中，靈活運用我們今天學到的知識！
網頁的教案9
教學目標
知識目標
初步了解什么是頁。
能力目標
學會新建和保存頁；掌握在頁中輸入文字和設置文字顏色、大小、對齊方式的方法；學會設置頁標題和預覽頁。
情感目標
通過制作“赤條蜂”頁，培養對自然科學的研究興趣。
教學重點
教學難點
頁中輸入文字和設置文字的顏色、大小、對齊方式的方法；
教學準備
多媒體機房、頁等。
教學過程
情境創設
激發興趣
1、頁展示。
2、生說對頁的理解。
3、揭示課題。
自主探究
交流分享
一、新建頁：
1、學生探究操作。
2、學生匯報
二、認識Dreamweaver窗口組成：
1、學生自學教材。
2、學生匯報。
三、輸入文字和保存頁：
1、學生自學教材。
2、分組完成任務：
第一組：頁編輯區輸入課本中的文字。
第二組：把頁標題改為“什么是昆蟲”。
第三組：保存頁為kunchong.html。
3、小組匯報。
4、完成其余兩個任務。
四、設置文本格式：
1、把“什么是昆蟲？”這幾個字設置為“標題1”、藍色、字形加粗。
2、學生匯報。
合作學習
釋疑解難
1、學生提出問題。
2、其他學生提出解決。
3、共同解決問題。
4、師針對學生操作補充提出問題。
5、小組解決。
6、小組匯報。
實踐創作
展示
1、利用所學任務：制作“赤條蜂”的'頁。
2、展示優秀作品。
3、師生作品。
梳理
拓展延伸
1、知識。
2、出示圖文并茂頁，激發學生學習欲望。
網頁的教案10
教學目標
知識目標
初步了解頁中常用的幾種圖片格式。
能力目標
學會插入圖片；掌握設置圖片的大小和對齊方式的方法；學會設置頁面背景顏色和背景圖片。
情感目標
通過制作“蟬”頁，培養對大自然深入探究的。
教學重點
教學難點
設置圖片的大小和對齊方式；設置頁面背景顏色和背景圖片。
教學準備
頁素材“蟬”圖片多張。
教學過程
情境創設
激發興趣
1、學生欣賞“蟬”的圖片，并說出圖片相對于文字的優點。
2、如何讓自己的頁變的生動形象？
3、揭示課題—圖文并茂的`頁。
自主探究
交流分享
一、插入圖片
1、任務：新建頁“chan.html”，頁標題為“蟬”，插入桌面圖片“蟬.jpg”。
2、學生自學課本，探究完成任務。
3、找2名學生匯報演示操作。
二、設置圖片的大小和對齊方式
1、任務：適當的調整圖片的大小，然后輸入課本上的文章，并使圖片在最右邊。
2、學生探究操作。
3、學生演示匯報。
三、設置頁的頁面背景
1、任務：設置頁的頁邊背景為黃綠色，背景圖像為“bg01.gif”。
2、學生嘗試操作。
3、學生匯報演示。
合作學習
釋疑解難
1、學生提出問題。
2、教師補充問題：（1）、插入圖片時，選擇了圖片單擊插入以后出現的對話框是要進行什么操作的？（2）、圖片的對齊方式修改的時候要注意什么？（3）、設置頁背景要注意什么？
3、學生小組研究問題。
4、小組匯報解決問題。
實踐創作
展示
1、搜集螳螂素材，制作頁“tanglang.html”，讓頁變得更美觀。
2、小組評比推選優秀作品。
3、優秀作品全班展示。
4、作品。
梳理
拓展延伸
1、學生說本節課收獲。
2、同學們都做的很好，希望你們以后用這些知識把自己的頁變得更漂亮。
網頁的教案11
教材分析
本節的內容分為三部分：一是新建網頁；二是添加圖片；三是添加背景音樂。第一部分新建網頁是本章節的重點部分，使用導航欄建立網頁也是本章節中的難點；第二部分網頁建立好要添加文字和圖片信息將其做為一節課內容；第三部分背景音樂和下一節的網頁的背景合成一節課內容，這樣便于學生的理解和掌握。第一部分新建網頁，也是這一節課的內容，它是在創建站點和主頁之后的內容，教材中詳細地介紹了使用導航欄創建網頁的過程，先設計站點結構，然后再編輯網頁的內容。一筆帶過的是在網頁視圖下創建網頁的方法，是編輯一個個網頁，再將網頁組成站點。本章節的一個難點是使用導航欄建立網頁，學生接受起來不易，但使用這種方法組織的網站有頭緒，有點像網站的“結構地圖”，也易于后續鏈接知識的學習，同時也與前一節課中的網站準備工作中的網站組織結構圖是相呼應的，它是網站宏觀布局的具體實施的關鍵一步。使用網頁視圖方式建立網頁，在課本中一筆帶過，但是從知識的呈上啟下來看，學生更易接受這個方案，缺點是網站中建立許多個網頁時，若無網站的組織結構圖，建立工作將陷入迷茫中，同時也對后續的超鏈接的學習就造成一定的困難，因此課本中不采納這種方法建立網頁。本節課采用先簡單介紹網頁視圖方式添加網頁，后過渡到導航欄中新建網頁，這種方法：一是將知識合理順延和過渡，從學生已知入手過渡到學生的新知；二是可以將難點分散進行學習，便于學生的理解與吸收。在創建網頁時導航欄與網頁的重命名必須保持一致，這是本節課一個難點也是一個重點。
學情分析
學生在學習“創建站點”后，對軟件中的導航欄的作用沒有一個直觀的理解，但是對于創建站點已經有了一定的.了解，而創建網頁的命令與創建網站的命令是一組，可以借助學生從已有知識過渡到難理解的導航欄中，因此可以從網頁視圖下添加網頁的方法中過渡到導航欄中添加，這樣學生能很平順地接受在導航中添加網頁以及理解它的優勢。
教學目標
1、知識與技能：
（1）掌握打開站點的基本方法；
（2）掌握新建網頁的基本方法。
2、過程方法：通過學生探究學習過程中，掌握新建網頁的不同方法。
3、情感態度價值觀：
（1）通過新建網頁的學習，培養學生的對比學習能力；
（2）利用導航欄知識，培養學生的整體布局網站的綜合信息素養能力。
教學重點和難點
教學難點：在使用導航欄建立網頁時，導航欄中的命名與網頁的命名一致是難點；
教學重點：網頁名稱應與網頁中的信息一致是重點。
網頁的教案12
教學目標
知識與技能：了解收藏網頁的意義；
過程與方法：能夠運用收藏夾管理所捕獲的信息；
情感目標：能夠根據需求甄別、捕獲信息；
教學課時：
1課時
教學過程
一、導入
師：同學們平時在生活學習中，如果發現有價值的資料時，大家是怎么收藏的？
生：摘錄在本子上（剪下來，直接保存整本書……）
師；這些方法都不錯，說明我們的同學平時都有注意觀察和積累，從前面幾節課的學習中，我們發現在因特網上也有許多有價值的，值得收藏的網站和資料，這時候我們該怎么辦？今天我們一起來學習《保存網頁》。
二、講授新課
活動一：收藏網頁
師：我們先來學習“活動一”，首先請同學們認真閱讀“活動一”。
生：交流收獲
師：是的，可以采用IE的收藏功能來收藏網頁，請同學們想動手試一試！
生：實踐操作
活動二：整理收藏夾
師：因特網是一個知識的海洋，在這個海洋里遨游的時候，大家要學會判斷、甄別，要選擇對自己有價值的信息收藏，不能看到什么就收藏什么？否則，時間久了就會像老師這臺電腦的收藏夾一樣混亂。（展示教師機的收藏夾，該收藏夾里收藏了幾十個各種各樣的網站）
生：驚嘆……
師：是啊，這樣不僅很亂，瀏覽時也很麻煩，所以我們平時不僅要學會選擇有價值的網站，同時還要經常整理收藏夾，請同學們自學課本，學一學如何整理收藏夾？并動手做一做。
生：自學并動手
活動三：保存網頁
師：通過前面的學習，我們知道因特網上的.資料更新頻率非常高，為了能在日后更好地使用查找到的網頁信息，僅用收藏的方法顯然是不夠的，此時，我們可以將網頁保存下來，這種方法可以把組成網頁的文字、突破等都保存下來，這樣就不要擔心因網站更新而導致自己需要的信息丟失。那要如何保存網頁呢？我們一起來學習吧！首先請同學們自學課本活動三，并動手操作，會的同學幫一下不會的同學！
生：實踐操作
師：同學們的接受能力真好，這么快就掌握了，接下來請同學們完成“試一試”
生：實踐操作
三、總結
這節課大家有什么收獲？
四、作業
回家把我們今天學習的內容告訴你們的爸爸、媽媽。
網頁的教案13
教學目標：讓學生掌握網頁超級鏈接的方法和網頁過渡效果的設置。
教學重點：首頁欄目和欄目所在網頁超級鏈接的方法。
教學難點：網頁返回按鈕的設置
教學準備：學生制作了“我的欄目首頁”、“我的老師”、“我的班級”三張網頁。
一、新課導入：1.同學門前幾課我們講了網頁的基本編輯。那么誰能介紹一下你做了幾張網頁，你都設置了什么欄目。
好！誰能來介紹一下自己的網頁。（學生首先介紹他做了幾張網頁和在首頁設置的欄目，然后一張一張的展示。）
2.大家看完他的演示之后發現了一個什么問題？
生：他的網頁只能一張一張的演示，網頁之間沒有鏈接。
3.這節課我們就來學習一下網頁的鏈接。（彩色貼字板書：網頁的鏈接）
二、新課教學：1.大家看屏幕，我們先把保存過的`網頁在編輯狀態下打開，然后選中老師要求大家設置的欄目我的班級，在選中的區域內點擊右鍵超鏈接，再選擇第二個按鈕瀏覽找到內容為我的班級的網頁，點擊選中，最活確定。然后再把選項卡從普通狀態，調整到預覽狀態。這時網頁之間就能夠進行鏈接了。
又多少同學做完了。誰來演示一下。
4.現在老師再想問你們一個問題如何從欄目內容返回到首頁呢？大家自己先想一想，想好的同學舉手，然后同桌之間先進行討論。
生：只要設定一個返回按鈕，使該網頁連接到首頁就可以了。好了，老師按照你們的方法操作一遍，大家看一看鏈接能不能成功。（具體操作）
5.好，按照大家的做法，我們成功了。
大家自己操作一下。（教師巡視）
6.網頁鏈接我們做好了，我們就可以在網頁之間來回的切換了。在網頁進行切換的時候，我們還可以設置一下網頁進入或者離開時的過渡效果。單擊格式菜單下的“網頁過渡”在事件選擇上選擇離開網頁，然后再選擇一下效果。比如：圓形放射。這時我們再到預覽狀態下，就可以看到網頁在離開時的過渡效果了。
下面大家自己試一試，記住你采用了哪種過渡效果，一會我找同學來來演示。（學生演示給予鼓勵性評價）
7.下面同學們就可以給自己的主頁設置一些你喜歡的欄目了，并把他們鏈接到相應得網頁內容。自己動手吧！有疑問問老師。
8.同學們，這節課你們學習到了什么？（網頁鏈接的方法和網頁過渡效果的設置）
9.你們掌握這兩種方法了嘛？
希望同學門制作出更多精致美觀得的網頁。這節課我們就上到這。
網頁的教案14
教學目標
知識與技能：掌握下載網頁、圖片、文字的方法，提高學生在網上搜索信息、保存信息、整理信息的能力；
情感目標：養成協作學習、與人合作的意識；
教學課時：1課時
教學過程
一、復習導入
師：上節課我們學習保存網頁信息的`方法，有幾種方法，我們一起來回憶一下》
生：收藏網頁、保存網頁。
師：真棒，用這兩種方法可以十分方便地把有價值的網站、網頁保存下來，但老師昨天又遇到了一個新問題：昨天我在“中國科普網”上找到一段有關“華陽龍”的資料，我覺得其中有一段特別有價值，我想把它保存下來，該怎么辦？今天我們就一起來學習保存網頁中的信息的方法。
二、講授新課
活動一：保存網頁中的文字信息
師：首先，我們一起看活動一，活動一中完整地給出了“保存網頁中文字信息”的方法，請同學們先自學這一部分知識并動手試一試。
生：實踐操作
師：哪位同學愿意上來試一試？
生：操作
師：這位同學操作得很熟練，其他同學呢？你們掌握了嗎？
（板書：選中要保存的文字——復制——粘貼在Word或記事本上）
活動二：保存網頁中的圖片
師：剛才大家練習了保存網頁中的文字，大家的表現都很棒，平時我們也會遇到許多精美的圖片，如果我們要保存這些圖片應該怎么做呢？能不能像保存文字那樣？
生：能。（不能）
師：請同學們自己動手驗證。
生：實踐操作。
師：很多同學都已經完成，用這種方法同樣可以把網頁中的圖片保存下來，那還有沒有其他方法呢？請同學們自學課本66、67頁內容，并動手操作一下。
生：實踐操作。
師：這兩種方法都可以保存網頁中的圖片，以后我們因特網發現精美圖片，就可以把它們保存下來，記得把它們整理歸類。這樣以后要用時就比較方便了！
三、總結
通過今天的學習，大家有什么收獲？
網頁的教案15
1．師：同學們好！
生：趙老師好！
2．師；今天的音樂課，趙老師要帶同學們共同走進“音樂網站”。在這里，我們一起回憶本學期學過的歌曲和聽過的樂曲，最后我們還要共同用聲音創編一個故事，同學們喜歡嗎？（生：喜歡！）請看大屏幕。（電腦展示“我的音樂網頁”）這就是我們的“音樂網頁”，在音樂書的最后一頁有小朋友自己的音樂網頁，這里有我學過的歌曲、我聽過的樂曲、音樂家庭等，課前老師讓大家回去完成音樂家庭和小歌星兩項內容，同學們做了嗎？（生：做了！）。
3．師：老師請一位同學來說說“音樂家庭”是怎樣做的。
4．生；我來說說“音樂家庭”，我給爸爸、媽媽唱了一首《大雨和小雨》，爸爸唱了一首《我愛北京天安門》，媽媽唱了一首《丟手絹》，我和爸爸、媽媽一起唱了《我愛北京天安門》。
5．師：啊，你的家庭真是一個快樂的音樂家庭。
6. 師：誰來說說“小歌星”？
7．生：我最喜歡唱《大鼓和小鼓》，最喜歡演“白雪公主”，能背唱《大雨和小雨》《找春天》還有《過新年》等歌曲。
8. 師：你真棒！會唱這么多歌曲，我相信在座的同學們經過學習都會成為優秀的小歌手。你們有信心嗎？（生：有！）很好我們來為自己打打分吧，（電腦打分：一顆星……五顆星）這學期我們學了很多歌曲，由于時間的關系，老師不能讓每一位小朋友都到前面表演，那么我們就一起來演唱兩首歌曲《大雨和小雨》《大鼓和小鼓》。
9．教師彈琴學生演唱歌曲《大雨和小雨》，用打擊樂器為第二首歌曲伴奏并演唱。
10．師：同學們唱得真好，這學期我們還欣賞了不少的樂曲，你們還記得嗎？（生：記得！）那么老師就來考考你們（電腦播放兩段樂曲：《鴨子拌嘴》《一個師傅仨徒弟》，學生聽后說出樂曲的名字并隨樂曲表演）。
11．師：在第一單元里，老師和同學們共同走進《有趣的'聲音世界》，我們聆聽了風聲、雨聲、海浪聲等自然界發出的各種聲音，我們還用聲音創編了一個故事，是什么？（生：“小白兔蓋新房”）對了，書中的“音樂網頁”又給我們出了一個題目：“我家廚房”。課前老師布置同學們回家觀察從廚房里會發出哪些聲音呢？
12. 生；有切菜聲、洗碗聲、爆鍋聲、打雞蛋聲、燃氣灶打火聲、排油煙機聲、炒菜聲……
13．師：同學們觀察的真仔細，老師錄制了一組聲音，請同學們聽一聽是什么聲音？
14生；有炒菜聲、爆鍋聲、洗碗、刷筷子聲、剁菜聲。
15．師：你能用嘴或者你身邊的物體來模仿這些聲音嗎？試一試。
16. 學生自由模仿、匯報。
17．師：大家做的很好，但是老師還是覺得不好聽，是噪音，為什么呢？下面請小朋友欣賞去看春節晚會上表演的一段發生在廚房里的故事，同樣是表現廚房的聲音，和我們敲擊的有什么不同呢？（電腦播放）
18．師：好聽嗎？（生：好聽。）為什么呢？
19．生：因為他們敲擊的不一樣。（學生回答不上來）
20．師：同學們說不上來，老師告訴你們，因為他們是把長短不同、高低不同、強弱不同的育組合在一起，就變成了一條條快樂的節奏，所以我們聽起來就覺得好聽。比如鋼盆碰在一起發出這樣的聲音（教師示范，學生模仿）。
21．師；下面我們一起跟隨這些小朋友來表現我家廚房。
22. 學生跟隨畫面模仿（教師旁白，瞧瞧阿姨切白菜的聲音都是這樣好聽，誰來模仿一下。）
【網頁的教案】相關文章：
網頁布局教案12-17
用Word制作網頁 教案12-17
《信息技術》教案 在網頁中使用表格12-17
網頁設計報告04-25
網頁設計總結11-09
網頁設計心得12-21
網頁制作的心得12-15