第1課網(wǎng)站與網(wǎng)頁

教學(xué)目標(biāo)

1、知道一個網(wǎng)站可看成相同位置下所有網(wǎng)頁的總和，知道網(wǎng)站主頁起到引導(dǎo)用

戶瀏覽網(wǎng)站其它部分的內(nèi)容的作用。

2、能通過網(wǎng)頁實例說出文字、圖片、聲音、動畫、視頻、表格、超鏈接等網(wǎng)頁

的組成元素。

教學(xué)重點和難點

1、教學(xué)重點。

網(wǎng)頁的組成元素。

2、教學(xué)難點。

網(wǎng)站是什么。

教學(xué)方法

1、情境教學(xué)法、操作演示法、觀察討論法：了解網(wǎng)站與網(wǎng)頁的區(qū)別與聯(lián)系。

2、任務(wù)驅(qū)動、討論總結(jié)法：了解網(wǎng)頁的組成元素。

3、練習(xí)法：全課小結(jié)。

教學(xué)準(zhǔn)備

1、教學(xué)環(huán)境。

多媒體網(wǎng)絡(luò)教室、互聯(lián)網(wǎng)環(huán)境。

2、教學(xué)資源。

事先下載的網(wǎng)頁、PPT課件、班級主頁等。

教學(xué)過程

教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖

1、引導(dǎo)學(xué)生談?wù)劤g覽過的網(wǎng)站以介紹常瀏覽通過談

及該網(wǎng)站為何吸引自己。過的網(wǎng)站及該網(wǎng)話，了解學(xué)生

一、導(dǎo)入2、提問：大家經(jīng)常上網(wǎng)，那么什么站吸引自己的原上網(wǎng)的傾向，

（3分鐘）是網(wǎng)站，什么是網(wǎng)頁呢？因。順勢導(dǎo)人課

3、揭題：網(wǎng)站與網(wǎng)頁。明確課題。題。

1、打開預(yù)先保存在教師電腦中的一回答問題。從學(xué)生已

二、認(rèn)識網(wǎng)個網(wǎng)頁文件夾，單擊網(wǎng)頁文件的圖標(biāo)，提掌握的知識人

頁問：手，明確網(wǎng)頁

與網(wǎng)站（1）這是什么類型的文件？雙擊該文概念，知道瀏

件會啟動什么軟件呢？覽網(wǎng)頁需要打

（17分鐘）（網(wǎng)頁文件、網(wǎng)頁瀏覽器如IE、傲游、開瀏覽器軟

世界之窗、360瀏覽器等）件。

(2)傾聽學(xué)生發(fā)言，總結(jié)：打開電腦

中安裝的瀏覽器。

2、雙擊網(wǎng)頁文件，打開該網(wǎng)頁，與抄賞網(wǎng)頁中通過瀏覽

學(xué)生一起欣賞網(wǎng)頁中的動畫。引導(dǎo)學(xué)生思的動畫。同一個網(wǎng)站多

考如何通過該網(wǎng)頁瀏覽其它動畫。個網(wǎng)頁觀看多

(1)請一位學(xué)生上臺演示并講解操作演示單擊超個動i畫的活

要領(lǐng)。鏈接打開其它網(wǎng)動，逐步理解

(2)老師給予點評與補充，強調(diào)超鏈頁，其他同學(xué)觀網(wǎng)站與網(wǎng)頁的

接的使用法。察。區(qū)別與聯(lián)系。

3、引導(dǎo)學(xué)生在地址欄里輸入某一網(wǎng)

頁網(wǎng)址，打開網(wǎng)頁，再通過網(wǎng)頁上的超鏈

接瀏覽網(wǎng)站的其它

網(wǎng)頁。

(學(xué)生操作實踐時，教師巡視指導(dǎo))

4、在談話中，引導(dǎo)學(xué)生認(rèn)識：理解網(wǎng)站的

(1)老師打開一個網(wǎng)頁與你們一起看概念。

一個動畫，你們通過超鏈接打開網(wǎng)站里的

多個網(wǎng)頁，觀看了多個動畫。觀察、比

(2)網(wǎng)站是由多個通過“超鏈接”鏈較不同網(wǎng)頁的

接在一起的網(wǎng)頁構(gòu)成。操作實踐，網(wǎng)址的共同部

5、操作演示，引導(dǎo)學(xué)生觀察上述兒觀察比較，并思分，再與網(wǎng)站

個網(wǎng)頁網(wǎng)址，并說出它們的相同之處?？肌＞W(wǎng)址比較。

(1)引導(dǎo)學(xué)生單擊網(wǎng)頁中的“首頁”進(jìn)一步理解

超鏈接，觀察比較此時網(wǎng)址和前面幾個網(wǎng)網(wǎng)站概念。

頁網(wǎng)址的相同之處。

(2)通過師生操作實踐，比較網(wǎng)址相

