課題：第1課《我的網(wǎng)頁我設(shè)計》

教學(xué)目標：1.認識frontpage窗口的組成及各部分的名稱

2學(xué)會創(chuàng)建一個站點。

3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.制作簡單的首頁文字內(nèi)容

2.創(chuàng)建一個新網(wǎng)頁。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

教學(xué)過程：二次備課內(nèi)容：

（一）導(dǎo)入

通過網(wǎng)絡(luò)我們可以瀏覽很多精彩的網(wǎng)頁，你知道嗎？這些

網(wǎng)頁都是用網(wǎng)頁制作軟件設(shè)計出來的。制作網(wǎng)頁的軟件很

多，如firework,dreamweaver,javascript等，微軟公司

也有一款制作網(wǎng)頁的軟件一一frontpageo這款軟件簡單

實用，掌握起來也比較容易。這節(jié)課我們就來學(xué)習(xí)如作利

用它制作網(wǎng)頁。

（板書課題：第1課我的網(wǎng)頁我設(shè)計）

（二）認識frontpage構(gòu)成。

1、如何打開frontpage?

（小組討論，回答）

（一）自主學(xué)習(xí)探究

分組解決任務(wù)，分為A、B、C、D四個大組，每個大組同

時又分為四個小組，各大組長選擇自己研究的任務(wù)。

任務(wù)一：創(chuàng)建一個新站點。名稱為“珍愛生命”放在D

盤根目錄下。制作網(wǎng)站的首頁內(nèi)容。課本第9頁內(nèi)容。并

以“index”為名保存起來。

請寫下你的操作步驟：

任務(wù)二：創(chuàng)建一個新網(wǎng)頁，標題為“交通安全”輸入課本

第十一頁內(nèi)容。設(shè)置好字體、字號和顏色。調(diào)整段落的行

距,并以“jiaotong.htm”為名保存在珍愛生命文件夾下。

（三）各組長匯報各自任務(wù)完成情況，并利用網(wǎng)絡(luò)教室向

全班同學(xué)展示操作方法。

（四）提出組內(nèi)解決不了的問題，共同討論解決。解決不

了的老師協(xié)助完成。

知識拓展：（教師適當補充）

1、在網(wǎng)頁中我們首頁都要用“index”因為在因特網(wǎng)的大

多數(shù)網(wǎng)站中都將它作為第一個網(wǎng)頁。

2、網(wǎng)站中的每一個頁面都有網(wǎng)頁標題，用來提示該頁面

的主要內(nèi)容。在瀏覽網(wǎng)頁的時候，網(wǎng)頁標題出現(xiàn)在瀏覽器

的標題欄中。

四、課堂檢測

1、創(chuàng)建第二個網(wǎng)頁“校園安全”并以xiaoyuan.htm為名

保存在珍愛生命目錄下。設(shè)置成自己喜歡的字體和顏色。

注：以各小組為單位，合作探究完成，每組選出優(yōu)秀作品，

進行展示交流。教師進行點評、總結(jié)。評選出“最佳合作

小組”“最佳創(chuàng)意作品”。

五、課后作業(yè)

課本15頁第1、2題。

板書設(shè)計：

第1課我的網(wǎng)頁我設(shè)計

（一）創(chuàng)建一個新站點

（二）制作簡單的首頁

（三）創(chuàng)建一個新網(wǎng)頁

教學(xué)反思：

課題：第2課《我的網(wǎng)頁我裝扮》

教學(xué)目標：1.在網(wǎng)頁中添加水平線。

2.為網(wǎng)頁添加背景顏色和圖片

3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.激發(fā)學(xué)生學(xué)習(xí)制作演示文稿的興趣與信心。

2.培養(yǎng)學(xué)生有意識進行觀察思考，合理進行知識遷移的習(xí)慣。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

教學(xué)過程：二次備課內(nèi)容：

（一）導(dǎo)入

通過前面的學(xué)習(xí)，我們已經(jīng)能夠創(chuàng)建自己的網(wǎng)頁，單調(diào)的

