1、多媒體計算機輔助教學與課件制作多媒體計算機輔助教學與課件制作第一節第一節 FrontPage 2003 FrontPage 2003 簡介簡介 第二節第二節 FrontPageFrontPage網絡多媒體課件制作網絡多媒體課件制作 第三節第三節 框架網頁制作框架網頁制作 第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 第一節第一節 FrontPage 2003 FrontPage 2003 簡介簡介一、一、FrontPage 2003FrontPage 2003的的 界面界面編輯區視圖方式狀態欄工具欄菜單欄1 1、啟動、啟動： （1）建立一個網站文件夾，作為網頁文件

2、和其它相關文件的存儲文件夾；（2）打開FrontPage程序，顯示FrontPage窗口；（3）通過“新建”菜單命令或工具按鈕，選擇站點模板，新建一個站點，在“指定站點位置”處錄入站點文件夾名稱；二、用二、用FrontPage2003FrontPage2003制作制作網絡多媒體課件的基本方法和步驟網絡多媒體課件的基本方法和步驟2 2、編輯主頁文件：、編輯主頁文件：（1）雙擊index.htm文件進入主頁編輯狀態；（2）在窗口中錄入標題文字并設置字體；（3）菜單“插入/水平線”，右擊水平線設置水平線；（4）菜單“插入/組件/字幕”，錄入文字并進行設置；（5 5）菜單“插入/圖片/來自文件”，選擇

3、需要插入的圖片并 進行設置；二、用二、用FrontPage2003FrontPage2003制作制作網絡多媒體課件的基本方法和步驟網絡多媒體課件的基本方法和步驟（6）聲音：空白處右擊選“網頁屬性/背景音樂”；（7）其它多媒體素材的使用；（8）插入表格以示整潔：在工具欄單擊“插入表格”；（9）書簽：選定書簽所在位置文字，用菜單“插入/書簽”；（10）超級鏈接書簽：選定文字項，用菜單“插入/超級鏈接 /書簽”，并定義書簽名；（11）單擊左下角的“預覽”，預覽網頁效果；二、用二、用FrontPage2003FrontPage2003制作制作網絡多媒體課件的基本方法和步驟網絡多媒體課件的基本方法和步驟

4、3、新建其它網頁文件：（1）在左側文件夾列表框空白處右擊鼠標選擇“新建網 頁”，并取一個英文網頁名；（2）依次編輯其它網頁；（3）文件的超級鏈接：選擇需要鏈接的文字，菜單“插 入/超級鏈接” ，可以選擇網站中的文件、計算機 中的文件、網址、郵箱地址等進行鏈接。二、用二、用FrontPage2003FrontPage2003制作制作網絡多媒體課件的基本方法和步驟網絡多媒體課件的基本方法和步驟4、保存、瀏覽、修改與發布（1）保存并退出編輯；（2）打開IE瀏覽器，菜單“文件/打開” ，選擇主頁文件 index.htm打開主頁，瀏覽各網頁，檢查網頁上的 錯誤；（3）重新編輯修改各網頁（4）網站發布。二

5、、用二、用FrontPage2003FrontPage2003制作制作網絡多媒體課件的基本方法和步驟網絡多媒體課件的基本方法和步驟第二節第二節 FrontPageFrontPage網絡多媒體課件制作網絡多媒體課件制作一、新建網站一、新建網站 1、 通過“文件”菜單中的“新建”，打開新建工具欄。 2、單擊其中的“由一個網頁組成的網站”，打開網站模板對話框。 3、選擇一種模板，并在“指定新網站的位置”輸入框中輸入新建網站的地址，或者通過“瀏覽”按鈕查找要指定的新網站的位置。 一、新建網站一、新建網站 4、按“確定”按鈕，進入主頁編輯。雙擊“index.htm”，打開主頁編輯窗口，編輯制作主頁。一、

6、新建網站一、新建網站 1、設置主題。在“格式”菜單中選擇“主題”菜單項，在右側的主題窗格中單擊主題列表中的具體項目，選擇一種與內容風格相一致的主題。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 2、插入藝術字作為標題。在“插入”菜單的“圖片”菜單項列表中選擇“藝術字”，打開“藝術字庫”對話框，雙擊“藝術字庫”對話框中的藝術字樣式，打開“編輯藝術字文字”對話框，在其中輸入藝術字文字并設置字體和文字風格。按確定按鈕，完成插入藝術字。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 3、插入水平線條。在“插入”菜單選擇“水平線”菜單項即可插入水平線。在插入的水平線

7、上用鼠標右擊，在快捷菜單中選擇“水平線屬性”，打開“水平線屬性”對話框。在該對話框中可進一步設置水平線的大小、對齊方式、顏色和樣式等。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 4、插入字幕。字幕是一種具有動態效果的文字對象，字幕文字在屏幕上水平滾動。在“插入”菜單中選擇“Web組件”，打開“插入Web組件”對話框。在其左側的列表中選擇“動態效果”，在其右側的列表中選擇“字幕”列表項，按“完成”按鈕，將打開“字幕屬性”對話框。在“字幕屬性”對話框中輸入字幕文字 、設置字幕文字移動的方向、速度、表現方式、字幕的大小、重復的次數、背景顏色等。二、多媒體網頁的設計、編輯和制作二