同之處，歸納出結(jié)論：?個網(wǎng)站也可以看

成那些相同位置下的所有網(wǎng)頁的總和。

6、布置任務(wù)：輸入網(wǎng)站地址進(jìn)入網(wǎng)通過瀏覽網(wǎng)再次體會

站主頁，認(rèn)識主頁的重要作用。再次觀察:站主頁，體會網(wǎng)網(wǎng)站是由超鏈

同一個網(wǎng)站下的網(wǎng)頁地址的前面部分都站主頁的重要作接鏈接在?起

是一樣的。用，并談?wù)勛约旱木W(wǎng)頁構(gòu)成。

(1)引導(dǎo)學(xué)生談?wù)劸W(wǎng)站主頁的重要作的理解。

用，進(jìn)行總結(jié)(課件顯示)：網(wǎng)站主頁內(nèi)容

起到引導(dǎo)用戶瀏覽網(wǎng)站其它部分的內(nèi)容

的作用，一般被認(rèn)為是一個目錄性質(zhì)的內(nèi)

容。

1、布置任務(wù)：登錄本校網(wǎng)站，戴上明確任務(wù)。自己學(xué)校

耳麥，瀏覽各班班級主頁，并思考以下問登錄學(xué)校網(wǎng)站，的班級主頁更

題（課件顯示）：瀏覽感興趣的班能吸引學(xué)生的

①學(xué)校網(wǎng)站地址是：級主頁，思考問興趣，而各班

②班級主頁有哪些網(wǎng)頁元素？題，回答問題班級主頁包含

③哪個班級主頁內(nèi)容比較豐富，為什（文字、圖像、聲的媒體種類不

么？音、表格、視頻、一樣，老師可

④哪個班級主頁瀏覽比較麻煩，為什動畫；沒有超鏈以借此引導(dǎo)網(wǎng)

三、了解網(wǎng)

么？接或超鏈接少的頁的組成元

頁的組成

（學(xué)生操作實踐，教師巡視指導(dǎo)）班級主頁瀏覽比素。

元素

2、引導(dǎo)學(xué)生回答上述三個問題，結(jié)較麻煩）。

（17分鐘）

合學(xué)生的

回答，在黑板上板書總結(jié)：體驗專業(yè)網(wǎng)

網(wǎng)頁的組成元素：①文字。②圖站的網(wǎng)頁組成專業(yè)網(wǎng)站

片。元素。的網(wǎng)頁元素比

③聲音。④表格。⑤視頻。較齊全。

⑥動畫。⑦超鏈接。

3、再次引導(dǎo)學(xué)生瀏覽“中華少兒網(wǎng)”，

體驗網(wǎng)頁的兒種組成元素。

1、引導(dǎo)學(xué)生談本課學(xué)習(xí)內(nèi)容。

2、課件出示練習(xí)，引導(dǎo)學(xué)生回答，

并當(dāng)場顯示正確答案。談本課所學(xué)。通過練習(xí)，

填空題：

①進(jìn)入一個網(wǎng)站見到的第…個網(wǎng)頁回答問題。

稱為（主頁）。鞏固所學(xué)。

②同一個網(wǎng)站下的（網(wǎng)頁地址）的前

四、總結(jié)

面部分都是一樣的。

（3分鐘）

③（文字）和（圖片。是網(wǎng)頁的兩種基

本

元素。

④網(wǎng)頁的組成元素有：（文字、圖片、

聲音、表格、視頻、動畫、超鏈接等）。

⑤隱藏在網(wǎng)頁中的網(wǎng)頁元素是（超鏈

接）。

教學(xué)反思

1、學(xué)生在上網(wǎng)時是否將注意力集中在完成任務(wù)上。

3、各教學(xué)環(huán)節(jié)時間的把握是否合理。

4、在學(xué)習(xí)過程中學(xué)生的學(xué)習(xí)態(tài)度。

第2課建立第一個網(wǎng)頁

教學(xué)目標(biāo)

1、能認(rèn)識FrontPage窗口、“任務(wù)窗格”、四種網(wǎng)頁編輯模式。

2、能通過建立一個空白站點,能說出“一privateM和“images”兩個文件夾的作

用。

3、能新建網(wǎng)頁，在網(wǎng)頁中添加文字、設(shè)置格式、設(shè)置網(wǎng)頁標(biāo)題，保存、預(yù)覽網(wǎng)頁。

4、能運用FrontPage軟件建立站點和制作簡單網(wǎng)頁，體驗成功的喜悅。

教學(xué)重點和難點

1、教學(xué)重點。

建立站點和制作簡單網(wǎng)頁。

2、教學(xué)難點。

站點的實質(zhì)與站點文件夾的作用。

教學(xué)方法

1、情境教學(xué)法：激趣導(dǎo)入。

2、知識遷移法：認(rèn)識FrontPage窗口、“任務(wù)窗格”的隱藏、站點文件夾的指定。

