網頁製作的教學方案

　　網頁製作的教學方案

教材分析

教學內容：高中信息技術第五章第二節《網頁的製作》。

教學重點：網頁文字處理、插入圖片、動畫、水平線以及設置背景的方法。

教學難點：通過網站自主學習，讓學生自己建立網頁。

學生分析

本課對象是高一學生，學生通過前面word和internet的學習，對網頁內容編輯、結構和效果等設計有了一定的感性認識。

教學目標

熟悉網頁中的各種元素及其製作方法，初步瞭解網頁製作過程，培養學生的自學能力和創新探索精神。

教學環境

設計“網頁製作”網站，是學生通過網站在教師的引導下，實現自主學習，完成網站中每一知識點的學習，教師藉助投影儀及時反饋學生在完成目標時出現的問題。

教學方法

通過網站引導學生自主學習，解決教師提出的實際問題。

教學過程

（引入）邊講邊演示

展示一個簡單的`網頁

你現在正在上網，一定去了不少站點吧！這些站點的頁面都設計得非常精美，讓你在瀏覽信息的同時，還可以得到美的享受。這麼吸引人的頁面，是怎麼製作出來的呢？你想不想也做一個精美的個人主頁呢？如果你的回答是肯定的，那我們就一起學一下frontpage的使用。frontpage是優秀的專業化網頁設計軟件之一，使用frontpage你只要幾分鐘就可以建立一個自己的網頁，這可是一件令人激動的事喲！

（新課）教師引導學生根據網站自學，完成教師提出具體操作要求

模塊一、教師引導學生自學“網頁製作知識準備”，提出問題：

1、啟動frontpage？

2、frontpage的三種顯示模式？

3、在e:下新建空站點，取名為abc站點文件夾。

模塊二、教師引導學生自學“新建網頁”，提出要求：

1、新建普通網頁。

4、打開e:網站製作素材可愛的家鄉高郵.htm網頁。

模塊三、教師引導學生自學“文字編輯”，提出要求：

1、把高郵.htm網頁中的標題設置為“5號”、綠色，“加粗”字體，“居中”對齊。

2、把高郵.htm網頁中的正文字體設置為“3號”，綠色。

模塊四、教師引導學生自學“圖片動畫”，提出要求：

1、在網頁中插入e:網站製作素材高郵風景高郵湖.jpg

2、在網頁中插入e:網站製作素材高郵風景welcome.gif

模塊五、教師引導學生自學“水平線”，提出要求：

1、在網頁中標題與正文之間插入水平線。

2、水平線寬度設置為100%，高度為3像素，水平居中，顏色改為綠色。

模塊六、教師引導學生自學“設置背景”，提出要求：

設置網頁背景為e:網頁製作網站製作素材高郵風景背景2文件

模塊七、教師引導學生自學“保存”，提出要求：

將當前網頁另存到e:abc高郵,,並將圖片保存到images文件夾中。

模塊七、教師引導學生自學“小結”，提出要求把學生分為兩組，一組練習製作個人網頁，一組練習製作班級網頁。製作素材在e:網站製作素材練習素材中。對學生作品點評，小結。