第六章.FrontPage網(wǎng)絡多媒體課件制作

第六章FrontPage網(wǎng)絡多媒體課件制作第一節(jié)

FrontPage2003簡介第二節(jié)

FrontPage網(wǎng)絡多媒體課件制作第三節(jié)

框架網(wǎng)頁制作第四節(jié)

用HTML語言實現(xiàn)視頻在線播放第一節(jié)FrontPage2003簡介一、FrontPage2003的界面編輯區(qū)視圖方式狀態(tài)欄工具欄菜單欄1、啟動：（1）建立一個網(wǎng)站文件夾，作為網(wǎng)頁文件和其它相關文件的存儲文件夾；（2）打開FrontPage程序，顯示FrontPage窗口；（3）通過“新建”菜單命令或工具按鈕，選擇站點模板，新建一個站點，在“指定站點位置”處錄入站點文件夾名稱；二、用FrontPage2003制作網(wǎng)絡多媒體課件的基本方法和步驟2、編輯主頁文件：（1）雙擊index.htm文件進入主頁編輯狀態(tài)；（2）在窗口中錄入標題文字并設置字體；（3）菜單“插入/水平線”，右擊水平線設置水平線；（4）菜單“插入/組件/字幕”，錄入文字并進行設置；（5）菜單“插入/圖片/來自文件”，選擇需要插入的圖片并進行設置；二、用FrontPage2003制作網(wǎng)絡多媒體課件的基本方法和步驟（6）聲音：空白處右擊選“網(wǎng)頁屬性/背景音樂”；（7）其它多媒體素材的使用；（8）插入表格以示整潔：在工具欄單擊“插入表格”；（9）書簽：選定書簽所在位置文字，用菜單“插入/書簽”；（10）超級鏈接書簽：選定文字項，用菜單“插入/超級鏈接

/書簽”，并定義書簽名；（11）單擊左下角的“預覽”，預覽網(wǎng)頁效果；二、用FrontPage2003制作網(wǎng)絡多媒體課件的基本方法和步驟3、新建其它網(wǎng)頁文件：（1）在左側文件夾列表框空白處右擊鼠標選擇“新建網(wǎng)頁”，并取一個英文網(wǎng)頁名；（2）依次編輯其它網(wǎng)頁；（3）文件的超級鏈接：選擇需要鏈接的文字，菜單“插入/超級鏈接”，可以選擇網(wǎng)站中的文件、計算機中的文件、網(wǎng)址、郵箱地址等進行鏈接。二、用FrontPage2003制作網(wǎng)絡多媒體課件的基本方法和步驟4、保存、瀏覽、修改與發(fā)布（1）保存并退出編輯；（2）打開IE瀏覽器，菜單“文件/打開”，選擇主頁文件

index.htm打開主頁，瀏覽各網(wǎng)頁，檢查網(wǎng)頁上的錯誤；（3）重新編輯修改各網(wǎng)頁（4）網(wǎng)站發(fā)布。二、用FrontPage2003制作網(wǎng)絡多媒體課件的基本方法和步驟第二節(jié)FrontPage網(wǎng)絡多媒體課件制作一、新建網(wǎng)站

1、通過“文件”菜單中的“新建”，打開新建工具欄。

2、單擊其中的“由一個網(wǎng)頁組成的網(wǎng)站……”，打開網(wǎng)站模板對話框。

3、選擇一種模板，并在“指定新網(wǎng)站的位置”輸入框中輸入新建網(wǎng)站的地址，或者通過“瀏覽”按鈕查找要指定的新網(wǎng)站的位置。一、新建網(wǎng)站

4、按“確定”按鈕，進入主頁編輯。雙擊“index.htm”，打開主頁編輯窗口，編輯制作主頁。一、新建網(wǎng)站

1、設置主題。在“格式”菜單中選擇“主題”菜單項，在右側的主題窗格中單擊主題列表中的具體項目，選擇一種與內(nèi)容風格相一致的主題。二、多媒體網(wǎng)頁的設計、編輯和制作

2、插入藝術字作為標題。在“插入”菜單的“圖片”菜單項列表中選擇“藝術字”，打開“藝術字庫”對話框，雙擊“藝術字庫”對話框中的藝術字樣式，打開“編輯藝術字文字”對話框，在其中輸入藝術字文字并設置字體和文字風格。按確定按鈕，完成插入藝術字。Frontpage2003二、多媒體網(wǎng)頁的設計、編輯和制作