3、演示操作法：“任務(wù)窗格”的隱藏、學(xué)習(xí)新建站點。

4、講授法："一private"和"images”兩個文件夾的作用，F(xiàn)rontPage會默認(rèn)打

開上一次打開的網(wǎng)站。

5、任務(wù)驅(qū)動法：了解4種網(wǎng)頁編輯模式的區(qū)別、建立一個空白站點、制作一個

簡單網(wǎng)頁。

教學(xué)準(zhǔn)備

1、教學(xué)環(huán)境。

多媒體網(wǎng)絡(luò)教室、液晶投影。

2、教學(xué)洛源。

事先準(zhǔn)備的小學(xué)生優(yōu)秀網(wǎng)站作品、PPT課件。

教學(xué)過程

教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖

1、展示全國中小學(xué)電腦作品制作欣賞作品。用同齡人的

活動小學(xué)組網(wǎng)頁制作一等獎作品，引導(dǎo)作品來激發(fā)學(xué)生

學(xué)生欣賞。談感受。的學(xué)習(xí)興趣。

一、導(dǎo)入

2、引導(dǎo)學(xué)生談?wù)効赐曜髌返母惺?

（3分鐘）

說說作品中的哪些技術(shù)對自己而言有

難度。明確課題。

3、板書課題：建立第一個網(wǎng)頁。

1、啟動FrontPage。觀察軟件名事先告知兩

(1)告知學(xué)生FrontPage與Word同稱及網(wǎng)標(biāo)特點。款軟件同屬

屬于微軟Office系列軟件，啟動方法類自行啟動Office系列，讓學(xué)

似。FrontPage()生自行探究啟動

(2)課件顯示該軟件全名及圖標(biāo)。方法。

引導(dǎo)學(xué)生啟動FrontPage軟件。通過比較，找

2、認(rèn)識FrontPage窗口。比較Word和出界面上的異

(1)引導(dǎo)學(xué)生啟動Word,比較兩款FrontPage界面同，促進(jìn)對FrO—

軟件窗口界面的異同。上的異同。mPage窗口的認(rèn)

(2)引導(dǎo)學(xué)生談?wù)劚容^結(jié)論，根據(jù)談自己的發(fā)識。

學(xué)生的回答進(jìn)行總結(jié)(課件出示)：現(xiàn)，同學(xué)間互相

①相同：標(biāo)題欄、菜單欄、工具欄、補充。觀察課件,

狀態(tài)欄。了解兩種軟件界

②不同：FrontPage工作區(qū)左下部面異同之處。

出現(xiàn)“設(shè)計/拆分/代碼/預(yù)覽”4個

二、認(rèn)識標(biāo)簽，F(xiàn)rontPage2003窗口右部默認(rèn)顯將隱藏畫圖

FrontPag示“任務(wù)窗格”?；貞浥f知，軟件的工具箱操

e(3)引導(dǎo)學(xué)生回憶四年級上學(xué)期學(xué)探究操作。作遷移到隱藏

(15分鐘)過的畫FrontPage的"任

圖軟件工具箱的隱藏方法，想辦法將務(wù)窗格”，培養(yǎng)學(xué)

FrontPage中的“任務(wù)窗格”隱藏起來。生知識遷移能力。

(4)學(xué)生嘗試操作，教師巡視并個借助實例進(jìn)

別輔導(dǎo)。觀看示范，行觀察與探究，有

(5)請一位學(xué)生上臺演示操作，對聽取講解。利于建立感性認(rèn)

學(xué)生操作給予鼓勵性評價與補充講解。探究四種網(wǎng)頁編識。

(6)引導(dǎo)學(xué)生完成操作：用輯模式的區(qū)別。

FrontPage打開某張網(wǎng)頁，分別選擇工舉手回答，

作區(qū)底部的“設(shè)計”、“拆分”、“代同學(xué)問相互補

碼”、“預(yù)覽”標(biāo)簽，觀察工作區(qū)顯充。

示的內(nèi)容有何不同。

(7)學(xué)生嘗試操作，教師巡視并個

別輔導(dǎo)。

(8)引導(dǎo)學(xué)生匯報觀察結(jié)果，教師

適時評價、補充、總結(jié)。

1、回顧已有知識。建立前后知識的

引導(dǎo)學(xué)生回憶“網(wǎng)頁”與“網(wǎng)站”的回憶文件分類聯(lián)系，形成“規(guī)范

區(qū)別，H■乙網(wǎng)頁中包含著多種元素。引存放在不同文件保存文件”的意

導(dǎo)學(xué)生認(rèn)識”要把站中的網(wǎng)頁文件分類夾中。識。

存放于不同的文件夾”。復(fù)習(xí)舊知為

2、復(fù)習(xí)Word有關(guān)操作。學(xué)習(xí)新知做準(zhǔn)備。

