第5章 FrontPage 網(wǎng)頁(yè)型 課件制作實(shí)例,本章內(nèi)容,上一張,下一張,退 出,5.1 FrontPage基礎(chǔ)知識(shí),使用界面,上一張,下一張,退 出,主菜單,5.1 FrontPage基礎(chǔ)知識(shí),視圖介紹 設(shè)計(jì)制作網(wǎng)頁(yè)與管理各種文件的任務(wù)不同，其工作的界面也不相同。每一種工作界面就是一種視圖，F(xiàn)rontPage中共有7種視圖 。 1“網(wǎng)頁(yè)視圖” 2“文件夾”視圖 3“導(dǎo)航”視圖 4“超鏈接”視圖,上一張,下一張,退 出,主菜單,5.1 FrontPage基礎(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.1 FrontPage基礎(chǔ)知識(shí),實(shí)例1 霧凇 新建網(wǎng)站 新建網(wǎng)頁(yè)和文件夾,上一張,下一張,退 出,主菜單,5.2 添加課件的教學(xué)內(nèi)容,添加文字 在網(wǎng)頁(yè)中添加文字與Word一樣，先輸入文字或者從其他地方粘貼過(guò)來(lái)，然后設(shè)置文字的字號(hào)、字體、顏色、對(duì)齊方式等。 實(shí)例2 海燕 輸入文字 設(shè)置文字和段落格式 插入水平線,上一張,下一張,退 出,主菜單,5.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)容,添加圖片 圖片在課件制作中有著舉足輕重的作用，它的直觀、形象特性是文字無(wú)法替代的，它除了能展示教學(xué)內(nèi)容，還能起到美化網(wǎng)頁(yè)的作用。 實(shí)例4 平面鏡成像 打開(kāi)編輯網(wǎng)頁(yè)“default.htm” 插入圖片 插入圖片庫(kù),上一張,下一張,退 出,主菜單,5.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)容,添加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.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à)面,用主題美化網(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à)面,使用表格規(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.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è)置交互 在瀏覽網(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.5 設(shè)置課件的動(dòng)態(tài)效果,實(shí)例11 氧化還原反應(yīng) 插入動(dòng)態(tài)按鈕 插入滾動(dòng)字幕 設(shè)置切換效果 應(yīng)用DHTML效果,上一張,下一張,退 出,主菜單,5.6 制作綜合課件實(shí)例,中學(xué)化學(xué)課件制作實(shí)例 實(shí)例12 鐵的性質(zhì) 使用共享邊框制作課件導(dǎo)航 制作首頁(yè) 制作課件“課堂練習(xí)”部分 測(cè)試網(wǎng)站 發(fā)布網(wǎng)站,上一張,下一