在網(wǎng)頁中插入多媒體對象_第1頁
在網(wǎng)頁中插入多媒體對象_第2頁
在網(wǎng)頁中插入多媒體對象_第3頁
在網(wǎng)頁中插入多媒體對象_第4頁
在網(wǎng)頁中插入多媒體對象_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

在網(wǎng)頁中插入多媒體對象第一頁，共二十五頁，2022年，8月28日第八章在網(wǎng)頁中插入多媒體對象實(shí)例導(dǎo)入：多媒體站點(diǎn)8.1使用多媒體對象8.2多媒體網(wǎng)站實(shí)例的制作過程8.3第二頁，共二十五頁，2022年，8月28日8.1實(shí)例導(dǎo)入：多媒體站點(diǎn)在網(wǎng)頁中應(yīng)用多媒體對象可以增強(qiáng)網(wǎng)頁的娛樂性和感染力，多媒體成為最有魅力的方式，也是潮流的方向?！纠?.1】娛樂在線多媒體站點(diǎn)，如圖8.1所示。該多媒體站點(diǎn)主要實(shí)現(xiàn)的功能是在線觀看Flash動(dòng)畫、Flash視頻以及其它類型的視頻及音頻文件。在本網(wǎng)站實(shí)例中，主要涉及以下知識點(diǎn)：背景音樂的設(shè)置；插入Flash對象：Flash動(dòng)畫、Flash視頻、Flash按鈕、Flash文本等；插入其它類型視頻和音頻文件。第三頁，共二十五頁，2022年，8月28日第四頁，共二十五頁，2022年，8月28日8.2使用多媒體對象網(wǎng)頁中常用的多媒體對象主要分為Flash類(包括Flash動(dòng)畫、Flash按鈕、Flash文本、Flash視頻等)、Javaapplets、ActiveX控件類，以及各種音頻、視頻文件(如Shockwave影片、QuickTime、RM、WMV、Mp3等)。第五頁，共二十五頁，2022年，8月28日設(shè)置頁面背景音樂由于背景音樂不是一種標(biāo)準(zhǔn)的網(wǎng)頁屬性，所以需要用修改源代碼的方式為網(wǎng)頁添加背景音樂。操作步驟如下：步驟1打開要添加背景音樂的網(wǎng)頁，切換到代碼視圖或拆分視圖。步驟2在<head>和</head>標(biāo)簽之間添加以下代碼：<bgsoundsrc=”背景音樂的URL地址”

loop=”n”>

在Bgsound標(biāo)簽中，src用于指定背景音樂的源文件路徑。Loop是指背景音樂的循環(huán)次數(shù)，如果輸入為-1，則表示無限循環(huán)。Bgsound標(biāo)簽中所支持的背景音樂格式為：wav、mid、mp3等。保存網(wǎng)頁，在瀏覽器中瀏覽網(wǎng)頁中背景音樂的播放效果。第六頁，共二十五頁，2022年，8月28日8.2.2插入Flash影片

Flash是一種高質(zhì)量、高壓縮率的矢量動(dòng)畫，有超強(qiáng)的交互能力，也正是因?yàn)檫@些原因，F(xiàn)lash在網(wǎng)絡(luò)上得到了快速發(fā)展。插入在網(wǎng)頁中的Flash影片格式為swf，F(xiàn)lash源文件格式為Fla，源文件不能直接插入到網(wǎng)頁中，但可以在Flash軟件中修改源文件。插入Flash影片常用的方法有兩種。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“Flash”按鈕，如圖8.2所示?；蜻x擇“插入”菜單｜“媒體”｜“Flash”命令，如圖8.3所示。插入Flash影片后，在“文檔”窗口中出現(xiàn)Flash占位符。第七頁，共二十五頁，2022年，8月28日第八頁，共二十五頁，2022年，8月28日在網(wǎng)頁中添加FLASH按鈕和文本

Dreamweaver8.0增添了一些Flash對象，包括Flash文本、Flash按鈕和Flash元素等，不使用Flash軟件也可以制作出漂亮的Flash動(dòng)畫了。使用Flash文本對象可以輕松地制作出只包含文本的Flash動(dòng)畫，這樣設(shè)計(jì)者就不用擔(dān)心網(wǎng)頁瀏覽者沒有安裝特殊字體而無法看到網(wǎng)頁的最佳效果了。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“Flash文本”按鈕，或選擇“插入”菜單｜“媒體”｜“Flash文本”命令，彈出“插入Flash文本”對話框，如圖8.4所示。

