制作多媒體效果網(wǎng)頁(yè)（課堂PPT）

1、.1第十二講 制作多媒體效果網(wǎng)頁(yè)（二） 任務(wù)一 創(chuàng)建網(wǎng)頁(yè)滾動(dòng)廣告 任務(wù)二 創(chuàng)建網(wǎng)頁(yè)視頻.2【知識(shí)點(diǎn)】嵌套表格、代碼視圖【重點(diǎn)/難點(diǎn)】代碼的添加【范例分析】 本實(shí)例在設(shè)計(jì)制作時(shí)，通過(guò)添加Javascript代碼為輸入的公告文字創(chuàng)建滾動(dòng)效果，從而完成本例的制作。任務(wù)一 創(chuàng)建網(wǎng)頁(yè)滾動(dòng)廣告.3【主要步驟】 啟動(dòng)Dreamweaver，新建一個(gè)網(wǎng)頁(yè)文件，將其命名為“index.htm”，打開“頁(yè)面屬性”，設(shè)置“字體”為12pix，“文本顏色”為#FFFFFF，上邊距為0pix；在“分類”列表框中選擇“鏈接”選項(xiàng)，鏈接字體“大小”設(shè)置為9pit，鏈接顏色為#4893DD，將“變換圖像鏈接”顏色設(shè)置為“#1

2、AA663”，在”下劃線樣式”下拉列表框中選擇“始終無(wú)下劃線”。 在網(wǎng)頁(yè)插入三大寬為778pix、居中對(duì)齊且“填充”和“間距”均為0的表格； 其中第一個(gè)表格11； 第二個(gè)表格13且“表格ID”文本框中輸入“01”； 第三個(gè)表格11，背景色設(shè)置為“#EFDCEF”。.4在第一個(gè)表格中再插入一15，寬度為100%的嵌套表格，分別在各列插入相應(yīng)的圖像；（關(guān)鍵步驟）在第二個(gè)表格“01”的第一列中插入光標(biāo)，將其背景顏色設(shè)置為“#DE80A5”， 1）在其中插入一11，寬為253pix，邊框粗細(xì)、單元格邊距和單元格間距均為“0”的嵌套表格，并將表格ID設(shè)置為“01-1”，在其中插入相應(yīng)的圖像； 2 2）將

3、光標(biāo)移至表格）將光標(biāo)移至表格“01-1”01-1”之外的第一列中，再插入一個(gè)之外的第一列中，再插入一個(gè)1 11 1的表格的表格“01-2”01-2”，設(shè)置，設(shè)置同同“01-1”01-1”；將光標(biāo)移至將光標(biāo)移至“01-2”01-2”中，為其設(shè)置一背景圖像；中，為其設(shè)置一背景圖像； 課堂用課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）將光標(biāo)移至）將光標(biāo)移至表格表格“01-2”01-2”中，插入一中，插入一1 11 1、寬為、寬為214pix214pix（高為（高為160

4、pix160pix）、單元格邊距和單元格間）、單元格邊距和單元格間距均為距均為“0”0”的嵌套表格的嵌套表格“01-2-1”01-2-1”，將光標(biāo)移至表格中，為其設(shè)置一背景圖像將光標(biāo)移至表格中，為其設(shè)置一背景圖像，并，并將垂直對(duì)齊設(shè)置為將垂直對(duì)齊設(shè)置為“底部對(duì)齊底部對(duì)齊”； 課堂用課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在）在“01-2-01-2-1”1”表格中再插入一個(gè)表格中再插入一個(gè)1 11 1 、寬為、寬為214pix214pix、單元格邊距和單元格間距

5、均為、單元格邊距和單元格間距均為“0”0”的嵌的嵌套表格套表格“01-2-1-1“01-2-1-1“； 課堂用課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html）在表格）在表格“01-2-1-1“01-2-1-1“中，將垂直對(duì)齊方式設(shè)置為中，將垂直對(duì)齊方式設(shè)置為“頂端頂端”對(duì)齊，然后在表格中對(duì)齊，然后在表格中輸入滾動(dòng)公輸入滾動(dòng)公告文字，并為文字設(shè)置空鏈接；告文字，并為文字設(shè)置空鏈接； 課堂用課堂用/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.