(1)設(shè)疑：用Word編輯某一文檔，想聽清問題，思考、

把這檔另存為D盤下的一個新建目錄討論操作方法。

“nfdw”中。如何操作？

①引導(dǎo)學(xué)生思考、討論，操作實踐。操作實踐。

到學(xué)巾巡視和個別輔導(dǎo)。

②請一位學(xué)生到教”幣機演示操作，

對學(xué)生作給予評價與補充講解。最后進(jìn)觀看演示，聽取在對話框中

行總結(jié)(課顯示)：選擇“文件”菜單中講解，通過聽取輸入絕對路徑指

的“另存為”。教師總結(jié)，復(fù)習(xí)定網(wǎng)站位置的方

B、在“另存為”對話框中的“另存Word有關(guān)操作。法不易掌握，故采

位置”通過下拉菜單選中另存位置為“D用通過“瀏覽”按

三、建立

盤”。鈕打開“新網(wǎng)站的

.個

C、在“另存為”對話框中通過“新位置”對話框進(jìn)行

站點

建文件”按鈕在D盤中新建“new”文件設(shè)置。

(9分鐘)

夾。因操作步驟

D、按“保存”按鈕，保存文件。和教材中有所不

3、演示建立一個新站點。觀察操作演示，一樣，故告知學(xué)

(1)演示新建站點的操作方法，重點聽取講解，學(xué)習(xí)生。學(xué)生自主操

講解何通過“瀏覽”按鈕打開“新網(wǎng)站新建站點的操作作，完成任務(wù)，提

的位置”話框指定新網(wǎng)站位置，同時說方法。高其動手能力。

明此項操作與過“另存為”對話框指定

文件的保存位置的似之處。

(2)請一位學(xué)生上臺演示操作：在D

盤子件夾“MYWEB'，下新建一個空白站

點。(操之前D盤并沒有“MYWEB''文

件夾)

4、建立一個空白站點。

⑴引導(dǎo)學(xué)生參照教材P7的操作步驟明確任務(wù)，完成

①?④，立一個空白站點，特別注意：操作。通過觀察，讓

①站點位置為E盤中的“wangye”文學(xué)生知道站點。

件夾。

②“指定新站點的位置”不用教材中

的方而采用剛剛學(xué)過的方法。

(2)到學(xué)生中巡視和個別輔導(dǎo)。觀看演示，

(3)請一位學(xué)生演示操作，對學(xué)生操鞏固操作。

作給鼓勵性的評價與補充講解。

5、打開站點：引導(dǎo)學(xué)生打開剛建立

的站點件夾，觀察文件夾內(nèi)容。

(1)講解：打開站點，認(rèn)真

①"images”文件夾一般用于存放觀察。聆聽講解,兩個默認(rèn)文件夾，

網(wǎng)站中的圖片。理解站點中自動再結(jié)合老師的講

②“一private”文件夾比較特殊,生成的兩個文件解，初步認(rèn)識這兩

其中的文件對瀏覽者來說是隱含的，我夾的作用。個文件夾作用。

們可以把一些不想讓瀏覽者看到的網(wǎng)

頁文件放在這個文件夾里，比如：可以

在這個文件夾里存放注冊用戶的個

人信息。

③另外，我們也可以按欄目新建一

些文件夾，將每個欄目下的其它網(wǎng)頁保

存進(jìn)來。

1、結(jié)合講解，演示如下操作：FrontPage啟

(1)如果前一次打開FrontPage是觀看演示，動時，工作區(qū)顯示

打開一個網(wǎng)站，而退出時沒有執(zhí)行''關(guān)聽的內(nèi)容視前一次

閉網(wǎng)站”操作，那么再次啟動FrontPage取講解，學(xué)習(xí)操啟動時是打開網(wǎng)

時，工作區(qū)默認(rèn)顯示該網(wǎng)站文件夾內(nèi)作。站還是網(wǎng)頁麗定，

容，否則默認(rèn)打開一張空白網(wǎng)頁。通過教師演示，讓

(2)可通過文件菜單中的“關(guān)閉網(wǎng)學(xué)生觀察、理解，

站”來關(guān)閉已打開的網(wǎng)站。以免產(chǎn)生困惑。

四、制作

2、引導(dǎo)學(xué)生操作實踐：實踐操作，

一個簡

啟動FrontPage2003,觀察T作區(qū)默觀察、對比，理

單的網(wǎng)頁

認(rèn)顯示的內(nèi)容，如果是顯示網(wǎng)站文件夾解前面所學(xué)知帶著問題操

(10分鐘)

的內(nèi)容，則先關(guān)閉該網(wǎng)站并退出，接著識。作，學(xué)習(xí)更有方向

再次啟動FrontPage,注意工作區(qū)的內(nèi)性。

容變化。

3、布置任務(wù)：明確任務(wù)，

(1)閱讀教材活動三的“做?做”帶著問題閱讀指