3、插入水平線條。在“插入”菜單選擇“水平線”菜單項即可插入水平線。在插入的水平線上用鼠標右擊，在快捷菜單中選擇“水平線屬性”，打開“水平線屬性”對話框。在該對話框中可進一步設置水平線的大小、對齊方式、顏色和樣式等。二、多媒體網(wǎng)頁的設計、編輯和制作

4、插入字幕。字幕是一種具有動態(tài)效果的文字對象，字幕文字在屏幕上水平滾動。在“插入”菜單中選擇“Web組件”，打開“插入Web組件”對話框。在其左側的列表中選擇“動態(tài)效果”，在其右側的列表中選擇“字幕”列表項，按“完成”按鈕，將打開“字幕屬性”對話框。在“字幕屬性”對話框中輸入字幕文字、設置字幕文字移動的方向、速度、表現(xiàn)方式、字幕的大小、重復的次數(shù)、背景顏色等。二、多媒體網(wǎng)頁的設計、編輯和制作二、多媒體網(wǎng)頁的設計、編輯和制作二、多媒體網(wǎng)頁的設計、編輯和制作

5、插入表格。在“表格”菜單中選擇“插入”-“表格”，打開“插入表格”對話框。在對話框可以設置表格的行數(shù)、列數(shù)、布局、邊框、背景等各種屬性。二、多媒體網(wǎng)頁的設計、編輯和制作

6、插入圖片。在“插入”菜單中選擇“圖片”菜單項的“來自文件”，在“圖片”對話框中選擇要插入圖片的位置和名稱，插入所選的圖片。

7、插入GIF動畫。插入GIF動畫的方法與插入圖片的方法相同，只要在“圖片”對話框中選擇GIF動畫文件即可。

8、插入FLASH動畫。在“插入”菜單中選擇“圖片”菜單項的“FLASH影片”，在“選擇文件”對話框中選擇要插入FLASH影片的位置和名稱，插入所選的FLASH動畫。二、多媒體網(wǎng)頁的設計、編輯和制作

9、插入視頻。在“插入”菜單中選擇“圖片”、“視頻”菜單項。在視頻對話框中，選擇所需的媒體文件，然后單擊打開。FrontPage2003直接支持的文件類型包括Windows視頻文件(*.avi)、Windows媒體文件(*.asf)、RealAudio文件(*.ram;*.ra)。二、多媒體網(wǎng)頁的設計、編輯和制作要在FrontPage2003中插入格式不直接支持的視頻文件，可以在“插入”菜單中單擊“Web組件”，在“Web組件”對話框的左窗格中單擊“高級控件”，在右窗格中雙擊插件，在“插件屬性”對話框中的數(shù)據(jù)源框中，鍵入要加載插件的文件的URL，或單擊瀏覽以找到該文件，并在“插件屬性”對話框中鍵入或修改其它相關信息。二、多媒體網(wǎng)頁的設計、編輯和制作二、多媒體網(wǎng)頁的設計、編輯和制作

