飾網頁中的文字和背景

　　【教材使用】寧教廳審定山東教育出版社出版軟件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．使用了主題后，再使用背景是不能的，必須先刪除所用的主題，方法是：“主題”對話框中使用“無主題”即可；

　　2．想應用所有的網頁時選擇“所有網頁”這一項。

　　三、教師總結

　　1．【舉一反三】從“文字”顏色──“網頁”背景（單色）──“網頁”背景（圖片）──“多個網頁”背景一致（主題），由淺入深，形成線與珠的關系。

　　2．使用右鍵的“快捷菜單”便利。

　　四、作業

　　打開你的素材庫完成《多彩民族》的網頁制作并做修飾（教師展示一張）

　　展示學生作業并點評……

　　教后記：

　　1．本節課在文字修飾塊內容教師可以略說，學生自己動手實踐，但其中就存在一個問題，若文字處理軟件沒有學習，此內容就會影響本節課的完成效果。

　　2．任務延伸這塊內容可根據整體學生掌握情況加以取舍，也可對個別學習較快的做為知識的延伸內容。

　　3．內容銜接比較緊湊。