內(nèi)容，參照教材中的操作步驟，完成活定的教材內(nèi)容，

動i的“做一做”內(nèi)容，有疑問的地方操作實踐。

可以請教同學(xué)或老師。

(2)思考：網(wǎng)頁標(biāo)題有什么用，預(yù)

覽網(wǎng)頁時我們設(shè)定的網(wǎng)頁標(biāo)題出現(xiàn)在

哪？

4、學(xué)生操作實踐，教師巡視，個欣賞同學(xué)作聽取教師講

別輔導(dǎo)。品，找出自己差解，觀看學(xué)生演

5、展示學(xué)生作品，表揚先進(jìn)，引距。示，幫助理解知

導(dǎo)學(xué)生就上述任務(wù)中的問題，談自己的聽取講解。識。

見解。

6、講解：網(wǎng)頁標(biāo)題主要是為了讓

瀏覽者知道所瀏覽網(wǎng)頁的大致內(nèi)容，它

出現(xiàn)在所瀏覽網(wǎng)頁的標(biāo)題欄中。觀看演示，體會

7、請一位學(xué)生演示修改網(wǎng)頁標(biāo)題網(wǎng)頁標(biāo)題的

的操作，修改完，預(yù)覽該網(wǎng)頁，引導(dǎo)學(xué)作用。

生一起觀察網(wǎng)頁標(biāo)題欄出現(xiàn)的文字，再

次體會網(wǎng)頁標(biāo)題的作用。

1、引導(dǎo)學(xué)生談本課學(xué)習(xí)內(nèi)容。談本課所梳理本課知

2、布置作業(yè)：課后用建立站點的學(xué)。識。通過完成課后

五、總結(jié)方式完成教材的“試一試”內(nèi)容，明確課后作作業(yè)，鞏同本課所

（3分鐘）并將站點文件災(zāi)打包發(fā)到老師郵箱或業(yè)內(nèi)容。學(xué)知識。

用U盤的方式提交。

教學(xué)反思

1、學(xué)生是否能根據(jù)教材的操作步驟自主完成任務(wù)。

2、從文件另存為操作遷移到學(xué)習(xí)”指定新網(wǎng)站的位置”操作的效果如何。

3、在學(xué)習(xí)過程中學(xué)生的學(xué)習(xí)態(tài)度與參與活動的積極性如何。。

4、各教學(xué)環(huán)節(jié)的時間分配是否合理。

第3課讓網(wǎng)頁更美觀

教學(xué)目標(biāo)

1、能在網(wǎng)頁中插入圖片及剪貼畫，設(shè)置網(wǎng)頁中的圖片及剪貼畫的位置及大小。

2、能通過網(wǎng)頁屬性對話框?qū)W(wǎng)頁進(jìn)行背景顏色與背景圖片的設(shè)置。

3、能有意識地將制作網(wǎng)頁需要的文件分類存放于站點文件夾中。

4、能根據(jù)網(wǎng)頁內(nèi)容與版面的需要，選擇、插入并設(shè)置圖片及剪貼面I,設(shè)置網(wǎng)頁背

景，豐富網(wǎng)頁內(nèi)容，美化頁面，體驗成功。

教學(xué)重點和難點

1、教學(xué)重點。

⑴在網(wǎng)頁中添加圖片。。

(2)設(shè)置網(wǎng)頁背景。

⑶將網(wǎng)頁中用到的圖片放于站點images文件夾下。

2、教學(xué)難點。

能有意識地將網(wǎng)頁中用到的圖片存放于站點images文件夾下。

教學(xué)方法

1、情境教學(xué)法、演示法、觀察討論法、講授法：將圖片文件保存在站點images

文件夾下。

2、任務(wù)驅(qū)動法、演示法：設(shè)置網(wǎng)頁的背景。

3、展示評價法、學(xué)生互助法：完成教材的試一試任務(wù)。

教學(xué)準(zhǔn)備

1、教學(xué)環(huán)境。

多媒體網(wǎng)絡(luò)教室、液晶投影。

2、教學(xué)資源。

bear文件夾、animal文件夾。

教學(xué)過程

教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖

1、打開某學(xué)生制作的站點，瀏覽

站點中的“笨笨熊之家”網(wǎng)頁。欣賞作業(yè)。展示學(xué)生作

2、提問：這張網(wǎng)頁的組成元素是業(yè)，讓其產(chǎn)生親

什么？你覺得要使網(wǎng)頁更美觀，需要增發(fā)表自己見解。切感，提問舊

一、導(dǎo)入

加哪些網(wǎng)頁元素？知：網(wǎng)頁中的組

(3分鐘)

3、引導(dǎo)學(xué)生發(fā)表見解。聽取總結(jié)。成元素，引入課

4、總結(jié)：在網(wǎng)頁中添加圖片、視題。

頻、聲音、動畫等網(wǎng)頁元素，會使頁明確課題。

