八年級信息技術課《設計網站首頁》教案

課題

設計網站首頁

主備人

李錄選

教學

目標

知識目標：認識網頁的工作原理；瞭解網頁編輯的一般過程

能力目標：學會在網頁中輸入文字、插入圖片和水平線；學會新建、預覽和保存網頁。

情感目標：善於從身邊的廣告、書刊中學習版面設計知識，並學以致用。

重點

難點

編輯網頁的幾種方法

掌握知識並學以致用

教學

材料

課件

教師活動

學生活動

設計意圖

情境

創設，激發

興趣

播放《說唱臉譜》音樂。

師：臉譜能準確反映出人物的性格，一個網站的“臉”是什麼？

師：我們如何給我們的網站設計臉譜呢？這就是本節課我們要學習的內容──設計網站首頁（出示課件）。

學生討論答案──網站首頁。

結合第一節課的規劃，討論如何設計首頁。

通過臉譜聯想到首頁，激發學生頁設計的熱情。

啓發探究，技巧點撥

任務一：輸入文字

出示網頁輸入文字後的效果。

任務二：插入圖片

出示插入圖片後的效果，並提示圖片存放位置。

要求學生分別使用控制柄和設置圖片屬性的方法調整圖片大小。

任務三：插入水平線

根據教材提示，使用默認值插入水平線，然後分組修改“水平線屬性”對話框各參數。

將前面輸入的“=”組成的線替換爲水平線。

任務四：保存網頁

出示任務，由學生探索嵌入式文件保存的技巧。

任務五：預覽網頁

分組嘗試兩種預覽網頁的方法，並作比較。

任務六：添加新網頁

根據教材提示爲網站添加新網頁。

對比老師出示網頁效果進行文字的輸入和編輯，比較與Word中操作的異同。

根據樣例插入相應圖片。

嘗試操作並比較說明二者的區別。

分組完成

操作並體驗二者在表現效果上的差異。

預覽網頁。

完成操作，並探索新建網頁的.其它方法。比較它們的優缺點。

前兩個任務與Word操作大同小異，讓學生通過對比強化記憶。

通過學生自己實踐理解水平線對話框的設爲方法。

網頁製作中的學用操作，應熟練掌握。

自主探究，分享交流

師：請大家回想一下，你從小到現在，你的媽媽給你洗了多少次腳？你爲她洗過多少次呢？

師：如果還沒有做，就從今天開始吧！

請同學們課下完成體驗任務，根據自己的感受設計網頁Feeling1．htm。

生：記不清。

生：還沒有。

放學後完成這一體驗活動，並將感受以網頁的形式表達出來。

讓學生通過這一活動體驗感受父母對自己的愛。能夠以網頁的形式表達自己的感受。

合作學習，釋疑解難

師：本節課的學習內容基本結束，但我們探索的路還有很長，請大家完成二級網頁Parents．htm的設計。

教師巡視學生製作的情況，並進行指導。

師：預覽網頁，調整瀏覽器窗口，你能發現網頁的變化嗎？怎樣才解決這個問題呢？

根據圖1-1-6（b）設計網頁。

操作並觀察片面的變化。

在學習與探究基礎上進行自主的網頁創作。

設疑，爲下一節課“網頁中表格”作知識鋪墊。

同時，製作的二級網頁也是爲第五課準備超鏈接的網頁素材。

梳理總結，拓展延伸

課堂小結本節課的學習內容。

師：請同學們通過瀏覽器預覽自己剛剛製作的網頁，然後任意改變瀏覽器窗口的大小，看看網頁中已經排好的版面是不是發生了變化？有防止這種現象的發生的辦法嗎？

預覽網頁，觀察版面的變化，思考解決的方法。

承上啓下，激發學生進一步頁製作的興趣。

板書設計

設計網站首頁

一、在網頁中輸入文字 四、保存網頁

二、 在網頁中插入圖片 五、預覽網頁

三、在網頁中插入水平線 六、添加新網頁

教學反思

本節課的內容比較簡單，但它是設計網頁的基礎，本節課將爲後面的學習打下良好的基礎。