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

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

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

3、光標(biāo)移至表格）將光標(biāo)移至表格“01-1”01-1”之外的第一列中，再插入一個之外的第一列中，再插入一個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è)置一背景圖像，并，并將垂直對齊設(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）在）在“01-2-01-2-1”1”表格中再插入一個表格中再插入一個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“中，將垂直對齊方式設(shè)置為中，將垂直對齊方式設(shè)置為“頂端頂端”對齊，然后在表格中對齊，然后在表格中輸入滾動公輸入滾動公告文字，并為文字設(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)移至合并后的單元格中，在其中插入一個44、寬度為98%、單元格和單元格間距均為“0”的嵌套表格。 a）將嵌套表格的第一行單元

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

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

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

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

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

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