九年級(jí)信息技術(shù)《第5章-FrontPage網(wǎng)頁(yè)型課件制作實(shí)例-》課件

第5章FrontPage網(wǎng)頁(yè)型

課件制作實(shí)例第5章FrontPage網(wǎng)頁(yè)型

課件制作實(shí)例1本章內(nèi)容FrontPage基本操作1添加課件的教學(xué)內(nèi)容2美化課件的運(yùn)行畫(huà)面3上一張下一張退出設(shè)置課件導(dǎo)航與交互4設(shè)置課件的動(dòng)態(tài)效果5制作綜合課件實(shí)例6本章內(nèi)容FrontPage基本操作1添加課件的教學(xué)內(nèi)容2美25.1FrontPage基礎(chǔ)知識(shí)使用界面

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)使用界面35.1FrontPage基礎(chǔ)知識(shí)視圖介紹

設(shè)計(jì)制作網(wǎng)頁(yè)與管理各種文件的任務(wù)不同，其工作的界面也不相同。每一種工作界面就是一種視圖，F(xiàn)rontPage中共有7種視圖。

1．“網(wǎng)頁(yè)視圖”

2．“文件夾”視圖3．“導(dǎo)航”視圖4．“超鏈接”視圖

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)視圖介紹45.1FrontPage基礎(chǔ)知識(shí)網(wǎng)站與網(wǎng)頁(yè)基本操作

制作一個(gè)WEB課件的基本操作步驟如下：

(1)創(chuàng)建網(wǎng)站和網(wǎng)頁(yè)。(2)添加課件的教學(xué)內(nèi)容。(3)美化課件的運(yùn)行畫(huà)面。(4)設(shè)置課件導(dǎo)航與交互。(5)設(shè)置課件的動(dòng)態(tài)效果。(6)測(cè)試和發(fā)布網(wǎng)站。上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)網(wǎng)站與網(wǎng)頁(yè)基本操作55.1FrontPage基礎(chǔ)知識(shí)實(shí)例1霧凇

新建網(wǎng)站新建網(wǎng)頁(yè)和文件夾

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)實(shí)例1霧凇上一張下一65.2添加課件的教學(xué)內(nèi)容添加文字

在網(wǎng)頁(yè)中添加文字與Word一樣，先輸入文字或者從其他地方粘貼過(guò)來(lái)，然后設(shè)置文字的字號(hào)、字體、顏色、對(duì)齊方式等。

實(shí)例2海燕

輸入文字設(shè)置文字和段落格式插入水平線上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加文字上75.2添加課件的教學(xué)內(nèi)容添加表格

在網(wǎng)頁(yè)制作中表格的用途很大，不但呈現(xiàn)數(shù)據(jù)信息需要用到表格，而且還可以利用表格來(lái)規(guī)劃網(wǎng)頁(yè)。在表格中，可以插入圖片、文字、視頻等信息。

實(shí)例3減數(shù)分裂

新建網(wǎng)頁(yè)插入表格設(shè)置表格寬度合并單元格輸入文字并設(shè)置單元格對(duì)齊方式上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加表格上85.2添加課件的教學(xué)內(nèi)容添加圖片

圖片在課件制作中有著舉足輕重的作用，它的直觀、形象特性是文字無(wú)法替代的，它除了能展示教學(xué)內(nèi)容，還能起到美化網(wǎng)頁(yè)的作用。

實(shí)例4平面鏡成像

打開(kāi)編輯網(wǎng)頁(yè)“default.htm”插入圖片插入圖片庫(kù)上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加圖片上95.2添加課件的教學(xué)內(nèi)容添加聲音和視頻

在多媒體課件中插入一些聲音或者視頻，其效果是不言而喻的，是圖片和文字所不能比擬的，如聽(tīng)背景音樂(lè)可以使人放松，看實(shí)驗(yàn)視頻可以直觀形象再現(xiàn)實(shí)驗(yàn)過(guò)程。

實(shí)例5開(kāi)元盛世

打開(kāi)編輯網(wǎng)頁(yè)“index.htm”插入聲音插入視頻上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加聲音和視頻105.2添加課件的教學(xué)內(nèi)容添加Flash動(dòng)畫(huà)

動(dòng)畫(huà)可以將事物的發(fā)展變化過(guò)程直觀形象地展示給學(xué)生，目前被廣泛使用的動(dòng)畫(huà)主要有兩種：一是GIF動(dòng)畫(huà)，另一類是Flash動(dòng)畫(huà)。