文字并不能吸引人，我們?nèi)绾巫屪约旱木W(wǎng)頁更漂亮些呢？

（板書課題：第2課我的網(wǎng)頁我裝扮）

（二）自主學(xué)習(xí)探究

分組解決任務(wù)，分為A、B、C、D四個大組，每個大組同

時又分為四個小組，各大組長選擇自己研究的任務(wù)。

任務(wù)一：為網(wǎng)頁添加水平線，放在標題的下方，顏色和高

度、寬度設(shè)置成自己喜歡的樣式。

請寫下你的操作步驟：

任務(wù)二：為首頁添加背景顏色，如何找到更多的顏色呢？

任務(wù)三：為網(wǎng)頁添加背景圖片。

（三）各組長匯報各自仟務(wù)完成情況，并利用網(wǎng)絡(luò)教室向

全班同學(xué)展示操作方法。

（四）師講解瀏覽網(wǎng)頁的方法。

（五）提出組內(nèi)解決不了的問題，共同討論解決。解決不

了的老師協(xié)助完成。

知識拓展：（教師適當補充）

1、在網(wǎng)頁中插入圖片時，會出現(xiàn)“保存嵌入式文件”對

話框，造大家一定將它保存出來ci文樣當我們要:特布站占

迷就4曝出麟毅課到簿物樹瞬趣速》

2、在對網(wǎng)貞修改時，一定要記得及時將修改后的保存起

來。

四、課堂檢測

1、給“交通安全”添加水平線，設(shè)置成自己喜歡的顏色。

2、給“校園安全”設(shè)置網(wǎng)頁的背景色。設(shè)置成自己喜歡

的顏色。

3、繼續(xù)充實自己的網(wǎng)頁，看誰把網(wǎng)頁做得更漂亮。

注：以各小組為單位，合作探究完成，每組選出優(yōu)秀作品，

進行展示交流。教師進行點評、總結(jié)。評選出“最佳合作

小組”“最佳創(chuàng)意作品工

五、課后作業(yè)：

課本25頁第1、2題。

板書設(shè)計：

第2課我的網(wǎng)頁我設(shè)計

（一）為網(wǎng)頁添加水平線

（二）為網(wǎng)頁設(shè)置背景

（三）為網(wǎng)頁設(shè)置背景圖片

教學(xué)反思：

教學(xué)目標：1.在網(wǎng)頁中添加滾動字幕。

2.在網(wǎng)頁中插入剪貼畫的方法，學(xué)會使用圖片工具欄。

3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.在網(wǎng)頁中插入圖片、gif動畫的方法。

2.在網(wǎng)頁中添加滾動字幕。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

教學(xué)過程：二次備課內(nèi)容：

（一）導(dǎo)入

通過前面的學(xué)習(xí)，我們已經(jīng)能夠讓自己的網(wǎng)頁變得越來越

漂亮，可以在網(wǎng)頁中插入水平線以及對網(wǎng)頁的背景進行修

飾，靜止的畫面并不能太吸引人，我們發(fā)現(xiàn)許多的網(wǎng)站，

有各種動畫效果，今天，我們就一起來研究一下，如何讓

自己的網(wǎng)頁動起來。（板書課題：第3課我的網(wǎng)頁動起來）

（二）自主學(xué)習(xí)探究

分組解決任務(wù)，分為A、B、C、D四個大組，每個大組同

時又分為四個小組，各大組長選擇自己研究的任務(wù)。

任務(wù)一：為“珍愛生命”站點的首頁添加流動字幕。字幕

的內(nèi)容為：我們從小愛科學(xué)！并把這幾個字設(shè)置為隸書、

顏色為藍色、字號為M磅。

請寫下你的操作步驟：

任務(wù)二：在“珍愛生命”站點的首頁插入剪貼畫，并調(diào)整

圖片的大小如28頁上圖所示，能不能利用圖片工具欄來

對插入的剪貼畫進行一些處理呢？如去掉圖片的背景色

