網頁的制作（通用2篇）
網頁的制作 篇1
一、教學目標
1、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點；
2、認識FRONTPAGE的界面；
3、掌握在主頁中插入文字、圖片、水平線；
4、掌握頁面文件與圖片的保存。
二、教學重點
1、能在指定位置建立只有一個網頁的站點（難點）
2、能在頁面中插入文字、圖片、水平線
3、掌握頁面文件與圖片的保存（難點）
三、學情分析
學生已經學習了WORD、POWERPOINT與上網瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務，有能力的學生還可以完成提高篇的學習，以充分發揮學生的積極性與自主性。
四、教學方法
在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學課件，讓學生根據這個網絡環境下的課件自己探索學習，以滿足不同層次學生的需求。
五、教學過程 設計
教師活動：1、引入課題：（激發興趣，活躍氣氛）
同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）
瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）
我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。
問題1：網站是不是就是網頁？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）
問題2：網頁是不是就是主頁？(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為：index.htm,主頁也是網頁)
設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。
今天我們學習用Frontpage建立站點，制作一個主頁。
先來研究一下沒有發布的網站,打開教師做的網站
問：同學們看到了什么？（文件夾）
總結：
可以這樣理解網站：在資源管理器里，網站表現為一個文件夾，里面存放的是所有與網站相關的文件。
打開主頁，瀏覽頁面，這是老師做的一個導學課件，將幫助大家完成學習任務。
請學生瀏覽教師課件，了解學習任務
2、新建站點
FP的啟動
問：與word比較，有什么不同？
（增加了視圖區，編輯區有三個窗口）
總結：
視圖區：多種視圖模式是為了方便網站的管理。制作網頁時，必須在網頁視圖中編輯頁面
普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式
預覽窗口：瀏覽器中出現的效果，與PowerPoint中的“放映幻燈片”類似。
Html窗口：編寫HTML（超文本標記語言，它是描述網頁內容和外觀的標準。）
打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。
（教會學生利用導學課件，根據導學軟件完成任務）
任務1：學生根據導學課件，在d:\建立自己站點
教師巡視指導
請一位學生示范如何建立站點,教師總結
問：在文件夾列表中看到了什么？
分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在images文件夾中）
3、編輯主頁與保存主頁
看效果圖，請學生分析主頁中的元素
總結：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關的圖片，對網站的簡單介紹
根據導學軟件，學生完成任務2：設計主頁、保存主頁與圖片
教師巡視指導
4、總結反饋
請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存
總結：必須切換到“普通”窗口下編輯
主頁的保存中存在問題：
單擊“文件”----“保存”或工具欄的“保存”按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點images文件夾中,便于站點的管理。
5、請學生繼續完成自己的主頁，有能力的同學完成提高篇
教師巡視指導
6、教師與學生共同評價總結
展示學生作品，教師與學生共同評價
請學生總結今天的學習內容：建立包含一個頁面的站點，主頁的設計與保存。
學生活動：學生回答問題、學觀察鼠標指針、學生回答問題、學生觀察網站的表現形式、齊聲回答、學生瀏覽課件，并了解本節課的學習任務、學生觀察FP界面與word的不同、學生回答、學生觀察教師演示不同編輯窗口的區別。學生上機操作，在指定位置建立自己站點、請先做好的學生當小老師，輔導其它學生。學生回答、學生操作，同桌互相幫助，并參考教師做的課件，利用網絡環境下的課件自己探索學習，滿足不同層次學生的需求、學生總結
注：課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖。
點評：
教學課題“網頁制作”作為初中階段的最后一部分內容，難度較大，教學的深度較難掌握。這就要教師在備教材的基礎上，同時還要備學生，做到對學生的情況有較為深刻地了解，以便很好地完成教學任務，達到預期的教學效果。根據教材和《中小學信息技術課程指導綱要（試行）》中的精神，本課應以“任務驅動”的方式完成，一方面教會學生了解和熟悉具體軟件的基本功能，另一方面又能主動地掌握并深入學習思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件“網頁制作”。
一、調動學生的學習熱情，變被動學習為主動學習
整個教學過程 張云老師采取了“引導加任務驅動”的模式進行。首先教師進行導入 ，導入 概念，強調概念；再引導學生學習課件的使用，引導他們讀懂課件中的第一個任務：建立一個只有一頁的網站，（此處若能引導學生，由學生來完成，減少老師的操作，效果會更好），然后讓學生模仿第一步的操作進行下面內容的學習，完成導學材料中給出的一個個任務。
二、突出重點，及時點評
張云老師在引導學生進行學習、操作后，就主動地去觀察和發現學生中出現的問題，甚至于課前對可能出現的問題，也進行有預見性地準備；發現問題及時點評。（點評分為個別點評和全班點評，點評不等于教師將操作過程演示一遍。張云老師在點評建成的網站時，重點若再突出些，介紹再清楚些，效果會更好。比如：站點中內容說明不夠清楚等。）
三、發揮學生的協作學習精神
張云老師在教學過程 中，對有困難的學生進行個別輔導，同時還需發揮學生的協作學習的精神，充分調動學生學習的積極性，讓學有余力的學生充當“小老師”，從而體會到學習的樂趣。（整個教學過程 中，這點做地不夠，沒有充分地讓師生互動起來）
四、重點突出、目標明確
最后，張老師在整個教學過程 中，應再突出教學重點，明確本節課的任務。（課前的導入 ，最好給出教學目標 ，課后的小結應讓學生總結他本堂課學習到哪些知識，所以感覺這節課重點不突出，內容分散。）
五、教學效果較好
由于張云老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學生完成情況很好，教學任務完成情況較好。
網頁的制作 篇2
一、教學目標
1、知道站點、主頁的概念，能在指定位置建立只有一個網頁的站點；
2、認識FRONTPAGE的界面；
3、掌握在主頁中插入文字、圖片、水平線；
4、掌握頁面文件與圖片的保存。
二、教學重點
1、能在指定位置建立只有一個網頁的站點（難點）
2、能在頁面中插入文字、圖片、水平線
3、掌握頁面文件與圖片的保存（難點）
三、學情分析
學生已經學習了WORD、POWERPOINT與上網瀏覽信息，對計算機的基本操作（WORD中文檔的編輯，網頁的瀏覽等）比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務，有能力的學生還可以完成提高篇的學習，以充分發揮學生的積極性與自主性。
四、教學方法
在教學中，一方面采用比較教學的方法，促進學生知識的遷移；另一方面，提供學生一個導學課件，讓學生根據這個網絡環境下的課件自己探索學習，以滿足不同層次學生的需求。
五、教學過程 設計
教師活動：1、引入課題：（激發興趣，活躍氣氛）
同學們喜不喜歡上網？經常上新浪、西祠胡同等，有沒有同學知道新浪、西祠胡同稱做什么？（網站）
瀏覽新浪網站，瀏覽的第一個頁面稱為什么？（主頁）
我們還可以瀏覽其它的頁面，點擊超鏈接瀏覽，當鼠標變成手指的形狀時有超鏈接。
問題1：網站是不是就是網頁？用自己的語言描述一下網站的概念（網站包含多個網頁，通過超鏈接把不同的頁面鏈接起來）
問題2：網頁是不是就是主頁？(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為：index.htm,主頁也是網頁)
設計網站一般必須經過兩個步驟，首先是在計算機里做好，然后發布在internet上，讓所有的人訪問瀏覽。
今天我們學習用Frontpage建立站點，制作一個主頁。
先來研究一下沒有發布的網站,打開教師做的網站
問：同學們看到了什么？（文件夾）
總結：
可以這樣理解網站：在資源管理器里，網站表現為一個文件夾，里面存放的是所有與網站相關的文件。
打開主頁，瀏覽頁面，這是老師做的一個導學課件，將幫助大家完成學習任務。
請學生瀏覽教師課件，了解學習任務
2、新建站點
FP的啟動
問：與word比較，有什么不同？
（增加了視圖區，編輯區有三個窗口）
總結：
視圖區：多種視圖模式是為了方便網站的管理。制作網頁時，必須在網頁視圖中編輯頁面
普通窗口：鼠標在閃動，可編輯、修改頁面，所見即所得的方式
預覽窗口：瀏覽器中出現的效果，與PowerPoint中的“放映幻燈片”類似。
Html窗口：編寫HTML（超文本標記語言，它是描述網頁內容和外觀的標準。）
打開導學軟件，根據步驟，示范建立只有一個網頁的站點，強調新站點的位置、路徑的正確輸入，站點的名稱。
（教會學生利用導學課件，根據導學軟件完成任務）
任務1：學生根據導學課件，在d:\建立自己站點
教師巡視指導
請一位學生示范如何建立站點,教師總結
問：在文件夾列表中看到了什么？
分析多出的文件夾列表欄，多了一個文件夾，里面有兩個子文件夾和主頁，圖片存放在images文件夾中）
3、編輯主頁與保存主頁
看效果圖，請學生分析主頁中的元素
總結：鮮明的主題，如：我的世界、我的寵物等，有分割頁面的水平線，與主題相關的圖片，對網站的簡單介紹
根據導學軟件，學生完成任務2：設計主頁、保存主頁與圖片
教師巡視指導
4、總結反饋
請學生示范，講解如何插入圖片（來自剪貼畫與來自文件）、插入水平線，如何保存
總結：必須切換到“普通”窗口下編輯
主頁的保存中存在問題：
單擊“文件”----“保存”或工具欄的“保存”按扭，彈出一個對話框，保存嵌入式文件，改變文件夾，圖片必須保存在本站點images文件夾中,便于站點的管理。
5、請學生繼續完成自己的主頁，有能力的同學完成提高篇
教師巡視指導
6、教師與學生共同評價總結
展示學生作品，教師與學生共同評價
請學生總結今天的學習內容：建立包含一個頁面的站點，主頁的設計與保存。
學生活動：學生回答問題、學觀察鼠標指針、學生回答問題、學生觀察網站的表現形式、齊聲回答、學生瀏覽課件，并了解本節課的學習任務、學生觀察FP界面與word的不同、學生回答、學生觀察教師演示不同編輯窗口的區別。學生上機操作，在指定位置建立自己站點、請先做好的學生當小老師，輔導其它學生。學生回答、學生操作，同桌互相幫助，并參考教師做的課件，利用網絡環境下的課件自己探索學習，滿足不同層次學生的需求、學生總結
注：課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖。
點評：
教學課題“網頁制作”作為初中階段的最后一部分內容，難度較大，教學的深度較難掌握。這就要教師在備教材的基礎上，同時還要備學生，做到對學生的情況有較為深刻地了解，以便很好地完成教學任務，達到預期的教學效果。根據教材和《中小學信息技術課程指導綱要（試行）》中的精神，本課應以“任務驅動”的方式完成，一方面教會學生了解和熟悉具體軟件的基本功能，另一方面又能主動地掌握并深入學習思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件“網頁制作”。
一、調動學生的學習熱情，變被動學習為主動學習
整個教學過程 張云老師采取了“引導加任務驅動”的模式進行。首先教師進行導入 ，導入 概念，強調概念；再引導學生學習課件的使用，引導他們讀懂課件中的第一個任務：建立一個只有一頁的網站，（此處若能引導學生，由學生來完成，減少老師的操作，效果會更好），然后讓學生模仿第一步的操作進行下面內容的學習，完成導學材料中給出的一個個任務。
二、突出重點，及時點評
張云老師在引導學生進行學習、操作后，就主動地去觀察和發現學生中出現的問題，甚至于課前對可能出現的問題，也進行有預見性地準備；發現問題及時點評。（點評分為個別點評和全班點評，點評不等于教師將操作過程演示一遍。張云老師在點評建成的網站時，重點若再突出些，介紹再清楚些，效果會更好。比如：站點中內容說明不夠清楚等。）
三、發揮學生的協作學習精神
張云老師在教學過程 中，對有困難的學生進行個別輔導，同時還需發揮學生的協作學習的精神，充分調動學生學習的積極性，讓學有余力的學生充當“小老師”，從而體會到學習的樂趣。（整個教學過程 中，這點做地不夠，沒有充分地讓師生互動起來）
四、重點突出、目標明確
最后，張老師在整個教學過程 中，應再突出教學重點，明確本節課的任務。（課前的導入 ，最好給出教學目標 ，課后的小結應讓學生總結他本堂課學習到哪些知識，所以感覺這節課重點不突出，內容分散。）
五、教學效果較好
由于張云老師在課前對本課作了大量的準備工作，課件制作效果較好，所以學生完成情況很好，教學任務完成情況較好。