8、、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 5、插入表格。在“表格”菜單中選擇“插入”-“表格”，打開“插入表格”對話框。在對話框可以設置表格的行數、列數、布局、邊框、背景等各種屬性。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 6、插入圖片。在“插入”菜單中選擇“圖片”菜單項的“來自文件”，在“圖片”對話框中選擇要插入圖片的位置和名稱，插入所選的圖片。 7、插入GIF動畫。插入GIF動畫的方法與插入圖片的方法相同，只要在“圖片”對話框中選擇GIF動畫文件即可

9、。 8、插入FLASH動畫。在“插入”菜單中選擇“圖片”菜單項的“FLASH影片”，在“選擇文件”對話框中選擇要插入FLASH影片的位置和名稱，插入所選的FLASH動畫。 二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 9、插入視頻。在“插入”菜單中選擇“圖片”、 “視頻”菜單項。在視頻對話框中，選擇所需的媒體文件，然后單擊打開。FrontPage 2003直接支持的文件類型包括 Windows 視頻文件 (*.avi) 、Windows 媒體文件 (*.asf) 、Real Audio文件 (*.ram; *.ra)。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編

10、輯和制作 要在FrontPage 2003中插入格式不直接支持的視頻文件，可以在“插入”菜單中單擊“Web組件”，在“Web組件”對話框的左窗格中單擊 “高級控件” ，在右窗格中雙擊插件，在“插件屬性”對話框中的數據源框中，鍵入要加載插件的文件的URL，或單擊瀏覽以找到該文件，并在“插件屬性”對話框中鍵入或修改其它相關信息。二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作 10、插入聲音。在FrontPage 2003 中使用聲音有兩種方法，一種是在網頁的空白處右擊，在彈出的快捷菜單中選擇“網頁屬性” ，在“網頁屬

11、性”對話框的“常規”選項卡中的“背景音樂”中，單擊“瀏覽”按鈕，查找并插入聲音文件。該方法支持的聲音文件類型有：*.wav、*.mid、 *.ram、*.ra等。另一種方法是，利用插件插入聲音文件，其使用方法與插入視頻的方法相同。用這種方法可以插入前一種方法不支持的聲音文件格式，如*.MP3。 需要注意的是，作為背景音樂，如果循環播放，將會和以后插入的聲音重疊，應避免這種情況的出現。 二、多媒體網頁的設計、編輯和制作二、多媒體網頁的設計、編輯和制作11、插入超級鏈接。選擇網頁上的文字或其它對象，在“插入”菜單中單擊“超級鏈接”菜單項 ，在彈出的對話框中選擇要鏈接的網頁文件。二、多媒體網頁的設計

12、、編輯和制作二、多媒體網頁的設計、編輯和制作三、主頁和其它相關網頁的鏈接三、主頁和其它相關網頁的鏈接 主頁既是進入網站時的第一個網頁，往往也是鏈接其它相關網頁以形成整個網站結構的網頁。主頁和其他網頁的設計與制作沒有根本的不同。主頁中文本、圖像等對象通過設置超級鏈接指向其它網頁，而其它網頁要返回到主頁，也需要通過設置指向主頁的超級鏈接向主頁的超級鏈接。第三節第三節 框架網頁制作框架網頁制作一、框架網頁簡介一、框架網頁簡介 框架網頁是一種特殊的網頁，主要由邊框、網頁、滾動條組成。在使用瀏覽器瀏覽框架網頁時，瀏覽器窗口被分割成幾個獨立且相互聯系的區域，每個區域稱為一個框架。每一個框架都對應一個網頁。

13、當打開框架頁時，則同時載入每個框架所相連的網頁文件。 使用框架網頁的目的是為了瀏覽者更方便、快速地搜索到所需信息。使用框架制作網絡多媒體課件，結構簡捷明了，便于內容的組織和導航設計，操作使用也很方便。 二、框架網頁的制作二、框架網頁的制作1、在“文件”菜單上，單擊“新建”。 在“新建”任務窗格中，在“新建網頁”之下，單擊“其他網頁模板”。 單擊“框架網頁”選項卡。選擇一個模板，例如“標題、頁腳和目錄”模板，預覽其布局。 2、單擊“確定”按鈕，將出現框架結構網頁。在框架結構網頁設置要顯示在每個框架中的初始網頁（初始網頁：當網站訪問者瀏覽到包含框架的框架網頁時，最初顯示在該框架中的網頁）。 3、單