等，如何改變圖片的位置呢？

任務(wù)三：在“珍愛生命”站點的首頁插入Gif動畫。并調(diào)

整動畫的大小及合適的位置，自己試著得用預(yù)覽標簽觀看

一下動畫的效果。

任務(wù)四：將“珍愛生命”網(wǎng)頁的背景換成動畫背景。

（三）各組長匯報各自任務(wù)完成情況，并利用網(wǎng)絡(luò)教室向

全班同學(xué)展示操作方法。

（四）提出組內(nèi)解決不了的問題，共同討論解決。解決不

了的老師協(xié)助完成。

知識拓展：（教師適當補充）

1、在網(wǎng)頁中插入的圖片不要過大，過多，這樣會影響瀏

覽速度和下載速度。

2、在設(shè)計網(wǎng)頁內(nèi)容時，不要太雜，要注意頁面的美觀與

整齊。選擇一些背景的圖片時盡可能是比較淡雅一點的。

四、課堂檢測

1、給“交通安全”添加滾動字幕，設(shè)置成自己喜歡的內(nèi)

容和顏色。

2、在“交通安全”中插入一張搜集的圖片、gif動畫等，

取消圖片的背景色。設(shè)置成合適的大小、位置。

3、繼續(xù)充實自己的網(wǎng)頁，看誰把網(wǎng)頁做得更漂亮。

注：以各小組為單位，合作探究完成，每組選出優(yōu)秀作品，

進行展示交流。教師進行點評、總結(jié)。評選出“最佳合作

小組”“最佳創(chuàng)意作品”。

五、課后作業(yè)

課本36頁第1、2、3題。

板書設(shè)計：

第3課我的網(wǎng)頁動起來

（一）在網(wǎng)頁中插入滾動字幕

（二）在網(wǎng)頁中插入剪貼畫

（三）在網(wǎng)頁中插入圖片、gif動畫

教學(xué)反甲._________________________________________

課題：第四課《我的網(wǎng)頁大變身》教學(xué)案

教學(xué)目標：1.了解為站點添加自動縮略圖的方法和為標題添加動態(tài)效果的方法。

-2.搜集有關(guān)安全的圖片資料.，建好相應(yīng)的文件夾，保存起來。"

3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.了解為站點添加自動縮略圖的方法和為標題添加動態(tài)效果的方法

2.培養(yǎng)學(xué)生有意識進行觀察思考，合理進行知識遷移的習(xí)慣。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

教學(xué)過程：二次備課內(nèi)容：

一、激趣導(dǎo)入，明確學(xué)習(xí)目標

前面我們對網(wǎng)頁進行了文字的修飾，添加了背景，滾動字

幕、圖片、gif動畫等，使我們的網(wǎng)頁變得豐富多彩起來。

FrontPage軟件還為我們提供了其它的網(wǎng)頁效果，可以讓

我們的網(wǎng)頁更加與眾不同。

師演示圖片縮略效果和動態(tài)標題效果。結(jié)合預(yù)習(xí)，你知道

這是什么效果嗎？如何實現(xiàn)的呢？

任務(wù)一：為“珍愛生命”站點添加自動縮略圖的步驟是怎

樣的？動手試一試。

任務(wù)二：如何為“珍愛生命”的站點首頁的標題添加動態(tài)

效果？動手試一試。

三、小組合作學(xué)習(xí)，深入探究：

1、小組內(nèi)演示交流為“珍愛生命”站點添加自動縮略圖

的步驟。

（組長要認真負責(zé)，記得要互相幫助，共同分享啊。）

2、小組內(nèi)演示交流為“珍愛生命”站點首頁添加動態(tài)效

果的方法。

3、組內(nèi)交流疑難問題。

4、小組推選代表在全班邊演示邊講解，集體評價。

四、精講點撥，升華認識：

1、為站點添加自動縮略圖要用到“工具"一一“網(wǎng)頁選

項…”命令一一在“自動縮略圖”進行相應(yīng)設(shè)置后確定。

