飾網頁中的文字和背景
【教材使用】寧教廳審定山東教育出版社出版軟件frontpage
【適用年級】初二年級
【適用單元】網頁制作第2節
【教學目的】
1.知識目標
（1）掌握用網頁編輯軟件打開網站和修改網頁的基本方法。
（2）學會對網頁中的文字進行各種修飾。
（3）學會為網頁設置背景圖片。
（4）學會使用水平線美化網頁。
2.技能目標
通過學生探究學習過程中，掌握美化網頁的基本操作。
3.情感目標
（1）通過動手實踐，培養學生的審美情趣。
（2）培養學生在學習過程中自主探究、對比、舉一反三的學習能力。
（3）利用知識的遷移，培養學生的綜合信息素養能力。
【課時安排】1課時
【教學重點與難點】
（1）重點：引導學生正確打開站點。
（2）難點：為網頁設置背景圖片。
【教學方法】對比法、任務驅動法
【課前準備】網絡、對比網頁
【教學設計】
一、直接導入
上節課我們建立“錦繡中華”網站及它的主頁，大家能打開它嗎？
學生實踐……
二、新授
【站點的打開】
分別找學生介紹自己的不同的打開方法……
（會出現直接打開站點文件夾現象和啟動frontpage軟件后“文件”—“打開站點”兩種情況）初學者易出錯點
這兩種情況中哪一種能對網頁進行修改？試試看……
（通過出錯并修正錯誤來學習新知識）
一種是瀏覽方式，一種是編輯方式
【任務】大家已經知道哪一種打開站點的方法能對不滿意的網頁進行修改了，接下來我們要對網頁進行一些美化工作了。下面大家比較一下哪一張網頁比較吸引你？并說說原因？
廣播展示對比網頁……
學生通過觀察了解到：文字進行了字體變大著色、居中修飾、網頁的背景變顏色。
引導1：我們在學習文字處理軟件時也對文檔進行修飾，大家能不能也對我們的網頁中的文字進行修飾呢？能不能也給我們的網頁換個漂亮的背景呢？大家動手試試看……
學生進行實踐活動……
廣播展示學生網頁文字修飾……
（展示的過程中提示學生：1.盡量使用黑體、楷體、宋體、仿宋體、幼圓體這5種標準字體，以便網上其他計算機能順利顯示網頁是的文字；2.合理搭配網頁中的文字與背景的顏色，以達到賞心悅目的效果。）
引導2：在網頁中還有一個細節之處不知大家發現了沒有？（水平線）
學生回答：……
我們也試著給自己的網頁中添加水平線來美化我們的網頁。
學生動手實踐并互相交流……
問題：能否將水平線加粗變顏色呢？（右鍵的屬性）
學生動手發現……
【任務】：在網頁中一種顏色做背景好像有點兒枯燥，能不能換一個淡雅一點的圖片做背景呢？
提示：圖片做背景應該還在“背景”對話框中找。
學生動手實踐……
廣播展示學生的發現……
注意點：1.在網頁中插入的圖片或動畫、音樂、小電影都要及時保存，并保存在網站images文件夾中，以防止發布到網上出現鏈接錯誤；2.想看網頁存完后的結果可以使用“預覽”，所看即所得。
【任務延伸】：大家使用圖片修飾的是一張網頁背景，那么我做了多張網頁的背景也用這種方法就太累人了，能不能有一種“一勞永逸”的辦法讓所有的網頁與第一張相同呢？辦法是有的，“格式”菜單下的“主題”大家試試看……
注意點：
1.使用了主題后，再使用背景是不能的，必須先刪除所用的主題，方法是：“主題”對話框中使用“無主題”即可；