面更美觀。

5、板書課題：讓網(wǎng)頁更美觀。

1、告知學(xué)生在“我的文檔”中有回顧舊知，復(fù)習(xí)在

--張“笨笨熊”圖片，請一位學(xué)生到觀察示范。Word中插入圖

教師機演示在Word文檔中插入“笨笨片的方法，引導(dǎo)

熊”圖片的操作。聽講解，看學(xué)生遷移知識，

2、講解：在FrontPage中插入圖演示，打開站點。探索在

片的方法與在Word中插入圖片的方法FrontPage插入

類似。圖片的方法。

3、演示打開一個站點的操作。特意設(shè)計

4、布置任務(wù)：在網(wǎng)頁中插入圖片建明確任務(wù)，打開在網(wǎng)頁中插入

(1)用FrontPage打開本地硬盤中"bear"站點。站點外的圖片

“bear”站點(老師預(yù)先提供的)。在index。htm網(wǎng)的環(huán)節(jié)，讓學(xué)生

(2)打開"bear"站點下的index。頁末尾插入“笨體驗：保存時

htm文件，并在網(wǎng)頁的末尾插入“我的笨熊”圖片，實Frontllage

文檔”中的“笨笨熊”圖片，保存修踐操作，思考問會提示將該圖

改后的文件，思考問題：題。片保存在站點

二、在網(wǎng)

①你是如何調(diào)整圖片的大小和位中，加深對“插

頁中

置的？入圖片前，一般

添加圖片

②保存網(wǎng)頁時你發(fā)現(xiàn)了什么，為要將圖片文件

(15分)

什么會出現(xiàn)這樣的現(xiàn)象？保存在網(wǎng)頁文

5、巡視，個別輔導(dǎo)。件所在站點文

6、引導(dǎo)學(xué)生反饋完成任務(wù)的情件夾中的im-

況：發(fā)表見解，ages文件夾下”

就問題①引導(dǎo)學(xué)生發(fā)表見解，適理看教師操作演的理解。

時評價。演示調(diào)整圖片的大小和位置示。

的操作。說一說觀察

就問題②引導(dǎo)學(xué)生談?wù)効吹降默F(xiàn)到的現(xiàn)象。

象，說說為什么會出現(xiàn)這樣的現(xiàn)象，

適時評價。

7、總結(jié)：捅入圖片前，一般要將

圖片文件保存在網(wǎng)頁文件所在站點文

件夾中的images文件夾下；對于網(wǎng)頁聽教師總結(jié)。

中使用站點之外的圖片，保存時，

FrontPage會提示你把閉片保存在站

點文件夾下。

1、講解：網(wǎng)頁背景默認(rèn)是白色的,聽取講解，復(fù)習(xí)上節(jié)

為了使網(wǎng)頁更加美觀，我們可以將網(wǎng)懂得網(wǎng)頁背景可課打開“網(wǎng)頁屬

頁背景設(shè)置成有顏色或圖片一。在以是圖片也可以性”的方法，鞏

Frontpage巾,可以通過“網(wǎng)頁屬性”足某種顏色］固其操作。

對話框，設(shè)置網(wǎng)頁背景。觀看演示，

2、請一位學(xué)生演示打開“網(wǎng)頁屬打開“網(wǎng)頁屬性”讓學(xué)生自

性”對話框的操作。對話框。王探索，獨立完

3、引導(dǎo)學(xué)生閱讀教材P14—15的根據(jù)教材的成。提高學(xué)生動

內(nèi)容，按照活動二的操作步驟，完成操手能力。

網(wǎng)頁背景的設(shè)置。給還不會

三、設(shè)置

4、到學(xué)生中巡視，個別輔導(dǎo)。操作的學(xué)生提

網(wǎng)頁

5、請一位學(xué)生演示設(shè)置網(wǎng)頁背景作步驟，獨立完供學(xué)習(xí)的機會。

的背景

操作，教師適時指導(dǎo)。成活動二網(wǎng)頁背通過復(fù)習(xí)

（19分鐘）

6、請一位學(xué)生演示在Word中插入景的設(shè)置。在Word文檔中

剪貼畫操作，并談?wù)劜僮骷记伞Ｍ瑢W(xué)演示操插入剪貼畫的

7、講解：在FmntPage巾插入剪貼作。操作，遷移其操

嘶的方法與在Word中插入一樣。觀察演示，作方法。

8、引導(dǎo)學(xué)生利用剛剛所學(xué)，根據(jù)共同提高。自主操作

教材P16?17的要求，完成試一試任明確任務(wù)，典型示范?修

務(wù)。獨立完成試一試正操作，共同進(jìn)

9、到學(xué)生中巡視，個別輔導(dǎo)。任務(wù)。步。

10、展示部分學(xué)生作品，引導(dǎo)其欣賞同學(xué)作

他學(xué)生就任務(wù)完成情況發(fā)表見解，若品，及時修正錯