2、添加動態(tài)效果，要從“格式”菜單中找。

五、質(zhì)疑

引導(dǎo)學(xué)生質(zhì)疑，交流解決疑難問題。

六、課堂檢測：

（一）我知道：

1、為站點添加自動縮略圖要用到（）菜單中的

“網(wǎng)頁選項…”命令一一在（）選項卡中進行相

應(yīng)設(shè)置后確定。

2、什么是自動縮略圖？

3、在FrontPage中，讓標題從頂部飛入，這種效果是使

用了FrontPage中的（）效果。

（二）動動手：

1、繼續(xù)在“安全圖片展”網(wǎng)頁中添加自動縮略圖，將網(wǎng)

頁充實完整并保存。

2、為“珍愛生命”站點首頁中的其它內(nèi)容添加不同的動

態(tài)HTML效果。

（三）組內(nèi)檢查評比，推選優(yōu)秀作品全班交流。

七、課外延伸：

1、為“我愛我家”站點新建一個“我家相冊”網(wǎng)頁，添

加自動縮略圖，并為各個網(wǎng)頁添加文字動態(tài)效果。記得保

存啊

2拓展

今天我們制作的動態(tài)效果，只是網(wǎng)頁制作中很小的一部

分，我們只有充分運用腦中、手中的資料，不斷學(xué)習(xí)新知

識,提出新問題才能成為“高手

板書設(shè)計,____________________________________

騁“嬴第期課罐驟整號齊》

教學(xué)目標：1.理解為什么要插入表格

2.學(xué)會為網(wǎng)頁插入表格并會設(shè)置表格。改變寬度合并單元格等

3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.學(xué)會為網(wǎng)頁插入表格并會設(shè)置表格。改變寬度合并單元格等。

2.培養(yǎng)學(xué)生有意識進行觀察思考，合理進彳卜知識遷移的習(xí)慣。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

_4^/、、/、L-fr-T-

教學(xué)過程：一次備課內(nèi)容：

課前先分下組，五列分別是“紅、橙、黃、綠、紫”隊，

選出小組長。

（一）創(chuàng)設(shè)情景，導(dǎo)入目標

展示珍愛生命的相關(guān)資料

提問：我們?nèi)绾巫尀g覽我們網(wǎng)頁的人快速的了解？

展示：兩個網(wǎng)頁（一個是文字的，一個是表格的）

大家一起來看下。

說說：你根據(jù)哪一個網(wǎng)頁能快速的了解珍愛生命的內(nèi)容？

為什么？

生答：第二個。因為第二個更直觀。

大家想不想知道如何在網(wǎng)頁中使用表格？

課件出示：

本課目標：

1、理解為什么要插入表格

2、學(xué)會為網(wǎng)頁插入表格并會設(shè)置表格。改變寬度合并單

元格等

3、能編輯和修飾網(wǎng)頁中的表格，設(shè)定表格中文字的字體、

字號、字型、顏色、木齊方式等。

現(xiàn)在很多同學(xué)都磨拳擦掌，嗯，老師相信，大家連闖

兒關(guān)后，一定能做出比老師改的更漂亮的網(wǎng)頁。那大家抓

緊行動吧，為小組的榮譽而戰(zhàn)。

（二）任務(wù)驅(qū)動，自主探究

大家在做闖關(guān)任務(wù)時，要開動腦筋、自主探究，當然遇到

不會的問題你可以請教：課本、身邊的同學(xué)和老師。

第1關(guān)：在網(wǎng)頁中插入表格

任務(wù)一：在網(wǎng)頁中插入表格

學(xué)生根據(jù)預(yù)習(xí)學(xué)案的第一部分看課本。

教師提問預(yù)習(xí)學(xué)案的內(nèi)容，小組搶答

教師糾正與補充

學(xué)生上機操作，教師巡視指導(dǎo)。

等全部完成后讓最先舉手的小組演示

教師總結(jié)

修飾表格更美觀

第二關(guān)：合并單元格

學(xué)生看課本自己學(xué)習(xí)預(yù)習(xí)學(xué)案第二部分任務(wù)