10、插入聲音。在FrontPage2003中使用聲音有兩種方法，一種是在網(wǎng)頁的空白處右擊，在彈出的快捷菜單中選擇“網(wǎng)頁屬性”，在“網(wǎng)頁屬性”對話框的“常規(guī)”選項卡中的“背景音樂”中，單擊“瀏覽”按鈕，查找并插入聲音文件。該方法支持的聲音文件類型有：*.wav、*.mid、*.ram、*.ra等。另一種方法是，利用插件插入聲音文件，其使用方法與插入視頻的方法相同。用這種方法可以插入前一種方法不支持的聲音文件格式，如*.MP3。需要注意的是，作為背景音樂，如果循環(huán)播放，將會和以后插入的聲音重疊，應避免這種情況的出現(xiàn)。二、多媒體網(wǎng)頁的設計、編輯和制作11、插入超級鏈接。選擇網(wǎng)頁上的文字或其它對象，在“插入”菜單中單擊“超級鏈接”菜單項，在彈出的對話框中選擇要鏈接的網(wǎng)頁文件。二、多媒體網(wǎng)頁的設計、編輯和制作三、主頁和其它相關網(wǎng)頁的鏈接主頁既是進入網(wǎng)站時的第一個網(wǎng)頁，往往也是鏈接其它相關網(wǎng)頁以形成整個網(wǎng)站結構的網(wǎng)頁。主頁和其他網(wǎng)頁的設計與制作沒有根本的不同。主頁中文本、圖像等對象通過設置超級鏈接指向其它網(wǎng)頁，而其它網(wǎng)頁要返回到主頁，也需要通過設置指向主頁的超級鏈接。第三節(jié)框架網(wǎng)頁制作一、框架網(wǎng)頁簡介框架網(wǎng)頁是一種特殊的網(wǎng)頁，主要由邊框、網(wǎng)頁、滾動條組成。在使用瀏覽器瀏覽框架網(wǎng)頁時，瀏覽器窗口被分割成幾個獨立且相互聯(lián)系的區(qū)域，每個區(qū)域稱為一個框架。每一個框架都對應一個網(wǎng)頁。當打開框架頁時，則同時載入每個框架所相連的網(wǎng)頁文件。使用框架網(wǎng)頁的目的是為了瀏覽者更方便、快速地搜索到所需信息。使用框架制作網(wǎng)絡多媒體課件，結構簡捷明了，便于內(nèi)容的組織和導航設計，操作使用也很方便。二、框架網(wǎng)頁的制作1、在“文件”菜單上，單擊“新建”。在“新建”任務窗格中，在“新建網(wǎng)頁”之下，單擊“其他網(wǎng)頁模板”。單擊“框架網(wǎng)頁”選項卡。選擇一個模板，例如“標題、頁腳和目錄”模板，預覽其布局。

2、單擊“確定”按鈕，將出現(xiàn)框架結構網(wǎng)頁。在框架結構網(wǎng)頁設置要顯示在每個框架中的初始網(wǎng)頁（初始網(wǎng)頁：當網(wǎng)站訪問者瀏覽到包含框架的框架網(wǎng)頁時，最初顯示在該框架中的網(wǎng)頁）。

3、單擊要設置初始網(wǎng)頁的框架。執(zhí)行下列操作之一，選擇一個已創(chuàng)建的網(wǎng)頁：在框架中，單擊“設置初始網(wǎng)頁”，然后選擇要顯示的網(wǎng)頁；創(chuàng)建新網(wǎng)頁，并將其設置為該框架中顯示的初始網(wǎng)頁。在框架中，單擊“新建網(wǎng)頁”。MicrosoftFrontPage會在該框架中創(chuàng)建一個新網(wǎng)頁，該新網(wǎng)頁會自動設置為初始網(wǎng)頁。二、框架網(wǎng)頁的制作二、框架網(wǎng)頁的制作使用框架網(wǎng)頁和框架來組織網(wǎng)站時，不應使用共享邊框（共享邊框：預留的網(wǎng)頁區(qū)域，用于存放希望在所有網(wǎng)頁上顯示的一致內(nèi)容。共享邊框通常包含鏈接欄，內(nèi)含指向當前網(wǎng)站的其他網(wǎng)頁的超鏈接。）或鏈接欄（鏈接欄：圖形或文本按鈕的集合，這些按鈕表示指向網(wǎng)站內(nèi)部或外部網(wǎng)站中的網(wǎng)頁的超鏈接）。因為將共享邊框或鏈接欄與框架一起使用會導致網(wǎng)站出現(xiàn)導航混亂。注意二、框架網(wǎng)頁的制作在框架網(wǎng)頁中插入超鏈接的方法與在普通網(wǎng)頁中加入超鏈接的方法基本相同。先在框架網(wǎng)頁中選定要插入超鏈接的文本或圖像等對象，然后再單擊插入菜單中的“超鏈接…”（或者在需要插入超鏈接的對象上用鼠標右擊，在快捷菜單中選擇“插入超鏈接”；或者在常用工具欄上單擊“插入超鏈接”按鈕）打開“插入超鏈接”對話框。在“插入超鏈接”對話框中選擇要鏈接的網(wǎng)頁。三、設置框架的超鏈接三、設置框架的超鏈接選定要鏈接的網(wǎng)頁后，還需要單擊“插入超鏈接”對話框中的“目標框架”按鈕，打開“目標框架”對話框。在該對話框中可以設置要鏈接的網(wǎng)頁在框架結構的什么位置顯示出來。一般情況下，可以在“當前框架網(wǎng)頁”中直接單擊其中的一個位置來顯示要鏈接的網(wǎng)頁，再單擊確定按鈕即可。也可在“目標位置”下的文本框中直接輸入某個框架的名稱，來設置要鏈接的網(wǎng)頁的顯示位置。三、設置框架的超鏈接三、設置框架的超鏈接“目標框架”對話框中，“公用的目標區(qū)”列表中列表項的含義如下：網(wǎng)頁默認值：在默認的框架位置顯示相同框架：該鏈接的網(wǎng)頁將覆蓋鏈接所在框架中的網(wǎng)頁整頁：覆蓋整個窗口，當前框架被替換新建窗口：新建一個網(wǎng)頁窗口來顯示鏈接的網(wǎng)頁父框架：可以回到該框架的上一層顯示要鏈接的頁面