6、html/%E8%AF%BE%E5%A0%82%E6%BC%94%E7%A4%BA.html） 在在“代碼代碼視圖視圖”中，在顯示的文字前后添加代碼（見上部）；中，在顯示的文字前后添加代碼（見上部）； .5（關(guān)鍵步驟） 3）將光標(biāo)移至表格“01-2”外，插入一41、寬為253pix、單元格邊距和單元格間距均為“0”的表格；在第1、3行中插入相應(yīng)的圖像，在第2、4行單元格中輸入相應(yīng)文字； 將“01”表格中間和右側(cè)的單元格合并，然后將合并后的單元格背景顏色設(shè)置為灰色； 將光標(biāo)移至合并后的單元格中，在其中插入一個(gè)44、寬度為98%、單元格和單元格間距均為“0”的嵌套表格。 a）將嵌套表格的第一行單元

7、格合并，并將其背景顏色設(shè)置為白色，然后在該單元格中插入相應(yīng)圖像； b）在其余各單元格中插入相應(yīng)圖像； 在網(wǎng)頁(yè)中插入第三個(gè)11的大表格，寬為778pix，單元格邊距和單元格間距均為“0”，別經(jīng)顏色為“#EFDCEF”、居中對(duì)齊，并在表格中輸入相應(yīng)文字。 .6【為網(wǎng)頁(yè)添加背景音樂(lè)的方法】 切換到“代碼視圖”，在之間輸入 其中“11.mp3”為歌曲的名稱，“l(fā)oop=-1”表示音樂(lè)無(wú)限循環(huán)播放。.7【重要知識(shí)問(wèn)答】 本例中輸入的代碼的含義？ 代碼表示在表格中使輸入的文字滾動(dòng)顯示；（計(jì)選取框，用于創(chuàng)建一個(gè)滾動(dòng)的文本字幕 ）標(biāo)簽表示對(duì)文字進(jìn)行滾動(dòng)設(shè)置； 其中 “scrollamount”屬性是對(duì)“滾動(dòng)的

8、速度”進(jìn)行設(shè)置，默認(rèn)為6 “direction”是對(duì)滾動(dòng)方向進(jìn)行設(shè)置，（ 默認(rèn)為“l(fā)eft”）； “scrolldelay”用于設(shè)定兩次滾動(dòng)操作之間的間隔時(shí)間，（該時(shí)間以毫秒為單位；此屬性不是必須使用的，默認(rèn)為0）。 “height” 表示運(yùn)動(dòng)區(qū)域的高度，（默認(rèn)width=100% height為標(biāo)簽內(nèi)元素的高度）。.8 為網(wǎng)頁(yè)添加背景音樂(lè)的注意事項(xiàng)？ 本例中添加背景音樂(lè)的方法是最常用的一種方法。對(duì)于背景音樂(lè)的格式現(xiàn)在大多數(shù)的主流音樂(lè)格式，如 wav、mid和mp3等。需要注意的是， 如果考慮較低的原因，則可以使用Mid音效作為網(wǎng)頁(yè)的背景音樂(lè)，因?yàn)镸id音樂(lè)文件小，這樣在網(wǎng)頁(yè)打開的過(guò)程中能很快