教師根據(jù)預(yù)習(xí)內(nèi)容提問并搶答

教師總結(jié)

學(xué)生上機操作，教師巡視指導(dǎo)。

小組搶答并示范：找一學(xué)生上機示范操作并解說。

教師加分獎勵。

學(xué)生自己適當修改。

第3關(guān)：修飾單元格中的文字

學(xué)生看課本自己學(xué)習(xí)預(yù)習(xí)學(xué)案第二部分任務(wù)

教師根據(jù)預(yù)習(xí)內(nèi)容提問并搶答

教師總結(jié)

學(xué)生上機操作，教師巡視指導(dǎo)。

小組搶答并示范：找一學(xué)生上機示范操作并解說。

教師加分獎勵。

學(xué)生自己適當修改。

第4關(guān)：改變單元格的大小

學(xué)生看課本自己學(xué)習(xí)預(yù)習(xí)學(xué)案第二部分任務(wù)

教師根據(jù)預(yù)習(xí)內(nèi)容提問并搶答

教師總結(jié)

學(xué)生上機操作，教師巡視指導(dǎo)。

小組搶答并示范：找一學(xué)生上機示范操作并解說。

教師加分獎勵。

學(xué)生自己適當修改。

第五關(guān)：讓表格更漂亮

學(xué)生看課本自己學(xué)習(xí)預(yù)習(xí)學(xué)案第二部分任務(wù)

教師根據(jù)預(yù)習(xí)內(nèi)容提問并搶答

教師總結(jié)

學(xué)生上機操作，教師巡視指導(dǎo)。

小組搶答并示范：找一學(xué)生上機示范操作并解說。

教師加分獎勵。

學(xué)生自己適當修改。

第六關(guān)：作品修改

對本課中所有的錯誤的操作進行修改。

小組選出中最好的作品進行展示

作品評價：

先請同學(xué)回答學(xué)生網(wǎng)頁的優(yōu)點，再找學(xué)生說下對這個網(wǎng)頁

作品有什么建議？最后請作者說下能不能接受同學(xué)的建

議。

展示2——3個學(xué)生作品。

當然，除了這幾個同學(xué)的外，老師看到還有很多同學(xué)都做

出了漂亮的網(wǎng)頁。由于時間限制，我們就不一一展示了。

連闖六關(guān)后，每個小組得到的五星數(shù)日不同，可以評選出

優(yōu)秀小組。學(xué)生鼓掌以示鼓勵。

（四）課堂小結(jié)，溫故知新

好，下面請大家組內(nèi)討論下，我們這節(jié)課學(xué)習(xí)了哪些內(nèi)容，

稍后請學(xué)生搶答：如何插入表格、編輯美化表格。

恢1J及ITi

課題：第6課《我的網(wǎng)頁超鏈接》

教學(xué)目標：1.了解超鏈接的含義及鏈接源和鏈接目標的，含義，掌握同一站點內(nèi)以及不

同站點間網(wǎng)頁超鏈接的創(chuàng)建方法。

2.通過創(chuàng)建網(wǎng)頁超鏈接的操作，使學(xué)生了解網(wǎng)頁中創(chuàng)建超鏈接的基本方法，消

除對網(wǎng)頁鏈接的神秘感。

.3.激發(fā)學(xué)生審美意識，提高學(xué)生的綜合素質(zhì)

重點難點：1.通過對不同對象設(shè)置超鏈接的操作，使學(xué);生總結(jié)出操作的規(guī)律，培養(yǎng)學(xué)

生自主學(xué)習(xí)與操作的能力。

2.培養(yǎng)學(xué)生有意識進行觀察思考，合理進彳;知識遷移的習(xí)慣。

教具學(xué)具：電子教室系統(tǒng)、frontpage軟件。

教學(xué)方法：討論法，講授法

教學(xué)過程：二次備課內(nèi)容：

1、回顧知識、導(dǎo)入新課

引導(dǎo)學(xué)生回顧