實(shí)例6中心對(duì)稱

打開(kāi)編輯網(wǎng)頁(yè)“index.htm

”插入Flash動(dòng)畫(huà)調(diào)整動(dòng)畫(huà)大小預(yù)覽效果上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加Flash動(dòng)畫(huà)115.3美化課件的運(yùn)行畫(huà)面用圖片設(shè)置網(wǎng)頁(yè)的背景

在FrontPage中，默認(rèn)的網(wǎng)頁(yè)背景顏色為白色，但為了網(wǎng)頁(yè)美觀一般使用圖片，或者一種顏色作為網(wǎng)頁(yè)的背景，設(shè)置的方法也很簡(jiǎn)單。

實(shí)例7天凈沙·秋思打開(kāi)編輯網(wǎng)頁(yè)“tjs.htm”設(shè)置網(wǎng)頁(yè)屬性上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面用圖片設(shè)置網(wǎng)頁(yè)的背景125.3美化課件的運(yùn)行畫(huà)面用主題美化網(wǎng)頁(yè)的外觀

使用圖片設(shè)置網(wǎng)頁(yè)背景時(shí)，一次只能設(shè)置一個(gè)網(wǎng)頁(yè)，當(dāng)網(wǎng)站中的每個(gè)網(wǎng)頁(yè)使用相同背景時(shí)，可以使用FrontPage中的“主題”來(lái)美化課件的運(yùn)行畫(huà)面的外觀，F(xiàn)rontPage中的“主題”是指網(wǎng)頁(yè)外觀的類型或風(fēng)格。

實(shí)例8血液循環(huán)打開(kāi)編輯網(wǎng)頁(yè)“kwyd.htm

”應(yīng)用主題美化網(wǎng)頁(yè)上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面用主題美化網(wǎng)頁(yè)的外觀135.3美化課件的運(yùn)行畫(huà)面使用表格規(guī)劃網(wǎng)頁(yè)

在設(shè)計(jì)課件版面時(shí)，我們經(jīng)常需要將版面分成若干版塊，然后不同的版塊顯示不同的內(nèi)容。在實(shí)際制作網(wǎng)頁(yè)時(shí)，一般使用表格來(lái)規(guī)劃網(wǎng)頁(yè)的版面，此時(shí)將表格線設(shè)置成虛線。

實(shí)例9中國(guó)古代山水畫(huà)新建“index.htm”網(wǎng)頁(yè)設(shè)置網(wǎng)頁(yè)屬性插入表格設(shè)置并填充表格內(nèi)容上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面使用表格規(guī)劃網(wǎng)頁(yè)145.4設(shè)置課件導(dǎo)航與交互

實(shí)例10春設(shè)置課件的導(dǎo)航

在多媒體課件中，導(dǎo)航是為學(xué)習(xí)者尋找所學(xué)內(nèi)容提供了“路標(biāo)”，設(shè)置課件的導(dǎo)航是制作多媒體課件的一個(gè)重要環(huán)節(jié)。常見(jiàn)的設(shè)置導(dǎo)航方法有，一是利用框架網(wǎng)頁(yè)設(shè)置導(dǎo)航，二是通過(guò)共享邊框設(shè)置導(dǎo)航。上一張下一張退出主菜單5.4設(shè)置課件導(dǎo)航與交互實(shí)例10春上一張下一張退155.4設(shè)置課件導(dǎo)航與交互使用超鏈接設(shè)置交互

在瀏覽網(wǎng)頁(yè)時(shí)，當(dāng)鼠標(biāo)在一些文字或者圖片上移動(dòng)時(shí)，指針變成小手的形狀，單擊則打開(kāi)一個(gè)新的網(wǎng)頁(yè)，這個(gè)網(wǎng)頁(yè)和你單擊的位置是一種鏈接的關(guān)系，就是超鏈接。網(wǎng)頁(yè)中的超鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點(diǎn)鏈接，文件鏈接，空鏈接等。

插入文本超鏈接插入郵件超鏈接插入書(shū)簽鏈接上一張下一張退出主菜單5.4設(shè)置課件導(dǎo)航與交互使用超鏈接設(shè)置交互165.5設(shè)置課件的動(dòng)態(tài)效果

實(shí)例11氧化還原反應(yīng)插入動(dòng)態(tài)按鈕插入滾動(dòng)字幕設(shè)置切換效果應(yīng)用DHTML效果