14、擊要設置初始網頁的框架。 執行下列操作之一，選擇一個已創建的網頁：在框架中，單擊“設置初始網頁”，然后選擇要顯示的網頁；創建新網頁，并將其設置為該框架中顯示的初始網頁。在框架中，單擊“新建網頁”。Microsoft FrontPage 會在該框架中創建一個新網頁，該新網頁會自動設置為初始網頁。 二、框架網頁的制作二、框架網頁的制作二、框架網頁的制作二、框架網頁的制作 使用框架網頁和框架來組織網站時，不應使用共享邊框（共享邊框：預留的網頁區域，用于存放希望在所有網頁上顯示的一致內容。共享邊框通常包含鏈接欄，內含指向當前網站的其他網頁的超鏈接。）或鏈接欄（鏈接欄：圖形或文本按鈕的集合，這些按鈕表示

15、指向網站內部或外部網站中的網頁的超鏈接）。因為將共享邊框或鏈接欄與框架一起使用會導致網站出現導航混亂。注注 意意二、框架網頁的制作二、框架網頁的制作 在框架網頁中插入超鏈接的方法與在普通網頁中加入超鏈接的方法基本相同。先在框架網頁中選定要插入超鏈接的文本或圖像等對象，然后再單擊插入菜單中的“超鏈接”（或者在需要插入超鏈接的對象上用鼠標右擊，在快捷菜單中選擇“插入超鏈接”；或者在常用工具欄上單擊“插入超鏈接”按鈕）打開“插入超鏈接”對話框。在“插入超鏈接”對話框中選擇要鏈接的網頁。三、設置框架的超鏈接三、設置框架的超鏈接三、設置框架的超鏈接三、設置框架的超鏈接 選定要鏈接的網頁后，還需要單擊“插

16、入超鏈接” 對話框中的“目標框架”按鈕，打開“目標框架”對話框。在該對話框中可以設置要鏈接的網頁在框架結構的什么位置顯示出來。 一般情況下 ，可以在“當前框架網頁”中直接單擊其中的一個位置來顯示要鏈接的網頁，再單擊確定按鈕即可。也可在“目標位置 ”下的文本框中直接輸入某個框架的名稱，來設置要鏈接的網頁的顯示位置。三、設置框架的超鏈接三、設置框架的超鏈接三、設置框架的超鏈接三、設置框架的超鏈接 “目標框架”對話框中，“公用的目標區”列表中列表項的含義如下： 網頁默認值：在默認的框架位置顯示 相同框架：該鏈接的網頁將覆蓋鏈接所在框架中的網頁 整頁：覆蓋整個窗口，當前框架被替換 新建窗口：新建一個網

17、頁窗口來顯示鏈接的網頁 父框架：可以回到該框架的上一層顯示要鏈接的頁面 三、設置框架的超鏈接三、設置框架的超鏈接地球概論地球概論的框架網頁的框架網頁 地球概論地球概論的框架網頁的框架網頁 第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 超文本標記語言HTML是制作網頁的標準語言。當切換到“代碼”視圖方式時，就可以看到所有的HTML標記及其結構。在網頁代碼中，可以插入一段HTML語言代碼，以實現相應的功能。以下的HTML語言代碼可以實現RMVB格式的視頻在線播放。宇宙探索宇宙探索：從天圓地方看宇宙第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播

18、放第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放返回目錄第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 上述HTML語言代碼包括四個部分。 第一部分是頭部和網頁標題部分（從開始到宇宙探索：從天圓地方看宇宙后的語句） 。這部分設置網頁的標題、背景顏色、文本及其格式等。第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 從object id=“player name=pl

19、ayer語句開始直到語句是第二部分，用來設置視頻文件的在線播放。classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=600 height=408 表示使用Realplayer播放器播放，視頻的寬度和高度分別為 6 0 0 和 4 0 8 像 素 。 語句中yztstydf.rmvb表示視頻文件的位置和名稱。視頻的寬度和高度可根據需要做適當的修改。視頻文件的位置和名稱如果換成其它視頻的位置和名稱，則可以實現其它視頻文件的在線播放。第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放 從語句到其后的語句是第三部分。

20、該部分表示在網頁中顯示播放控制器，其寬度與視頻文件的寬度相同。 其余的語句是最后一部分，用于返回主頁。 在具體應用時，應在客戶端（用戶）安裝Realplayer播放器，才能在用戶的計算機上使用瀏覽器進行在線播放。 第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放第四節第四節 用用HTMLHTML語言實現視頻在線播放語言實現視頻在線播放使用說明使用說明(1)l 在在Windows XP Windows XP 操作系統下使用（系統中操作系統下使用（系統中Windows Media Player 9 Windows Media Player 9 或以上或以上版本的播放器），并有版本的播放器），并有PowerPoint2003 PowerPoint2003 中文版，否則，有些功能不能使用；中文版，否則，有些功能不能使用；l 在在PowerPoint2003 PowerPoint2003 中，選擇中，選擇“工具工具”菜單的菜單的“宏宏”/“/“宏安全性宏安全性”，在打，在打開的對話框中將宏安全級設置為開的對話框中將宏安