網頁製作的教學方案
網頁製作的教學方案
教材分析
教學內容:高中資訊科技第五章第二節《網頁的製作》。
教學重點:網頁文字處理、插入圖片、動畫、水平線以及設定背景的方法。
教學難點:透過網站自主學習,讓學生自己建立網頁。
學生分析
本課物件是高一學生,學生透過前面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高郵.htm,,並將圖片儲存到images資料夾中。
模組七、教師引導學生自學“小結”,提出要求把學生分為兩組,一組練習製作個人網頁,一組練習製作班級網頁。製作素材在e:網站製作素材練習素材中。對學生作品點評,小結。