三、設置框架的超鏈接《地球概論》的框架網(wǎng)頁《地球概論》的框架網(wǎng)頁第四節(jié)用HTML語言實現(xiàn)視頻在線播放超文本標記語言HTML是制作網(wǎng)頁的標準語言。當切換到“代碼”視圖方式時，就可以看到所有的HTML標記及其結構。在網(wǎng)頁代碼中，可以插入一段HTML語言代碼，以實現(xiàn)相應的功能。以下的HTML語言代碼可以實現(xiàn)RMVB格式的視頻在線播放。<HEAD><TITLE>宇宙探索</TITLE></HEAD><BODYBGCOLOR=#99CCFF><CENTER><HR><H1>宇宙探索：從天圓地方看宇宙</H1><HR><objectid="player"name="player"classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"width="600"height="408">第四節(jié)用HTML語言實現(xiàn)視頻在線播放<paramname="_ExtentX"value="18415"><paramname="_ExtentY"value="9102"><paramname="AUTOSTART"value="-1"><paramname="SHUFFLE"value="0"><paramname="PREFETCH"value="0"><paramname="NOLABELS"value="-1"><paramname="SRC"value="yzts\tydf.rmvb"><paramname="CONTROLS"value="Imagewindow"><paramname="CONSOLE"value="clip1"><paramname="LOOP"value="0"><paramname="NUMLOOP"value="0"><paramname="CENTER"value="0">第四節(jié)用HTML語言實現(xiàn)視頻在線播放<paramname="MAINTAINASPECT"value="0"><paramname="BACKGROUNDCOLOR"value="#000000"></object><br><objectID="RP2"CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"WIDTH="600"HEIGHT="57"><paramname="_ExtentX"value="18415"><paramname="_ExtentY"value="1005"><paramname="AUTOSTART"value="-1"><paramname="SHUFFLE"value="0"><paramname="PREFETCH"value="0"><paramname="NOLABELS"value="-1"><paramname="SRC"value="yzts\從“天圓地方”看宇宙－趙復垣.rmvb">第四節(jié)用HTML語言實現(xiàn)視頻在線播放<PARAMNAME="CONTROLS"VALUE="ControlPanel,StatusBar"><paramname="CONSOLE"value="clip1"><paramname="LOOP"value="0"><paramname="NUMLOOP"value="0"><paramname="CENTER"value="0"><paramname="MAINTAINASPECT"value="0"><paramname="BACKGROUNDCOLOR"value="#000000">第四節(jié)用HTML語言實現(xiàn)視頻在線播放</object><HR><AHREF="yzts.htm"Target="_self">返回目錄</A><HR></CENTER></BODY>第四節(jié)用HTML語言實現(xiàn)視頻在線播放上述HTML語言代碼包括四個部分。第一部分是頭部和網(wǎng)頁標題部分（從開始到<H1>宇宙探索：從天圓地方看宇宙</H1>后的<HR>語句）。這部分設置網(wǎng)頁的標題、背景顏色、文本及其格式等。第四節(jié)用HTML語言實現(xiàn)視頻在線播放從<objectid=“player"name="player"語句開始直到</object><br>語句是第二部分，用來設置視頻文件的在線播放。classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"width="600"height="408">表示使用Realplayer播放器播放，視頻的寬度和高度分別為600和408像素。<paramname="SRC"value="yzts\tydf.rmvb">語句中yzts\tydf.rmvb表示視頻文件的位置和名稱。視頻的寬度和高度可根據(jù)需要做適當?shù)男薷?。視頻文件的位置和名稱如果換成其它視頻的位置和名稱，則可以實現(xiàn)其它視頻文件的在線播放。第四節(jié)用HTML語言實現(xiàn)視頻在線播放從<objectID=“RP2”CLASSID=“clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”WIDTH=“600”