上一張下一張退出主菜單5.5設(shè)置課件的動(dòng)態(tài)效果實(shí)例11氧化還原反應(yīng)上一175.6制作綜合課件實(shí)例

中學(xué)化學(xué)課件制作實(shí)例實(shí)例12鐵的性質(zhì)

使用共享邊框制作課件導(dǎo)航制作首頁(yè)制作課件“課堂練習(xí)”部分測(cè)試網(wǎng)站發(fā)布網(wǎng)站

上一張下一張退出主菜單5.6制作綜合課件實(shí)例上一張下一張退出主菜單185.6制作綜合課件實(shí)例

中學(xué)語(yǔ)文課件制作實(shí)例實(shí)例13桃花源記

使用框架制作課件導(dǎo)航制作“課堂練習(xí)”部分建立網(wǎng)頁(yè)之間的聯(lián)系發(fā)布站點(diǎn)

上一張下一張退出主菜單5.6制作綜合課件實(shí)例上一張下一張退出主菜單19ThankYou!ThankYou!20第5章FrontPage網(wǎng)頁(yè)型

課件制作實(shí)例第5章FrontPage網(wǎng)頁(yè)型

課件制作實(shí)例21本章內(nèi)容FrontPage基本操作1添加課件的教學(xué)內(nèi)容2美化課件的運(yùn)行畫(huà)面3上一張下一張退出設(shè)置課件導(dǎo)航與交互4設(shè)置課件的動(dòng)態(tài)效果5制作綜合課件實(shí)例6本章內(nèi)容FrontPage基本操作1添加課件的教學(xué)內(nèi)容2美225.1FrontPage基礎(chǔ)知識(shí)使用界面

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)使用界面235.1FrontPage基礎(chǔ)知識(shí)視圖介紹

設(shè)計(jì)制作網(wǎng)頁(yè)與管理各種文件的任務(wù)不同，其工作的界面也不相同。每一種工作界面就是一種視圖，F(xiàn)rontPage中共有7種視圖。

1．“網(wǎng)頁(yè)視圖”

2．“文件夾”視圖3．“導(dǎo)航”視圖4．“超鏈接”視圖

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)視圖介紹245.1FrontPage基礎(chǔ)知識(shí)網(wǎng)站與網(wǎng)頁(yè)基本操作

制作一個(gè)WEB課件的基本操作步驟如下：

(1)創(chuàng)建網(wǎng)站和網(wǎng)頁(yè)。(2)添加課件的教學(xué)內(nèi)容。(3)美化課件的運(yùn)行畫(huà)面。(4)設(shè)置課件導(dǎo)航與交互。(5)設(shè)置課件的動(dòng)態(tài)效果。(6)測(cè)試和發(fā)布網(wǎng)站。上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)網(wǎng)站與網(wǎng)頁(yè)基本操作255.1FrontPage基礎(chǔ)知識(shí)實(shí)例1霧凇

新建網(wǎng)站新建網(wǎng)頁(yè)和文件夾

上一張下一張退出主菜單5.1FrontPage基礎(chǔ)知識(shí)實(shí)例1霧凇上一張下一265.2添加課件的教學(xué)內(nèi)容添加文字

在網(wǎng)頁(yè)中添加文字與Word一樣，先輸入文字或者從其他地方粘貼過(guò)來(lái)，然后設(shè)置文字的字號(hào)、字體、顏色、對(duì)齊方式等。

實(shí)例2海燕

輸入文字設(shè)置文字和段落格式插入水平線上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加文字上275.2添加課件的教學(xué)內(nèi)容添加表格

在網(wǎng)頁(yè)制作中表格的用途很大，不但呈現(xiàn)數(shù)據(jù)信息需要用到表格，而且還可以利用表格來(lái)規(guī)劃網(wǎng)頁(yè)。在表格中，可以插入圖片、文字、視頻等信息。

實(shí)例3減數(shù)分裂

新建網(wǎng)頁(yè)插入表格設(shè)置表格寬度合并單元格輸入文字并設(shè)置單元格對(duì)齊方式上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加表格上285.2添加課件的教學(xué)內(nèi)容添加圖片

圖片在課件制作中有著舉足輕重的作用，它的直觀、形象特性是文字無(wú)法替代的，它除了能展示教學(xué)內(nèi)容，還能起到美化網(wǎng)頁(yè)的作用。

實(shí)例4平面鏡成像

打開(kāi)編輯網(wǎng)頁(yè)“default.htm”插入圖片插入圖片庫(kù)上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加圖片上295.2添加課件的教學(xué)內(nèi)容添加聲音和視頻

