網(wǎng)頁課件制作

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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