第九頁，共二十五頁，2022年，8月28日第十頁，共二十五頁，2022年，8月28日8.2.4插入Flash按鈕使用Dreamweaver8.0就可以快捷地制作出動(dòng)感Flash按鈕。制作多個(gè)Flash按鈕可以組成一個(gè)動(dòng)態(tài)的導(dǎo)航欄。操作步驟如下：單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“Flash按鈕”按鈕，或選擇“插入”菜單｜“媒體”｜“Flash按鈕”命令，彈出“插入Flash按鈕”對話框，如圖8.5所示。設(shè)置Flash按鈕的相關(guān)參數(shù)。第十一頁，共二十五頁，2022年，8月28日第十二頁，共二十五頁，2022年，8月28日8.2.5插入FlashVideoFlashVideo即Flash視頻，它的后綴名為：.flv，是目前廣泛流行的一種視頻文件格式。一般的視頻文件：asf、wmv、rm等都需要專門的播放器來支持視頻文件的播放，否則根本無法收看，并且這類文件容量過大，下載慢，查看也不很流暢。為了解決播放器和容量的問題，可以將各類視頻文件轉(zhuǎn)換成Flash視頻文件，即Flv格式。經(jīng)過編碼后的音頻和視頻數(shù)據(jù)，通過FlashPlayer傳送。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“FlashVideo”按鈕，或選擇“插入”菜單｜“媒體”｜“FlashVideo”命令，彈出“插入Flash視頻”的對話框，如圖8.6所示。設(shè)置FlashVideo的相關(guān)參數(shù)。第十三頁，共二十五頁，2022年，8月28日第十四頁，共二十五頁，2022年，8月28日8.2.6插入FlashPaper

FlashPaper是一款轉(zhuǎn)換軟件，可以將任何可打印的文檔轉(zhuǎn)換為SWF或PDF文檔，原文檔的排版樣式和字體顯示不受影響，不論瀏覽者的平臺(tái)和語言版本是什么，都可以自由的觀看你所制作的電子文檔動(dòng)畫，并可以進(jìn)行自由的縮放、翻頁、搜索和打印等操作，對文檔的傳播非常有好處。用戶安裝FlashPaper軟件后，打開word軟件時(shí)，就會(huì)多出FlashPaper菜單欄，還多出一個(gè)FlashPaper工具欄，如圖8.7所示。第十五頁，共二十五頁，2022年，8月28日在word中，單擊FlashPaper工具欄中的“轉(zhuǎn)換為Flash”按鈕時(shí)，即可將當(dāng)前word文檔轉(zhuǎn)換swf格式的文件。將它可以作為Flash文件插入到網(wǎng)頁中。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“Flashpaper”按鈕，或選擇“插入”菜單｜“媒體”｜“FlashPaper”命令，彈出“插入FlashPaper”的對話框，如圖所示。輸入FlashPaper文檔名，或單擊“瀏覽”按鈕查找FlashPaper路徑，輸入寬度和高度（以像素為單位）指定FlashPaper對象在網(wǎng)頁上的尺寸，單擊“確定”按鈕，如圖8.8所示?！拔臋n”窗口出現(xiàn)一個(gè)Flash占位符。

