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