網頁製作的教學方案

教材分析

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

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

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

學生分析

本課對象是高一學生，學生透過前面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:網站製作素材練習素材中。對學生作品點評，小結。