第十六頁，共二十五頁，2022年，8月28日8.2.7插入Flash元素制作像冊在Dreamweaver8.0中，可以插入Flash元素制作動(dòng)態(tài)的像冊。當(dāng)打開包含F(xiàn)LASH像冊元素的網(wǎng)頁后，將自動(dòng)加載制作好的像冊，最前面顯示當(dāng)前照片數(shù)和照片總數(shù)量，后面是后退、播放/停止、前進(jìn)按鈕，單擊的時(shí)候有不錯(cuò)的FLASH翻頁效果，也可設(shè)置為自動(dòng)播放和循環(huán)播放。操作步驟如下：步驟1首先準(zhǔn)備好在Flash相冊中要顯示的多張圖像，圖像尺寸大小一致。步驟2單擊“插入”欄｜“Flash元素”｜“圖像查看器”按鈕，彈出“保存Flash元素”的對話框，保存Flash元素文件，后綴名為swf。步驟3在“文檔”窗口出現(xiàn)Flash占位符，單擊Flash占位符，拖動(dòng)Flash占位符四周的控制點(diǎn)來調(diào)節(jié)像冊尺寸大小。選中Flash占位符，選擇“窗口”菜單｜“標(biāo)簽檢查器”命令，打開“標(biāo)簽標(biāo)查器”面板，如圖8.9所示。設(shè)置Flash元素的相關(guān)參數(shù)。第十七頁，共二十五頁，2022年，8月28日第十八頁，共二十五頁，2022年，8月28日在網(wǎng)頁中嵌入音頻文件在網(wǎng)頁中加入背景音樂雖然簡便，但是缺乏對音頻文件的控制能力，比如瀏覽者不想聽到背景音樂時(shí)，卻無法使播放的聲音停下來，并且背景音樂所支持的音頻文件格式有限。因此可以媒體插件的方式嵌入聲音文件。網(wǎng)頁中的音頻文件格式為：mid、wav，幾乎所有的瀏覽器都支持這兩種聲音格式，所以客戶端無需插件即對其支持，另外還有mp3、rm、mwv、mov等。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“插件”按鈕，彈出“選擇文件”的對話框，選擇音頻文件的路徑，單擊“確定”按鈕。文檔窗口出現(xiàn)插件占位符，選中插件占位符，拖動(dòng)占位符四周的控制點(diǎn)，可調(diào)整播放器界面的尺寸，如圖所示。選中插件占位符，單擊“屬性”面板中“參數(shù)”按鈕，彈出參數(shù)對話框，或在“插件”標(biāo)簽檢查器中，設(shè)置相關(guān)的參數(shù)，如圖8.10所示。第十九頁，共二十五頁，2022年，8月28日第二十頁，共二十五頁，2022年，8月28日8.2.9在網(wǎng)頁中嵌入視頻文件隨著寬帶網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)視頻點(diǎn)播已經(jīng)普及，通過網(wǎng)絡(luò)可以在線看免費(fèi)的影片，在線收看遠(yuǎn)程教學(xué)等。這些都是通過在網(wǎng)頁中嵌入視頻文件來實(shí)現(xiàn)的。網(wǎng)頁中視頻文件的常見格式有：rm、wmv、asf、mov等。嵌入方式與音頻文件的嵌入方法一致。單擊“插入”欄｜“常用”選項(xiàng)｜“媒體”｜“插件”按鈕，在彈出“選擇文件”的對話框中查找視頻文件路徑即可。在“文檔”窗口出現(xiàn)插件占位符，根據(jù)視頻畫面大小拖動(dòng)插件占位符四周的控制點(diǎn)改變插件尺寸，參數(shù)設(shè)置也與音頻文件相似，這里就不重復(fù)了。在網(wǎng)頁中還可以插入更多的多媒體對象如：Shockwave、JavaApplet、ActiveX等，插入方法與上面所述相似，這里就不詳細(xì)敘述了。第二十一頁，共二十五頁，2022年，8月28日8.3多媒體網(wǎng)站實(shí)例的制作過程本節(jié)詳細(xì)講解【例8.1】“娛樂在線”多媒體站點(diǎn)的制作過程，其功能主要是實(shí)現(xiàn)視頻點(diǎn)播，由多個(gè)網(wǎng)頁構(gòu)成，通過超鏈接將網(wǎng)頁關(guān)聯(lián)起來。第二十二頁，共二十五頁，2022年，8月28日本章小結(jié)本章通過制作一個(gè)綜合性多媒體站點(diǎn)的實(shí)例，講解了多媒體技術(shù)在網(wǎng)絡(luò)中的應(yīng)用。1．Flash對象的應(yīng)用：Flash影片、Flash文本、Flash按鈕、Flash視頻、Flash元素等。2．視頻文件的嵌入：各種視頻文件的嵌入使網(wǎng)絡(luò)在線點(diǎn)播成為時(shí)尚。3．音頻文件的應(yīng)用：背景音樂的設(shè)置、音頻文件的嵌入。本章練習(xí)題1.選擇題（1）網(wǎng)頁中背景音樂常用的音頻文件格式為（）。A．mid、wav

B．wav、jpeg、mov

C．swf、wav、rm

D．gif、wav、rm（2）Flash影片文件格式為（）。A．jpgB．wmvC．a(chǎn)sfD．swf（3）Flash視頻文件格式為（）。A．swfB．flaC．flvD．a(chǎn)vi2.簡答題網(wǎng)頁中常用的多媒體對象包括哪些？Flash視頻與其它視頻格式文件比較有什么優(yōu)點(diǎn)？如何將Flash動(dòng)畫的背景設(shè)置為透明？第二十三頁，共二十五頁，2022年，8月28日上機(jī)實(shí)訓(xùn)1.背景知識根據(jù)本章所學(xué)的在網(wǎng)頁中嵌入多媒體對象的方法，再綜合前面所學(xué)的創(chuàng)建站點(diǎn)及編輯網(wǎng)頁的知識，制作功能完善的多媒體站點(diǎn)。2.實(shí)訓(xùn)準(zhǔn)備工作將相應(yīng)的網(wǎng)頁草圖和網(wǎng)頁素材，如：音頻、視頻、flash等文件，以及相關(guān)的軟件，如：flashpaper軟件準(zhǔn)備好，發(fā)送到學(xué)生主機(jī)中，以供

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論