有學(xué)生的作品不符要求，請其他學(xué)生誤。

現(xiàn)場幫忙修改。

引導(dǎo)學(xué)生談本課學(xué)習(xí)內(nèi)容。談本課所學(xué)。梳理知識。

四、總結(jié)

（3分鐘）

教學(xué)反思

1、學(xué)生是否能根據(jù)課文操作步驟自行完成任務(wù)。

2、如何引導(dǎo)學(xué)習(xí)程度較好的學(xué)生在完成任務(wù)后繼續(xù)學(xué)習(xí)或充當(dāng)小老師。

3、各教學(xué)環(huán)節(jié)的時間分配是否合理。

4、演示操作時，大部分學(xué)生是否能認(rèn)真觀看示范。

第4課讓網(wǎng)頁聲情并茂

教學(xué)目標(biāo)

1、能通過“插入”“WEB組件”一“高級控件”一“插件”命令插入wmv格

式的視頻。

2、能通過“插入”一“圖片?”命令插入Flash影片及wmv格式視頻，并設(shè)置插

入對象的大小及位置。

3、能通過“網(wǎng)頁屬性”對話框設(shè)置背景音樂。

4、能說出在網(wǎng)頁中插入wmv格式視頻的兩種方法。

教學(xué)重點和難點

1、教學(xué)重點。

通過“插入”一一“WEB組件”一一“高級控件”一一“插件”命令插入wmv格

式的視頻。

2、教學(xué)難點。

在網(wǎng)頁巾插入wmv格式視頻的兩種方法。

教學(xué)方法

1、情境教學(xué)法：設(shè)疑導(dǎo)入。

2、知識遷移法：學(xué)習(xí)通過“插入”一一“圖片”命令插入Flash影片、wmv格式

視頻及通過“網(wǎng)頁屬性”對話框設(shè)置網(wǎng)頁背景音樂。

3、演示操作法：學(xué)習(xí)通過“插入”一一“WEB組件”命令插入視頻。

4、任務(wù)驅(qū)動法：探究兩種插入視頻方法的區(qū)別。

教學(xué)準(zhǔn)備

1、教學(xué)環(huán)境。

多媒體網(wǎng)絡(luò)教室、液晶投影、耳麥、音箱。

2、教學(xué)資源。

tangram文件夾、changel文件夾。

教學(xué)過程

教學(xué)環(huán)節(jié)教師活動學(xué)生活動設(shè)計意圖

1、演示用IE瀏覽器打開一張包含欣賞網(wǎng)頁。欣賞網(wǎng)

文字、圖片、動畫、視頻等網(wǎng)頁元素的思考問題。頁，體驗”聲

網(wǎng)頁。情并茂”，通

2、設(shè)疑：聲音、視頻、動畫等媒過設(shè)疑。

、導(dǎo)入體的引入，讓網(wǎng)頁變得“聲情并茂”，讓學(xué)生思

（3分鐘）大家仔細(xì)觀察網(wǎng)頁，想一想制作這張網(wǎng)考本課的學(xué)習(xí)

頁，我們可能會碰到什么困難？發(fā)表自己的內(nèi)容。

3、引導(dǎo)學(xué)生發(fā)表見解，并給予評見解（在插入視

價與補允，之后進(jìn)行總結(jié)；為了實現(xiàn)剛頻、動畫、設(shè)置

才老師展示的網(wǎng)頁，我們還得學(xué)習(xí)如何背景音樂等操作

在網(wǎng)頁f{1插入視頻和上存在困難)，聽

動畫以及設(shè)置網(wǎng)頁的背景音樂。教師總結(jié)。

4、板書課題；讓網(wǎng)頁聲情并茂。

1、引導(dǎo)學(xué)生閱讀教材：動畫可以閱讀指定的通過已有

增加網(wǎng)頁的趣味性它是當(dāng)今最流教材內(nèi)容，根據(jù)經(jīng)驗理解教材

行的網(wǎng)頁動畫格內(nèi)，結(jié)合13常生活經(jīng)生活經(jīng)驗體會教介紹的Flash

驗，體會Flash動畫的優(yōu)點。材提及的Hash優(yōu)優(yōu)點。

2、引導(dǎo)學(xué)生舉例說明教材中提及點。舉例說明

的每一個Flash優(yōu)點，適時評價及補充。Flash的優(yōu)點。

3、講解：在FrontPage2003中插入聽取教師講通過知識

Flash動畫的方法跟插入圖片類似，完解。遷移，學(xué)習(xí)耐

成插入操作后往往要借助于格式工具入Flash動畫

欄設(shè)置相應(yīng)的“對齊”。的方法。

4、布置任務(wù)：明確任務(wù)內(nèi)

二、在網(wǎng)(1)用FrontPage打開本地容，嘗試用插入

頁中插入“tangram”文件夾中的index。htm,圖片類似的方法

