八年級資訊科技課《設計網站首頁》教案
課題
設計網站首頁
主備人
李錄選
教學
目標
知識目標：認識網頁的工作原理；瞭解網頁編輯的一般過程
能力目標：學會在網頁中輸入文字、插入圖片和水平線；學會新建、預覽和儲存網頁。
情感目標：善於從身邊的廣告、書刊中學習版面設計知識，並學以致用。
重點
難點
編輯網頁的幾種方法
掌握知識並學以致用
教學
材料
課件
教師活動
學生活動
設計意圖
情境
創設，激發
興趣
播放《說唱臉譜》音樂。
師：臉譜能準確反映出人物的性格，一個網站的“臉”是什麼？
師：我們如何給我們的網站設計臉譜呢？這就是本節課我們要學習的內容──設計網站首頁（出示課件）。
學生討論答案──網站首頁。
結合第一節課的規劃，討論如何設計首頁。
透過臉譜聯想到首頁，激發學生頁設計的熱情。
啟發探究，技巧點撥
任務一：輸入文字
出示網頁輸入文字後的效果。
任務二：插入圖片
出示插入圖片後的效果，並提示圖片存放位置。
要求學生分別使用控制柄和設定圖片屬性的方法調整圖片大小。
任務三：插入水平線
根據教材提示，使用預設值插入水平線，然後分組修改“水平線屬性”對話方塊各引數。
將前面輸入的“=”組成的線替換為水平線。
任務四：儲存網頁
出示任務，由學生探索嵌入式檔案儲存的技巧。
任務五：預覽網頁
分組嘗試兩種預覽網頁的方法，並作比較。
任務六：新增新網頁
根據教材提示為網站新增新網頁。
對比老師出示網頁效果進行文字的輸入和編輯，比較與Word中操作的異同。
根據樣例插入相應圖片。
嘗試操作並比較說明二者的區別。
分組完成
操作並體驗二者在表現效果上的.差異。
預覽網頁。
完成操作，並探索新建網頁的其它方法。比較它們的優缺點。
前兩個任務與Word操作大同小異，讓學生透過對比強化記憶。
透過學生自己實踐理解水平線對話方塊的設為方法。
網頁製作中的學用操作，應熟練掌握。
自主探究，分享交流
師：請大家回想一下，你從小到現在，你的媽媽給你洗了多少次腳？你為她洗過多少次呢？
師：如果還沒有做，就從今天開始吧！
請同學們課下完成體驗任務，根據自己的感受設計網頁Feeling1．htm。
生：記不清。
生：還沒有。
放學後完成這一體驗活動，並將感受以網頁的形式表達出來。
讓學生透過這一活動體驗感受父母對自己的愛。能夠以網頁的形式表達自己的感受。
合作學習，釋疑解難
師：本節課的學習內容基本結束，但我們探索的路還有很長，請大家完成二級網頁Parents．htm的設計。
教師巡視學生製作的情況，並進行指導。
師：預覽網頁，調整瀏覽器視窗，你能發現網頁的變化嗎？怎樣才解決這個問題呢？
根據圖1-1-6（b）設計網頁。
操作並觀察片面的變化。
在學習與探究基礎上進行自主的網頁創作。
設疑，為下一節課“網頁中表格”作知識鋪墊。
同時，製作的二級網頁也是為第五課準備超連結的網頁素材。
梳理總結，拓展延伸
課堂小結本節課的學習內容。
師：請同學們透過瀏覽器預覽自己剛剛製作的網頁，然後任意改變瀏覽器視窗的大小，看看網頁中已經排好的版面是不是發生了變化？有防止這種現象的發生的辦法嗎？
預覽網頁，觀察版面的變化，思考解決的方法。
承上啟下，激發學生進一步頁製作的興趣。
板書設計
設計網站首頁
一、在網頁中輸入文字 四、儲存網頁
二、 在網頁中插入圖片 五、預覽網頁
三、在網頁中插入水平線 六、新增新網頁
教學反思
本節課的內容比較簡單，但它是設計網頁的基礎，本節課將為後面的學習打下良好的基礎。
【八年級資訊科技課《設計網站首頁》教案】相關文章：