9、加載并播放，但是Mid只能存放音樂(lè)的旋律，沒(méi)有悅耳的和聲和唱詞。如果網(wǎng)速較快，或是認(rèn)為Mid音樂(lè)單點(diǎn)的話，則可添加MP3格式的音樂(lè)。 .9【知識(shí)點(diǎn)】插件、參數(shù)設(shè)置【重點(diǎn)/難點(diǎn)】插入插件與設(shè)置插件【范例分析】 本實(shí)例在設(shè)計(jì)制作時(shí)，在網(wǎng)頁(yè)中插入插件，然后選擇視頻文件，最后為插件設(shè)置參數(shù)，使視頻能夠在網(wǎng)頁(yè)中順利播放。任務(wù)二 創(chuàng)建網(wǎng)頁(yè)視頻.10 在第一個(gè)大表格（31）第三行圖像中的相關(guān)菜單處設(shè)置矩形熱點(diǎn)區(qū)域，并設(shè)置空鏈接； 插入的第二個(gè)大表格為122，寬為760pix，將左側(cè)的單元格全部合并，然后選擇菜單“插入” “媒體”“插件”/ “ActiveX”。 【網(wǎng)頁(yè)制作說(shuō)明】.11【重要知識(shí)問(wèn)答】 網(wǎng)頁(yè)中

10、常用的視頻格式有哪些？ 有rm、rmvb、mov、swf等，這些都是符合流媒體播放方式的視頻格式，其中最新的swf播放插件可以支持flv視頻，它以速度快、畫質(zhì)佳和使用方便等特點(diǎn)逐漸成為播客（有聲博客）們的最愛(ài)。 什么是流媒體？ 流媒體是指在Internet /Intranet中使用流式傳播技術(shù)播放的連續(xù)時(shí)基媒體。流媒體在播放前不用下載完整的文件，只需將開始部分內(nèi)容存入內(nèi)存即可播放，在播放過(guò)程中可以繼續(xù)下載后面的內(nèi)容，節(jié)約了用戶等待的時(shí)間。.12 1.制作一滾動(dòng)公告牌； 2.為網(wǎng)頁(yè)添加一視頻文件；【上機(jī)操作】.13【ActiveX】 ActiveX 是一個(gè)打開的集成平臺(tái)，為開發(fā)人員、 用戶和 W

11、eb生產(chǎn)商提供了一個(gè)快速而簡(jiǎn)便的在 Internet 和 Intranet 創(chuàng)建程序集成和內(nèi)容的方法。 使用 ActiveX, 可輕松方便的在 Web頁(yè)中插入 多媒體效果、 交互式對(duì)象、以及復(fù)雜程序，創(chuàng)建用戶體驗(yàn)相當(dāng)?shù)母哔|(zhì)量多媒體 CD-ROM 。 .14【rm】 RealNetworks公司所制定的音頻視頻壓縮規(guī)范稱為RealMedia，用戶可以使用RealPlayer或RealOnePlayer對(duì)符合RealMedia技術(shù)規(guī)范的網(wǎng)絡(luò)音頻/視頻資源進(jìn)行實(shí)況轉(zhuǎn)播并且RealMedia可以根據(jù)不同的網(wǎng)絡(luò)傳輸速率制定出不同的壓縮比率，從而實(shí)現(xiàn)在低速率的網(wǎng)絡(luò)上進(jìn)行影像數(shù)據(jù)實(shí)時(shí)傳送和播放。 .15【r

12、mvb】 RMVB是一種視頻文件格式，RMVB中的VB指VBR,Variable Bit Rate(可改變之比特率)，較上一代rm格式畫面要清晰了很多，原因是降低了靜態(tài)畫面下的比特率，可以用RealPlayer播放軟件來(lái)播放。.16【mov】 MOV即QuickTime影片格式，它是Apple公司開發(fā)的一種音頻、視頻文件格式，用于存儲(chǔ)常用數(shù)字媒體類型，如音頻和視頻。當(dāng)選擇 QuickTime （*.mov）作為“保存類型”時(shí)，動(dòng)畫將保存為 .mov 文件。 QuickTime用于保存音頻和視頻信息，現(xiàn)在它被包括Apple Mac OS，Microsoft Windows 95/98/NT/2003/XP/VISTA在內(nèi)的所有主流電腦平臺(tái)支持。 .17【swf】 swf是Macromedia公司（現(xiàn)已被ADOBE公司收購(gòu)）