在多媒體課件中插入一些聲音或者視頻，其效果是不言而喻的，是圖片和文字所不能比擬的，如聽(tīng)背景音樂(lè)可以使人放松，看實(shí)驗(yàn)視頻可以直觀形象再現(xiàn)實(shí)驗(yàn)過(guò)程。

實(shí)例5開(kāi)元盛世

打開(kāi)編輯網(wǎng)頁(yè)“index.htm”插入聲音插入視頻上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加聲音和視頻305.2添加課件的教學(xué)內(nèi)容添加Flash動(dòng)畫(huà)

動(dòng)畫(huà)可以將事物的發(fā)展變化過(guò)程直觀形象地展示給學(xué)生，目前被廣泛使用的動(dòng)畫(huà)主要有兩種：一是GIF動(dòng)畫(huà)，另一類是Flash動(dòng)畫(huà)。

實(shí)例6中心對(duì)稱

打開(kāi)編輯網(wǎng)頁(yè)“index.htm

”插入Flash動(dòng)畫(huà)調(diào)整動(dòng)畫(huà)大小預(yù)覽效果上一張下一張退出主菜單5.2添加課件的教學(xué)內(nèi)容添加Flash動(dòng)畫(huà)315.3美化課件的運(yùn)行畫(huà)面用圖片設(shè)置網(wǎng)頁(yè)的背景

在FrontPage中，默認(rèn)的網(wǎng)頁(yè)背景顏色為白色，但為了網(wǎng)頁(yè)美觀一般使用圖片，或者一種顏色作為網(wǎng)頁(yè)的背景，設(shè)置的方法也很簡(jiǎn)單。

實(shí)例7天凈沙·秋思打開(kāi)編輯網(wǎng)頁(yè)“tjs.htm”設(shè)置網(wǎng)頁(yè)屬性上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面用圖片設(shè)置網(wǎng)頁(yè)的背景325.3美化課件的運(yùn)行畫(huà)面用主題美化網(wǎng)頁(yè)的外觀

使用圖片設(shè)置網(wǎng)頁(yè)背景時(shí)，一次只能設(shè)置一個(gè)網(wǎng)頁(yè)，當(dāng)網(wǎng)站中的每個(gè)網(wǎng)頁(yè)使用相同背景時(shí)，可以使用FrontPage中的“主題”來(lái)美化課件的運(yùn)行畫(huà)面的外觀，F(xiàn)rontPage中的“主題”是指網(wǎng)頁(yè)外觀的類型或風(fēng)格。

實(shí)例8血液循環(huán)打開(kāi)編輯網(wǎng)頁(yè)“kwyd.htm

”應(yīng)用主題美化網(wǎng)頁(yè)上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面用主題美化網(wǎng)頁(yè)的外觀335.3美化課件的運(yùn)行畫(huà)面使用表格規(guī)劃網(wǎng)頁(yè)

在設(shè)計(jì)課件版面時(shí)，我們經(jīng)常需要將版面分成若干版塊，然后不同的版塊顯示不同的內(nèi)容。在實(shí)際制作網(wǎng)頁(yè)時(shí)，一般使用表格來(lái)規(guī)劃網(wǎng)頁(yè)的版面，此時(shí)將表格線設(shè)置成虛線。

實(shí)例9中國(guó)古代山水畫(huà)新建“index.htm”網(wǎng)頁(yè)設(shè)置網(wǎng)頁(yè)屬性插入表格設(shè)置并填充表格內(nèi)容上一張下一張退出主菜單5.3美化課件的運(yùn)行畫(huà)面使用表格規(guī)劃網(wǎng)頁(yè)345.4設(shè)置課件導(dǎo)航與交互

實(shí)例10春設(shè)置課件的導(dǎo)航

在多媒體課件中，導(dǎo)航是為學(xué)習(xí)者尋找所學(xué)內(nèi)容提供了“路標(biāo)”，設(shè)置課件的導(dǎo)航是制作多媒體課件的一個(gè)重要環(huán)節(jié)。常見(jiàn)的設(shè)置導(dǎo)航方法有，一是利用框架網(wǎng)頁(yè)設(shè)置導(dǎo)航，二是通過(guò)共享邊框設(shè)置導(dǎo)航。上一張下一張退出主菜單5.4設(shè)置課件導(dǎo)航與交互實(shí)例10春上一張下一張退355.4設(shè)置課件導(dǎo)航與交互使用超鏈接設(shè)置交互