Flash試著在網(wǎng)頁的末尾插入“swf”文件夾完成任務(wù)。

動畫下的"tangram。swf”。

(14分鐘)(2)設(shè)置動畫水平居中。

(3)保存網(wǎng)頁，切換到“預(yù)覽”模

式欣賞作品。

(4)操作中遇到困難，可通過看教

材、問同學(xué)、問老師等方式獲得幫助?？词痉恫?/p>

5、教師巡視，個別輔導(dǎo)。作，聽教師總結(jié)。

6、請一位學(xué)生演示插入Flash動畫玩七巧板游

操作，對學(xué)生操作給予鼓勵性評價與補戲。體驗

充，之后進(jìn)行總結(jié)。Flash優(yōu)點,享

7、引導(dǎo)學(xué)生用瀏覽器預(yù)覽剛制作受勞動成果。

完成的網(wǎng)頁，通過有趣的七巧板游戲，

體驗Flash動畫的優(yōu)點。

1、設(shè)疑：現(xiàn)在的網(wǎng)頁游戲一般都認(rèn)真聽講。本環(huán)節(jié)的

配有相關(guān)的情景音樂，讓玩家融入游戲操作方法較容

三、設(shè)置

中?？梢娋W(wǎng)頁中的音樂作用不小。如何嘗試設(shè)置網(wǎng)易，可讓學(xué)生

網(wǎng)頁的背

在網(wǎng)頁中插人背景音樂呢？頁背景音樂，探獨立完成，提

景音樂

2、布置任務(wù)：索設(shè)定背景音樂高學(xué)生自學(xué)與

(8分鐘)

(1)根據(jù)教材活動二的操作步驟，循環(huán)播放的次數(shù)動手能力。

完成活動二的內(nèi)容。的方法。

(2)思考：能不能設(shè)定背景音樂的

循環(huán)播放的次數(shù)。展示作品，

3、教師到學(xué)生中巡視，輔導(dǎo)個別匯報探索結(jié)果。

學(xué)生。

4、引導(dǎo)學(xué)生展示作品，匯報探索

結(jié)果。對學(xué)生作品給予鼓勵性評價，之

后總結(jié)。

1、講解：在網(wǎng)頁中播放視頻，有認(rèn)真聽講。通過講，

兩種方法：讓學(xué)生知道兩

(1)通過插入插件的方法來實現(xiàn)。種操作方法的

⑵通過“插入(I通一“圖片(P)"不同之處。

-“視頻(V)”的方法來實現(xiàn)。通過教師

方法⑵跟剛剛學(xué)習(xí)的插入Flash演示操作，消

的方法類似。重點學(xué)習(xí)方法(1)。除學(xué)生陌生

2、演示方法(1)操作，講解關(guān)鍵步觀看演示，把感。

驟。握操作要領(lǐng)。

3、布置任務(wù)：用任務(wù)引導(dǎo)學(xué)

(1)按教材中活動三的操作步驟，明確任務(wù)，動手生操作實踐與

獨立完成“做一做”內(nèi)容。操作實踐，完成探究的方向。

(2)探究預(yù)覽效果的方法，注意觀“做一做”內(nèi)容。

察視頻播放過程，能否人工控制其播探究預(yù)覽效果的

四、在網(wǎng)

放？方法，思考任務(wù)

頁中

(3)如果不設(shè)置插件的寬度和高中的問題。

插入視頻

度，視頻呈現(xiàn)方式會有什么變化？

(12分鐘)

4、到學(xué)生中巡視，輔導(dǎo)個別學(xué)生。

5、請一位學(xué)生演示任務(wù)中第⑴觀看操作，回答

項的操作。引導(dǎo)學(xué)生用實例操作來回答問題。演示操作，加

任務(wù)中第(2)、(3)項的問題。深印象。

6、布置任務(wù)：完成教材中的“試

一試”任務(wù)。通過實踐操作尋

(1)用“插入"一“圖片一”一“視求問題答案。

頻”的方法將視頻benyu°wmv插入到“嫦

娥一號概況”網(wǎng)頁中。

(2)探究預(yù)覽視頻效果的方法。

(3)探究改變視頻尺寸的方法。

7、到學(xué)生中巡視，輔導(dǎo)個別學(xué)生。

8、總結(jié)(課件出示)：

相同：兩種方法都只能通過“在瀏覽觀看課件，理

器中預(yù)覽”查看網(wǎng)頁所有元素。這跟在解兩種方法的異

網(wǎng)頁中插入圖片、Flash以及設(shè)置背景同。

音樂不同。

不同：①方法一，可不設(shè)置插件尺寸；課件演示，

方法二，往往需要設(shè)置視頻尺寸才能正明晰異同，以

確預(yù)覽視頻。便學(xué)生更好掌

②方法一，可人工控制視頻播放；握這兩種操作

方法二，不能。方