第4章網(wǎng)頁插入 文字、圖像及多媒體

1、 第第4章輸入和編輯網(wǎng)頁中的基本元素章輸入和編輯網(wǎng)頁中的基本元素4.1 網(wǎng)頁中文本的操作4.2 網(wǎng)頁圖像的運(yùn)用4.3 網(wǎng)頁多媒體的運(yùn)用4.1網(wǎng)頁中文本的操作網(wǎng)頁中文本的操作本節(jié)課堂目標(biāo)：本節(jié)課堂目標(biāo)：熟練掌握網(wǎng)頁文本的操作方法和技巧熟練掌握網(wǎng)頁文本的操作方法和技巧本節(jié)教學(xué)內(nèi)容：本節(jié)教學(xué)內(nèi)容：1：文本對象的插入和格式設(shè)置（重點(diǎn)）：文本對象的插入和格式設(shè)置（重點(diǎn)）2：設(shè)置文本標(biāo)題（難點(diǎn)）：設(shè)置文本標(biāo)題（難點(diǎn)） 3：段落的設(shè)置效果：段落的設(shè)置效果 （難點(diǎn)）（難點(diǎn)） 4：項(xiàng)目符號和編號的插入使用：項(xiàng)目符號和編號的插入使用5：歷史記錄面板的使用：歷史記錄面板的使用思考題：根據(jù)以前所學(xué)知識說出文本的編輯和

2、設(shè)置屬性思考題：根據(jù)以前所學(xué)知識說出文本的編輯和設(shè)置屬性各包括幾個(gè)方面？各包括幾個(gè)方面？文本插入欄的按鈕和屬性面板的功按鈕相似。文本插入欄的按鈕和屬性面板的功按鈕相似。4. 認(rèn)識文本按鈕及屬性面板認(rèn)識文本按鈕及屬性面板4. 插入文本和對象插入文本和對象.文本是網(wǎng)頁中最基礎(chǔ)的載體；純文本網(wǎng)頁占用的存儲(chǔ)空文本是網(wǎng)頁中最基礎(chǔ)的載體；純文本網(wǎng)頁占用的存儲(chǔ)空間小，占用的網(wǎng)絡(luò)帶寬較少，打開速度快。間小，占用的網(wǎng)絡(luò)帶寬較少，打開速度快。 將將文本（英文、中文、數(shù)字）文本（英文、中文、數(shù)字）添加到文檔中的方法有以下添加到文檔中的方法有以下三種：三種：直接輸入、粘貼剪貼板中的文字、導(dǎo)入直接輸入、粘貼剪貼板中的文

3、字、導(dǎo)入word格式格式的文檔的文檔。 復(fù)制復(fù)制/粘貼，粘貼，巧妙使用巧妙使用“選擇性粘貼選擇性粘貼”命令。命令。 導(dǎo)入其他格式的文本（需要清理導(dǎo)入其他格式的文本（需要清理word生成的無關(guān)生成的無關(guān)html代碼）代碼）文件導(dǎo)入文件導(dǎo)入wordexcel 文檔文檔 也可拖動(dòng)文件放入網(wǎng)頁的適當(dāng)位置，將文檔鏈接到網(wǎng)頁中（鏈接文本是鏈接文件的名也可拖動(dòng)文件放入網(wǎng)頁的適當(dāng)位置，將文檔鏈接到網(wǎng)頁中（鏈接文本是鏈接文件的名稱）。稱）。.插入特殊字符：在插入特殊字符：在html中它被稱作實(shí)體，中它被稱作實(shí)體，以名稱或數(shù)字的形式出現(xiàn)。以名稱或數(shù)字的形式出現(xiàn)。特殊字符如右特殊字符如右所示。所示。 操作方法分別是

4、：操作方法分別是： 菜單法：插入菜單法：插入html特殊字符特殊字符 插入欄按鈕法：插入文本字符按鈕插入欄按鈕法：插入文本字符按鈕默認(rèn)情況下默認(rèn)情況下Html中只允許字符之間包含一中只允許字符之間包含一個(gè)空格，輸入連續(xù)的多個(gè)空格的方法：個(gè)空格，輸入連續(xù)的多個(gè)空格的方法：設(shè)置設(shè)置首選參數(shù)首選參數(shù)改變默認(rèn)設(shè)置改變默認(rèn)設(shè)置在輸入法為在輸入法為全角全角狀態(tài)下輸入多個(gè)空格狀態(tài)下輸入多個(gè)空格.水平線（垂直線）水平線（垂直線） 插入水平線以可視方式分割文本和對象來組織信息。插入水平線以可視方式分割文本和對象來組織信息。插入插入html水平線水平線 可在屬性檢查器中修改水平線（寬、高等）可在屬性檢查器中修改水

5、平線（寬、高等）.插入日期：插入日期：菜單法；菜單法；插入欄按鈕法插入欄按鈕法 5.對插入的文本也可以執(zhí)行刪除、搜索、替換、檢查拼對插入的文本也可以執(zhí)行刪除、搜索、替換、檢查拼寫（文本檢查拼寫寫（文本檢查拼寫shift+f7）等操作。）等操作。4. 設(shè)置文本格式設(shè)置文本格式 字符的樣式指的是字符的外觀顯示方式。利用字符的樣式指的是字符的外觀顯示方式。利用Dw可以設(shè)置多種字符樣式，如字體、加粗可以設(shè)置多種字符樣式，如字體、加粗 、傾斜、傾斜 、 下劃線下劃線 、 刪除線刪除線 、 打字型打字型 、 強(qiáng)調(diào)等強(qiáng)調(diào)等 。默認(rèn)時(shí)默認(rèn)時(shí) Dreamweaver使用使用css設(shè)置文本的格式設(shè)置文本的格式,當(dāng)

6、當(dāng)使用命令來設(shè)置格式和對齊文本使用命令來設(shè)置格式和對齊文本 時(shí)，時(shí)， css規(guī)則將嵌規(guī)則將嵌入到當(dāng)前文檔中；入到當(dāng)前文檔中；也可以使用標(biāo)簽來對齊文本（也可以使用標(biāo)簽來對齊文本（div標(biāo)簽）和設(shè)置文標(biāo)簽）和設(shè)置文本格式（本格式（font標(biāo)簽等），但要在首選參數(shù)中進(jìn)行設(shè)置。標(biāo)簽等），但要在首選參數(shù)中進(jìn)行設(shè)置。4. 設(shè)置文本標(biāo)題設(shè)置文本標(biāo)題文本標(biāo)題來強(qiáng)調(diào)段落要表現(xiàn)的內(nèi)容。在文本標(biāo)題來強(qiáng)調(diào)段落要表現(xiàn)的內(nèi)容。在HTML中，定義了中，定義了6級標(biāo)題，從級標(biāo)題，從1到到6級，每級標(biāo)題的字體大小依次遞減。一段級，每級標(biāo)題的字體大小依次遞減。一段文字只能設(shè)置一個(gè)標(biāo)題級別。文字只能設(shè)置一個(gè)標(biāo)題級別。在在HTML中

7、，采用如下的標(biāo)記來定義標(biāo)題：中，采用如下的標(biāo)記來定義標(biāo)題：和和 定義標(biāo)題定義標(biāo)題1和和 定義標(biāo)題定義標(biāo)題2和和 定義標(biāo)題定義標(biāo)題3每級標(biāo)題的字符大小并沒有一個(gè)實(shí)際上的固定的值，它每級標(biāo)題的字符大小并沒有一個(gè)實(shí)際上的固定的值，它是由瀏覽器所決定的，為標(biāo)題定義的級別只決定了標(biāo)題之是由瀏覽器所決定的，為標(biāo)題定義的級別只決定了標(biāo)題之間的相互大小。間的相互大小。 4. 設(shè)置段落效果設(shè)置段落效果 1.設(shè)置段落格式的方法設(shè)置段落格式的方法使用使用【屬性】面板的【格式】彈出式菜單【屬性】面板的【格式】彈出式菜單 選擇【文本】選擇【文本】|【段落格式】菜單【段落格式】菜單2.縮進(jìn)段落縮進(jìn)段落所謂縮進(jìn)，主要是相對

8、于文檔窗口（或?yàn)g覽器窗口）左端所謂縮進(jìn)，主要是相對于文檔窗口（或?yàn)g覽器窗口）左端而言的。而言的。 屬性檢查器：屬性檢查器：“縮進(jìn)縮進(jìn)”、“凸出凸出”按鈕按鈕文本菜單：文本菜單：“縮進(jìn)縮進(jìn)”、“凸出凸出”命令命令.對齊段落對齊段落 段落的對齊方式，指的是段落相對文檔窗口（或?yàn)g覽器窗段落的對齊方式，指的是段落相對文檔窗口（或?yàn)g覽器窗口）在水平位置的對齊方式。有四種對齊方式：左對齊、口）在水平位置的對齊方式。有四種對齊方式：左對齊、居中對齊、右對齊、兩端對齊。居中對齊、右對齊、兩端對齊。關(guān)于文本對齊，源代碼設(shè)置為：關(guān)于文本對齊，源代碼設(shè)置為： .添加段間距：通過添加換行符在段間添加空行添加段間距：通

9、過添加換行符在段間添加空行 添加段落換行符：按添加段落換行符：按enter鍵鍵添加換行符：按添加換行符：按shift+enter鍵添加特殊字符鍵添加特殊字符/換行符換行符 換行與分段的區(qū)別：換行與分段的區(qū)別：文本換行時(shí)，按文本換行時(shí)，按Enter鍵換行的行距較鍵換行的行距較大大（在代碼區(qū)生成（在代碼區(qū)生成標(biāo)簽），按標(biāo)簽），按EnterShift鍵換鍵換行的行間距較小行的行間距較?。ㄔ诖a區(qū)生成（在代碼區(qū)生成標(biāo)簽）。標(biāo)簽）。4.創(chuàng)建項(xiàng)目列表創(chuàng)建項(xiàng)目列表. 在在HTML中，從總體上分有兩種類型的項(xiàng)目列表，一種是無中，從總體上分有兩種類型的項(xiàng)目列表，一種是無序項(xiàng)目列表（使用項(xiàng)目符號來標(biāo)記項(xiàng)目，產(chǎn)生序

10、項(xiàng)目列表（使用項(xiàng)目符號來標(biāo)記項(xiàng)目，產(chǎn)生ul標(biāo)簽標(biāo)簽） ，另，另一種是有序項(xiàng)目列表（使用編號來標(biāo)記項(xiàng)目順序，產(chǎn)生一種是有序項(xiàng)目列表（使用編號來標(biāo)記項(xiàng)目順序，產(chǎn)生ol標(biāo)標(biāo)簽簽）。）。.在在Dreamweaver 中，一旦插好一個(gè)，下一個(gè)列表只需按中，一旦插好一個(gè)，下一個(gè)列表只需按enter鍵即可；列表可以嵌套。鍵即可；列表可以嵌套。. 創(chuàng)建項(xiàng)目列表的步驟：創(chuàng)建項(xiàng)目列表的步驟：選中要轉(zhuǎn)換為項(xiàng)目列表的所有段落。選中要轉(zhuǎn)換為項(xiàng)目列表的所有段落。單擊單擊“屬性屬性”面板上的面板上的“項(xiàng)目列表項(xiàng)目列表”按鈕或按鈕或“編號列表編號列表”按鈕；按鈕；也可以單擊也可以單擊“文本文本”“列表列表”菜單項(xiàng)，菜單項(xiàng)，選

11、擇相應(yīng)的選擇相應(yīng)的“無序列無序列表表” 、“有序列表有序列表”菜單項(xiàng)。菜單項(xiàng)。 這時(shí)被選中的段落文字就被轉(zhuǎn)換為項(xiàng)目列表的形式。這時(shí)被選中的段落文字就被轉(zhuǎn)換為項(xiàng)目列表的形式。本節(jié)習(xí)題和作業(yè)本節(jié)習(xí)題和作業(yè)1. 填空題填空題（1）使用屬性檢查器或【文本】菜單中的選項(xiàng)可以設(shè)置或）使用屬性檢查器或【文本】菜單中的選項(xiàng)可以設(shè)置或更改所選文本的字體特性?？梢栽O(shè)置字體、字形（如粗更改所選文本的字體特性?？梢栽O(shè)置字體、字形（如粗體或斜體）體或斜體） _ 、和、和_。（2）若要插入更多的特殊字符，請選擇）若要插入更多的特殊字符，請選擇_ | _ | _或在或在_欄中選擇欄中選擇_圖標(biāo)，選擇一個(gè)字符，圖標(biāo)，選擇一個(gè)

12、字符，然后單擊【確定】。然后單擊【確定】。2 . 選擇題（多選）選擇題（多選）（1）設(shè)置文本屬性可以通過）設(shè)置文本屬性可以通過_來設(shè)置。來設(shè)置。 A屬性面板屬性面板B控制面板控制面板 C啟動(dòng)面板啟動(dòng)面板D文本菜單文本菜單（2）在網(wǎng)頁中連續(xù)輸入空格的方法是）在網(wǎng)頁中連續(xù)輸入空格的方法是_。 A連續(xù)按空格鍵連續(xù)按空格鍵 B按下按下Ctrl鍵再連續(xù)按空格鍵鍵再連續(xù)按空格鍵 C轉(zhuǎn)換到中文的全角狀態(tài)下連續(xù)按空格鍵轉(zhuǎn)換到中文的全角狀態(tài)下連續(xù)按空格鍵 D按下按下Shift鍵再連續(xù)按空格鍵鍵再連續(xù)按空格鍵3.簡答題：簡答題：（1）下圖所示情況何時(shí)出現(xiàn)？）下圖所示情況何時(shí)出現(xiàn)？(2)如何將已經(jīng)加入了粗、斜體的文

13、字改為正常字體？如何將已經(jīng)加入了粗、斜體的文字改為正常字體？ (3)如何使日期保持在頁面右下角？如何使日期保持在頁面右下角？(4)如何使編號呈下圖所示的樣式？（屬性面板如何使編號呈下圖所示的樣式？（屬性面板列列表項(xiàng)目按鈕）表項(xiàng)目按鈕）4.操作題操作題（1）將頁面中添加如下圖所示的表格（暫將頁面中添加如下圖所示的表格（暫時(shí)可以通過導(dǎo)入時(shí)可以通過導(dǎo)入word文檔的方法實(shí)現(xiàn)）文檔的方法實(shí)現(xiàn)）（2.）制作如下的文字頁面）制作如下的文字頁面本節(jié)內(nèi)容和目標(biāo)：本節(jié)內(nèi)容和目標(biāo)： 了解了解GIF、PNG和和JPEG三種圖像格式三種圖像格式 的異同點(diǎn)和的異同點(diǎn)和使用環(huán)境。使用環(huán)境。(重點(diǎn)、難點(diǎn)重點(diǎn)、難點(diǎn)) 掌握在

14、掌握在Dreamweaver 中使用圖像的一些基本方法中使用圖像的一些基本方法和技巧（重點(diǎn)）和技巧（重點(diǎn)） 掌握編輯和設(shè)置圖像的方法掌握編輯和設(shè)置圖像的方法 掌握創(chuàng)建圖像映射和電子相冊的方法掌握創(chuàng)建圖像映射和電子相冊的方法 4.網(wǎng)頁圖像的運(yùn)用網(wǎng)頁圖像的運(yùn)用4.網(wǎng)頁中圖像格式簡介網(wǎng)頁中圖像格式簡介圖像在網(wǎng)頁中通常起到畫龍點(diǎn)睛的作用，它能裝飾網(wǎng)頁，表圖像在網(wǎng)頁中通常起到畫龍點(diǎn)睛的作用，它能裝飾網(wǎng)頁，表達(dá)個(gè)人的情趣和風(fēng)格，恰到好處地使用圖像能使網(wǎng)頁更加地達(dá)個(gè)人的情趣和風(fēng)格，恰到好處地使用圖像能使網(wǎng)頁更加地生動(dòng)、形象和美觀生動(dòng)、形象和美觀 。圖像比文本更能直觀地表達(dá)信息。圖像比文本更能直觀地表達(dá)信息。

15、 網(wǎng)頁中圖像格式有：網(wǎng)頁中圖像格式有： GIF 、JPEG 、PNG 、TIFF、BMP等，等，而最常用圖像格式有：而最常用圖像格式有：GIF 、JPEG 、PNG 圖1 JPEG 圖2 GIF 圖3 PNG 1GIF（Graphics Interchange Format）格式）格式 (圖形交圖形交換格式換格式)：使用最早、應(yīng)用最廣泛。：使用最早、應(yīng)用最廣泛。a.無損壓縮、跨平臺兼容；無損壓縮、跨平臺兼容； b .占用磁盤空間小、支持動(dòng)畫，交織下載、支持透明背景占用磁盤空間小、支持動(dòng)畫，交織下載、支持透明背景圖像。圖像。c.支持支持8位位(256色）圖像，能夠很好地表現(xiàn)不連續(xù)色調(diào)和大色）圖像

16、，能夠很好地表現(xiàn)不連續(xù)色調(diào)和大面積色彩統(tǒng)一的圖像，如：導(dǎo)航條、按鈕、圖標(biāo)、廣告面積色彩統(tǒng)一的圖像，如：導(dǎo)航條、按鈕、圖標(biāo)、廣告條（條（banner）、徽標(biāo)等對色彩要求不高的圖像格式。）、徽標(biāo)等對色彩要求不高的圖像格式。2. JPEG：Joint Photographic Expert Group（聯(lián)合圖（聯(lián)合圖像專家組）像專家組） 格式：目前最受歡迎。格式：目前最受歡迎。 a.采用特殊的壓縮算法，在失真較小的前提下，對圖片采用特殊的壓縮算法，在失真較小的前提下，對圖片進(jìn)行有損壓縮；進(jìn)行有損壓縮； b .用來表現(xiàn)較為專業(yè)的或有連續(xù)色調(diào)的圖像可包含用來表現(xiàn)較為專業(yè)的或有連續(xù)色調(diào)的圖像可包含數(shù)百萬種

17、色彩數(shù)百萬種色彩. 分辨率較高，可用于處理照片。分辨率較高，可用于處理照片。c. JPEG格式不支持透明色，也沒有動(dòng)畫的概念格式不支持透明色，也沒有動(dòng)畫的概念;采用采用JPEG格式對圖像進(jìn)行壓縮后，不能再重新打開圖像。格式對圖像進(jìn)行壓縮后，不能再重新打開圖像。3.PNG：Portable Network Graphic(便攜或可移植網(wǎng)絡(luò)圖形便攜或可移植網(wǎng)絡(luò)圖形格式，開發(fā)于格式，開發(fā)于1995年年)：使用量逐漸增多。：使用量逐漸增多。 a .a .采用與采用與GIFGIF圖像格式類似的壓縮算法，能真實(shí)地顯示原始圖像格式類似的壓縮算法，能真實(shí)地顯示原始圖像，支持透明背景，可控制壓縮比，文件小圖像，

18、支持透明背景，可控制壓縮比，文件小, ,靈活性強(qiáng)靈活性強(qiáng), ,完全可替代完全可替代GIFGIF格式格式, ,是是fireworksfireworks軟件自身的文件格式，其軟件自身的文件格式，其擴(kuò)展名為擴(kuò)展名為.png, .png, 只有帶擴(kuò)展名只有帶擴(kuò)展名dwdw才能識別才能識別. . b .b .支持真彩色，與支持真彩色，與JPEGJPEG格式?jīng)]有太大的差別，目前在網(wǎng)絡(luò)格式?jīng)]有太大的差別，目前在網(wǎng)絡(luò)上得到大力推廣。上得到大力推廣。 c .c .但只有但只有Microsoft IE (4.0Microsoft IE (4.0及以上版本及以上版本) )和和Netscape Netscape Na

19、vigator(4.04Navigator(4.04及以上版本及以上版本) )才支持，才支持， GIFGIF和和JPEGJPEG不受瀏覽不受瀏覽器限制，應(yīng)用較廣泛。器限制，應(yīng)用較廣泛。 d.d.PngPng支持監(jiān)視器的伽碼設(shè)置修正，可跨平臺兼容。支持監(jiān)視器的伽碼設(shè)置修正，可跨平臺兼容?？偨Y(jié)：總結(jié)： 當(dāng)只需要靜態(tài)圖像且色彩要求也不高時(shí)：當(dāng)所選用圖像較當(dāng)只需要靜態(tài)圖像且色彩要求也不高時(shí)：當(dāng)所選用圖像較小時(shí)用小時(shí)用gif格式文件??；而當(dāng)所選用圖像大時(shí)用格式文件小；而當(dāng)所選用圖像大時(shí)用jpg格式文格式文件小。此時(shí)件小。此時(shí)png格式不具備優(yōu)勢。格式不具備優(yōu)勢。 GIFGIF、JPEG JPEG 、PN

20、GPNG這幾種格式都是標(biāo)準(zhǔn)的位圖格式這幾種格式都是標(biāo)準(zhǔn)的位圖格式. .所謂所謂位位圖格式圖格式就是指用圖片上每一點(diǎn)的信息來描述圖像；而就是指用圖片上每一點(diǎn)的信息來描述圖像；而矢量矢量格式格式則是用線條和填充色等數(shù)學(xué)信息來描述圖像。矢量格則是用線條和填充色等數(shù)學(xué)信息來描述圖像。矢量格式的文件要比位圖格式的文件小得多，可表現(xiàn)一般的靜態(tài)式的文件要比位圖格式的文件小得多，可表現(xiàn)一般的靜態(tài)畫面也可以表現(xiàn)動(dòng)畫畫面也可以表現(xiàn)動(dòng)畫. .在在Web頁上顯示圖片之前，通常需要考慮下列三個(gè)問題：頁上顯示圖片之前，通常需要考慮下列三個(gè)問題： 確保文件較小確保文件較小:采用正確的格式進(jìn)行優(yōu)化處理采用正確的格式進(jìn)行優(yōu)化處

21、理 ,使圖像具使圖像具有所需的像素大小有所需的像素大小 控制圖像的數(shù)量和質(zhì)量；控制圖像的數(shù)量和質(zhì)量； 合理使用動(dòng)畫。合理使用動(dòng)畫。 4.在網(wǎng)頁中使用圖像在網(wǎng)頁中使用圖像 1插入圖像：為了保證參數(shù)的正確，圖象文件必須保存插入圖像：為了保證參數(shù)的正確，圖象文件必須保存在當(dāng)前站點(diǎn)的在當(dāng)前站點(diǎn)的images文件夾中，否則文件夾中，否則dw提示將其復(fù)制提示將其復(fù)制到當(dāng)前站點(diǎn)目錄下。插入后產(chǎn)生到當(dāng)前站點(diǎn)目錄下。插入后產(chǎn)生img標(biāo)簽。標(biāo)簽。 具體操作步驟：具體操作步驟：單擊插入單擊插入-圖像命令圖像命令/常用插欄的插入圖常用插欄的插入圖像按鈕像按鈕 。2.插入圖像占位符：暫時(shí)為圖片占個(gè)位置，在瀏覽器中不插入

22、圖像占位符：暫時(shí)為圖片占個(gè)位置，在瀏覽器中不顯示，在發(fā)布網(wǎng)站之前需用具體圖象替換它，在屬性檢顯示，在發(fā)布網(wǎng)站之前需用具體圖象替換它，在屬性檢查器中（源文件）完成替換更新。一旦插入在查器中（源文件）完成替換更新。一旦插入在html代碼代碼中自動(dòng)產(chǎn)生一個(gè)包含屬性的圖象標(biāo)簽中自動(dòng)產(chǎn)生一個(gè)包含屬性的圖象標(biāo)簽src和替換文本標(biāo)和替換文本標(biāo)簽（簽（alt）。）。 src表示要插入圖像的文件名，必須包含絕對路徑或相對路表示要插入圖像的文件名，必須包含絕對路徑或相對路徑，圖像可以是徑，圖像可以是GIF文件、文件、JPEG文件或文件或PNG文件。文件。alt表示表示圖像的簡單文本說明，用于不能顯示圖像的瀏覽器或

23、瀏覽圖像的簡單文本說明，用于不能顯示圖像的瀏覽器或?yàn)g覽器能顯示圖像但顯示時(shí)間過長時(shí)先顯示，以幫助訪問者了器能顯示圖像但顯示時(shí)間過長時(shí)先顯示，以幫助訪問者了解圖像的信息。解圖像的信息。 具體操作步驟具體操作步驟 ：單擊單擊“插入插入-圖像對象圖像對象圖像占位符圖像占位符”命令命令/常用插欄的插入圖像常用插欄的插入圖像圖像占位符圖像占位符 按鈕。按鈕。在名稱框中給占位符取名的命名規(guī)則：字母開頭，只能包在名稱框中給占位符取名的命名規(guī)則：字母開頭，只能包含字母和數(shù)字，不能使用空格和含字母和數(shù)字，不能使用空格和ASCII字符。字符。 3.創(chuàng)建鼠標(biāo)經(jīng)過圖象（輪換圖像）創(chuàng)建鼠標(biāo)經(jīng)過圖象（輪換圖像）：只能在瀏

24、覽器中查看：只能在瀏覽器中查看（在文檔窗口中不能查看效果）并使用鼠標(biāo)指針移過它（在文檔窗口中不能查看效果）并使用鼠標(biāo)指針移過它時(shí)發(fā)生變化的圖像，時(shí)發(fā)生變化的圖像，由主圖像由主圖像（即頁面首次裝載時(shí)所顯（即頁面首次裝載時(shí)所顯示出的圖像）示出的圖像）和翻轉(zhuǎn)圖像和翻轉(zhuǎn)圖像（當(dāng)鼠標(biāo)指針掠過時(shí)所顯示的（當(dāng)鼠標(biāo)指針掠過時(shí)所顯示的圖像）圖像）組成，組成，二者大小要一樣。一旦插入在二者大小要一樣。一旦插入在html代碼中代碼中自動(dòng)產(chǎn)自動(dòng)產(chǎn)onmouseover事件。事件。4. 在在dw中圖像的編輯功能僅適用于中圖像的編輯功能僅適用于GIF 和和JPEG 圖像格式。圖像格式。在屬性檢面板中編輯圖像在屬性檢面板中

25、編輯圖像在其中可設(shè)置圖像的屬性參數(shù)（寬、高、替代）、對齊圖在其中可設(shè)置圖像的屬性參數(shù)（寬、高、替代）、對齊圖像（左、右、居中對齊）、邊距、邊框、改變圖像的尺像（左、右、居中對齊）、邊距、邊框、改變圖像的尺寸寸 （也可直接拖動(dòng)調(diào)整控制點(diǎn)）、裁剪圖像、調(diào)整其對（也可直接拖動(dòng)調(diào)整控制點(diǎn)）、裁剪圖像、調(diào)整其對比度、銳化圖像。比度、銳化圖像。 上述設(shè)置也可通過菜單實(shí)現(xiàn)：上述設(shè)置也可通過菜單實(shí)現(xiàn)：修改修改-圖像圖像用用fireworks優(yōu)化圖像：優(yōu)化圖像： 要方便地完成相關(guān)的處理工作，則需要圖形圖像處理軟件的要方便地完成相關(guān)的處理工作，則需要圖形圖像處理軟件的協(xié)助。協(xié)助。 具體操作：修改具體操作：修改圖像

26、圖像-在在fireworks優(yōu)化圖像。優(yōu)化圖像。 在頁面中合理地使用圖形圖像已經(jīng)成為網(wǎng)頁制作的一個(gè)在頁面中合理地使用圖形圖像已經(jīng)成為網(wǎng)頁制作的一個(gè)基本要求。但是并非所有圖形圖像都可以直接用在網(wǎng)頁中，基本要求。但是并非所有圖形圖像都可以直接用在網(wǎng)頁中，大多數(shù)情況下，需要對原始圖像素材進(jìn)行一些處理，例如大多數(shù)情況下，需要對原始圖像素材進(jìn)行一些處理，例如圖像優(yōu)化、添加特效等，然后再在網(wǎng)頁中使用。圖像優(yōu)化、添加特效等，然后再在網(wǎng)頁中使用。為圖像添加熱點(diǎn)為圖像添加熱點(diǎn) 熱點(diǎn)即圖像上不可見的區(qū)域，該區(qū)域分配了一個(gè)超鏈接。熱點(diǎn)即圖像上不可見的區(qū)域，該區(qū)域分配了一個(gè)超鏈接。為圖像添加熱點(diǎn)就是在圖像上劃分區(qū)域，

27、從而設(shè)定圖像上為圖像添加熱點(diǎn)就是在圖像上劃分區(qū)域，從而設(shè)定圖像上制作超鏈接的范圍。使用圖像或圖像中的某些區(qū)域來創(chuàng)建制作超鏈接的范圍。使用圖像或圖像中的某些區(qū)域來創(chuàng)建超鏈接，為網(wǎng)頁設(shè)計(jì)增色不少。如果我們不建立鏈接，只超鏈接，為網(wǎng)頁設(shè)計(jì)增色不少。如果我們不建立鏈接，只是當(dāng)鼠標(biāo)移到圖像的某些區(qū)域時(shí)，能顯示一些提示信息或是當(dāng)鼠標(biāo)移到圖像的某些區(qū)域時(shí)，能顯示一些提示信息或?qū)D的注釋，那么效果也一定不錯(cuò)。對圖的注釋，那么效果也一定不錯(cuò)。 在在Dream weaver中為圖像添加熱點(diǎn)的方法為：中為圖像添加熱點(diǎn)的方法為： 選定圖選定圖像，打開圖像屬性面板，選擇設(shè)置熱點(diǎn)按鈕，單擊鼠標(biāo)左像，打開圖像屬性面板，選擇

28、設(shè)置熱點(diǎn)按鈕，單擊鼠標(biāo)左鍵并拖動(dòng)，鍵并拖動(dòng)， 在圖像中設(shè)置熱點(diǎn)形狀。在圖像中設(shè)置熱點(diǎn)形狀。 .設(shè)置圖文混排和圖像邊距設(shè)置圖文混排和圖像邊距的效果。的效果。圖像和文字的對齊有：圖像和文字的對齊有：對齊時(shí)要先選擇圖像，對齊時(shí)要先選擇圖像，再選對齊方式。再選對齊方式。設(shè)置圖像邊距，設(shè)置圖像邊距，可以使圖像和相鄰的可以使圖像和相鄰的文字或其他圖片之間文字或其他圖片之間有一個(gè)間距。有一個(gè)間距。7.制作電子相冊：命令制作電子相冊：命令創(chuàng)建網(wǎng)站相冊創(chuàng)建網(wǎng)站相冊本節(jié)習(xí)題和作業(yè)本節(jié)習(xí)題和作業(yè)1填空題填空題（1）在計(jì)算機(jī)領(lǐng)域中，圖像分為）在計(jì)算機(jī)領(lǐng)域中，圖像分為_和和_2大類。大類。（2）GIF圖像采用的是圖像采

29、用的是_壓縮格式。壓縮格式。2 選擇題選擇題（2）網(wǎng)頁通?？梢灾С值膱D像格式有）網(wǎng)頁通?？梢灾С值膱D像格式有_。 AGIF BBMP CAVI DPSD EPNG FJPEG。3簡答題簡答題（1）網(wǎng)頁中常用的圖像格式有哪些？各有什么特點(diǎn)？）網(wǎng)頁中常用的圖像格式有哪些？各有什么特點(diǎn)？如果在網(wǎng)頁中添加動(dòng)畫格式的浮動(dòng)廣告，采用何種如果在網(wǎng)頁中添加動(dòng)畫格式的浮動(dòng)廣告，采用何種格式？為什么？電子相冊，應(yīng)該用哪種格式最好？格式？為什么？電子相冊，應(yīng)該用哪種格式最好？ (2)如何創(chuàng)建鼠標(biāo)變換圖像和圖像熱點(diǎn)？如何創(chuàng)建鼠標(biāo)變換圖像和圖像熱點(diǎn)？4操作題：操作題： 搜集自己的喜愛的圖片，制作一個(gè)電子相冊。搜集自己的

30、喜愛的圖片，制作一個(gè)電子相冊。上機(jī)練習(xí)上機(jī)練習(xí)練習(xí)練習(xí)1 1 美化文字格式美化文字格式制作一個(gè)文字網(wǎng)頁，效果如圖制作一個(gè)文字網(wǎng)頁，效果如圖1-801-80所示。請按照圖中所示。請按照圖中的提示信息進(jìn)行制作。的提示信息進(jìn)行制作。設(shè)置為標(biāo)題2設(shè)置為標(biāo)題3設(shè)置為項(xiàng)目列表插入水平線插入版權(quán)符號圖1-80 美化文字格式練習(xí)練習(xí)2 圖文并茂圖文并茂 制作一個(gè)圖文并茂的網(wǎng)頁，效果如圖制作一個(gè)圖文并茂的網(wǎng)頁，效果如圖1-81所示。注意這里所示。注意這里要應(yīng)用圖像屬性中的左對齊和右對齊項(xiàng)設(shè)置圖文并茂的網(wǎng)頁要應(yīng)用圖像屬性中的左對齊和右對齊項(xiàng)設(shè)置圖文并茂的網(wǎng)頁效果。效果。圖1-81 圖文并茂 4.4.網(wǎng)頁多媒體的運(yùn)

31、用網(wǎng)頁多媒體的運(yùn)用4.3.1在網(wǎng)頁中使用視頻和在網(wǎng)頁中使用視頻和flash格式格式 一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成一個(gè)優(yōu)秀的網(wǎng)站應(yīng)該不僅僅是由文字和圖片組成的，而是動(dòng)態(tài)的、多媒體。為了增強(qiáng)網(wǎng)頁的表現(xiàn)力，的，而是動(dòng)態(tài)的、多媒體。為了增強(qiáng)網(wǎng)頁的表現(xiàn)力，豐富文檔的顯示效果，需用向網(wǎng)頁中插入豐富文檔的顯示效果，需用向網(wǎng)頁中插入Flash動(dòng)畫、動(dòng)畫、Shockwave動(dòng)畫、動(dòng)畫、QuickTime 影片文件、影片文件、Java小程小程序、序、mp3音頻播放插件等多媒體內(nèi)容。音頻播放插件等多媒體內(nèi)容。1.網(wǎng)頁中可用的視頻文件格式有：網(wǎng)頁中可用的視頻文件格式有：DAT、AVI、RM、 WMV、

32、MPEG格式、格式、ASF、RMVB等等，通過，通過“插插入入媒體媒體插件插件”完成這些視頻文件的插入，插入后完成這些視頻文件的插入，插入后設(shè)置設(shè)置hidden為為false即可。經(jīng)常使用的視頻文件有即可。經(jīng)常使用的視頻文件有RM 、MPEG等。等。2.常見的常見的flash文件格式：文件格式：flash（.fla格式）格式）:是是flash軟件中創(chuàng)建的各種項(xiàng)目的軟件中創(chuàng)建的各種項(xiàng)目的源文件。只能在源文件。只能在flash中打開中打開,輸出成輸出成SWF或或SWT文件，文件，才能在瀏覽器中使用。才能在瀏覽器中使用。flash影片文件（影片文件（.swf格式）：格式）：是經(jīng)過是經(jīng)過壓縮和優(yōu)化了壓

33、縮和優(yōu)化了的的.fla格式文件，可在瀏覽器中播放。格式文件，可在瀏覽器中播放。flash模板文件（模板文件（swt格式）格式）可以讓用戶修改和替換可以讓用戶修改和替換swf 文件中的信息，文件中的信息，使用在使用在 flash按鈕中按鈕中，用戶可以，用戶可以使用自己的文字或鏈接修改模板，來創(chuàng)建字定義的使用自己的文字或鏈接修改模板，來創(chuàng)建字定義的swf 文件并使用。文件并使用。使用使用flash按鈕和文本：按鈕和文本：這兩種對象所創(chuàng)建的文件格這兩種對象所創(chuàng)建的文件格式也是式也是.swf，經(jīng)過優(yōu)化的文件的壓縮版本可在瀏覽器，經(jīng)過優(yōu)化的文件的壓縮版本可在瀏覽器和和dw中播放預(yù)覽，也可在中播放預(yù)覽，也

34、可在dw中編輯。中編輯。 flashflash動(dòng)畫：動(dòng)畫： FlashFlash動(dòng)畫以小巧、動(dòng)感、富有交互動(dòng)畫以小巧、動(dòng)感、富有交互性而風(fēng)靡網(wǎng)絡(luò)。在制作網(wǎng)頁時(shí)，將性而風(fēng)靡網(wǎng)絡(luò)。在制作網(wǎng)頁時(shí)，將FlashFlash動(dòng)畫應(yīng)用動(dòng)畫應(yīng)用到網(wǎng)頁中，能使網(wǎng)頁更具動(dòng)感，更富有感染力。在到網(wǎng)頁中，能使網(wǎng)頁更具動(dòng)感，更富有感染力。在網(wǎng)頁設(shè)計(jì)中的使用非常普遍。網(wǎng)頁設(shè)計(jì)中的使用非常普遍。 flash視頻文件（視頻文件（.flv格式）：格式）：Flash視頻是視頻是Macromedia推出的視頻格式，是一種推出的視頻格式，是一種有經(jīng)過編碼有經(jīng)過編碼的音頻和視頻數(shù)據(jù)、的音頻和視頻數(shù)據(jù)、適用于網(wǎng)絡(luò)應(yīng)用的媒體格式，適用于網(wǎng)

35、絡(luò)應(yīng)用的媒體格式，播放品質(zhì)高，同時(shí)文件的體積比較小，播放品質(zhì)高，同時(shí)文件的體積比較小，通過通過flash player傳送傳送。Flash視頻文件的擴(kuò)展名為視頻文件的擴(kuò)展名為.FLV。 flash元素文件（元素文件（.swc格式）：格式）：是一種特殊類型的是一種特殊類型的flash文件，通過將此類文件合并到網(wǎng)頁，可以創(chuàng)建豐富的文件，通過將此類文件合并到網(wǎng)頁，可以創(chuàng)建豐富的internet應(yīng)用程序；有可自定義的參數(shù)。應(yīng)用程序；有可自定義的參數(shù)。 flashpaper文件：是經(jīng)過文件：是經(jīng)過轉(zhuǎn)換軟件轉(zhuǎn)換軟件Flash Paper轉(zhuǎn)換后轉(zhuǎn)換后的文件，該軟件允許把任何的可打印的文檔直接轉(zhuǎn)換成的文件，該

36、軟件允許把任何的可打印的文檔直接轉(zhuǎn)換成Flash文檔或文檔或PDF文檔，并且保持原來的文件的排版格式。文檔，并且保持原來的文件的排版格式。 轉(zhuǎn)換后的文件也可以直接插入到網(wǎng)頁中，在網(wǎng)頁中可以轉(zhuǎn)換后的文件也可以直接插入到網(wǎng)頁中，在網(wǎng)頁中可以直接閱讀、搜索或打印。直接閱讀、搜索或打印。 總結(jié)：總結(jié)：Flash格式雖多，但在網(wǎng)頁中用得較多的還是格式雖多，但在網(wǎng)頁中用得較多的還是.swf格式。格式。3.各種格式各種格式flash的插入和屬性設(shè)置的插入和屬性設(shè)置（1）插入和編輯）插入和編輯flash動(dòng)畫、動(dòng)畫、 flash影片和影片和 flash模板。模板。 方法有菜單法或按鈕法：方法有菜單法或按鈕法：

37、插入插入媒體媒體flash設(shè)置設(shè)置參數(shù)（參數(shù)（autoplay、loop、volume） 參數(shù)設(shè)置：參數(shù)設(shè)置：Flash動(dòng)畫控制參數(shù)的設(shè)計(jì)稍微有點(diǎn)難度，動(dòng)畫控制參數(shù)的設(shè)計(jì)稍微有點(diǎn)難度，不能在不能在【屬性屬性】面板中直接設(shè)置，需要打開面板中直接設(shè)置，需要打開【參數(shù)參數(shù)】對話框進(jìn)行設(shè)置。對話框進(jìn)行設(shè)置。設(shè)置參數(shù)為設(shè)置參數(shù)為menu，值為，值為false，作用是讓瀏覽器不，作用是讓瀏覽器不顯示顯示flash的控制菜單。的控制菜單。使使Flash的背景變?yōu)橥该?。的背景變?yōu)橥该鳌?單擊屬性面板中的單擊屬性面板中的“參數(shù)參數(shù)”按鈕，打開按鈕，打開“參數(shù)參數(shù)”對話框，對話框，設(shè)置參數(shù)為設(shè)置參數(shù)為wmode，

38、 為為transparent，這樣在任何背景下，這樣在任何背景下，F(xiàn)lash動(dòng)畫都能實(shí)現(xiàn)透明背景的顯示；動(dòng)畫都能實(shí)現(xiàn)透明背景的顯示； 若其值為若其值為 Window用來在網(wǎng)頁上用影片自己的矩形窗口來播放應(yīng)用程序，表明用來在網(wǎng)頁上用影片自己的矩形窗口來播放應(yīng)用程序，表明flash應(yīng)應(yīng)用程序與用程序與html的層沒有任何交互，并始終位于最頂層；的層沒有任何交互，并始終位于最頂層； 若值為若值為opaque使應(yīng)用程序隱藏頁面上位于它后面的所有顯示內(nèi)容。使應(yīng)用程序隱藏頁面上位于它后面的所有顯示內(nèi)容。(2)使用使用flash按鈕按鈕（基于（基于flash 模板的可更新按鈕）：插模板的可更新按鈕）：插入入

39、媒體媒體flash按鈕按鈕 創(chuàng)建、插入、設(shè)置各選項(xiàng)創(chuàng)建、插入、設(shè)置各選項(xiàng) 修改修改 播放預(yù)覽。播放預(yù)覽。 在在“插入插入Flash按鈕按鈕”對話框中對話框中“樣式樣式”用來選擇按鈕的用來選擇按鈕的外觀，外觀，“按鈕文本按鈕文本”用來輸入按鈕上的文字，用來輸入按鈕上的文字，“字體字體”和和“大小大小”用于設(shè)置按鈕上文字的字體和大小，字號用于設(shè)置按鈕上文字的字體和大小，字號變大，按鈕并不會(huì)跟著改變。變大，按鈕并不會(huì)跟著改變。 注意：確認(rèn)注意：確認(rèn)flash 按鈕和按鈕和html文件放在同一個(gè)文件夾下，文件放在同一個(gè)文件夾下，瀏覽器可以辨認(rèn)文檔相對連接，保存在同一文件夾下可以瀏覽器可以辨認(rèn)文檔相對連

40、接，保存在同一文件夾下可以保證這些鏈接工作正常。因?yàn)闉g覽器不能在保證這些鏈接工作正常。因?yàn)闉g覽器不能在flash影片中影片中識別站點(diǎn)根目錄相對路徑。識別站點(diǎn)根目錄相對路徑。插入 Flash 按鈕 Flash 按鈕可根據(jù)鼠標(biāo)指針位置和狀態(tài)的不同，顯示不同的圖像，并且會(huì)在鼠標(biāo)單擊時(shí)執(zhí)行超鏈接跳轉(zhuǎn)的動(dòng)作。 定位插入點(diǎn)，在“插入”欄的“媒體”面板中單擊“Flash 按鈕”按鈕，打開“插入 Flash 按鈕”對話框。 插入插入flash按鈕按鈕效果(3)使用使用flash文本文本 用用Flash文本制作導(dǎo)航欄目文本制作導(dǎo)航欄目 插入插入媒體媒體flash文本文本設(shè)置參（設(shè)置參（autoplay、loop

41、、volume） 確認(rèn)確認(rèn)flash文本和文本和html文件放在同一個(gè)文件夾下，瀏覽器文件放在同一個(gè)文件夾下，瀏覽器可以辨認(rèn)文檔相對連接，保存在同一文件夾下可以保證這可以辨認(rèn)文檔相對連接，保存在同一文件夾下可以保證這些鏈接工作正常。些鏈接工作正常。flash文本效果文本效果(4)插入插入flashpaper文件文件 在瀏覽器中打開包含在瀏覽器中打開包含F(xiàn)lashPaper文檔的頁面時(shí)，瀏覽者文檔的頁面時(shí)，瀏覽者能夠?yàn)g覽能夠?yàn)g覽FlashPaper文檔中的所有頁面，而無需加載新文檔中的所有頁面，而無需加載新的的Web頁。也可以搜索、打印和縮放該文檔。頁。也可以搜索、打印和縮放該文檔。 選擇選擇“

42、插入插入”“媒體媒體”“FlashPaper”。 在在“插入插入FlashPaper”對話框中，輸入寬度和高度（以對話框中，輸入寬度和高度（以像素為單位）指定像素為單位）指定FlashPaper對象在網(wǎng)頁上的尺寸，對象在網(wǎng)頁上的尺寸，F(xiàn)lashPaper將縮放文檔以適合寬度。將縮放文檔以適合寬度。單擊單擊“確定確定”在頁面在頁面中插入文檔。中插入文檔。 由于由于FlashPaper文檔是文檔是Flash對象，因此頁面上將出現(xiàn)對象，因此頁面上將出現(xiàn)一個(gè)一個(gè)Flash占位符。占位符。 如果需要，在屬性檢查器中設(shè)置其如果需要，在屬性檢查器中設(shè)置其他屬性。他屬性。 (5)使用使用flash元素（圖像查

43、看器）元素（圖像查看器）： 插入、編輯插入、編輯 可以用來查看圖像，但圖需要在可以用來查看圖像，但圖需要在flash元素屬性的元素屬性的imgURLS中設(shè)置各個(gè)圖像路徑。中設(shè)置各個(gè)圖像路徑。具體設(shè)置看下頁。具體設(shè)置看下頁。 通過該法可以用來制作電子相冊(6)在網(wǎng)頁中使用在網(wǎng)頁中使用shockwave動(dòng)畫動(dòng)畫/影片影片 插入插入媒體媒體shockwave （選擇（選擇*.dcr 或或shockwave小游戲）小游戲） shockwave是專門的是專門的Flash動(dòng)畫升級插件，動(dòng)畫升級插件， shockwave動(dòng)畫是用動(dòng)畫是用Director制作，文件后制作，文件后綴名是綴名是dcr。 播放sho

44、ckwave動(dòng)畫需要安裝shockwave player插件(7)使用使用flash視頻（視頻（ . Flv，僅，僅8.0 能實(shí)現(xiàn)）能實(shí)現(xiàn)） 在使用插入前，必須有一個(gè)經(jīng)過編碼生成的視頻在使用插入前，必須有一個(gè)經(jīng)過編碼生成的視頻（ . flv）文件。文件。 主要有以下主要有以下2種視頻形式種視頻形式 a累進(jìn)式下載視頻：先下載到瀏覽者的電腦上，再進(jìn)行播累進(jìn)式下載視頻：先下載到瀏覽者的電腦上，再進(jìn)行播放放 b流視頻：經(jīng)過很短的時(shí)間緩沖后在網(wǎng)頁上播放。流視頻：經(jīng)過很短的時(shí)間緩沖后在網(wǎng)頁上播放。 插入插入媒體媒體flash視頻視頻4.控制控制flash動(dòng)畫動(dòng)畫 在屬性檢查其中分別給插入到網(wǎng)頁中的在屬性檢

45、查其中分別給插入到網(wǎng)頁中的flash動(dòng)畫命名，如動(dòng)畫命名，如圖命名為圖命名為main。 在網(wǎng)頁中添加文字在網(wǎng)頁中添加文字“播放播放”和和“停止停止”或類似的按鈕，分別或類似的按鈕，分別加上加上空鏈接（空鏈接（#），然后添加行為，然后添加行為“控制控制shockwave或或flash”，在彈出的對話框中選擇要進(jìn)行控制的，在彈出的對話框中選擇要進(jìn)行控制的flash名即名即可實(shí)現(xiàn)?？蓪?shí)現(xiàn)。4.3.2在網(wǎng)頁中使用音頻在網(wǎng)頁中使用音頻添加音頻能極好地吸引讀者添加音頻能極好地吸引讀者,烘托良好的藝術(shù)氛圍烘托良好的藝術(shù)氛圍,但是添加但是添加音樂后音樂后,會(huì)讓網(wǎng)頁文件變大會(huì)讓網(wǎng)頁文件變大,增加網(wǎng)頁下載的時(shí)間增

46、加網(wǎng)頁下載的時(shí)間,所以在添所以在添加音樂時(shí)加音樂時(shí),需要考慮聲音文件的大小、聲音品質(zhì)和在不同瀏需要考慮聲音文件的大小、聲音品質(zhì)和在不同瀏覽器中的差異覽器中的差異,適時(shí)適度的增加。適時(shí)適度的增加。1.在網(wǎng)頁中添加音頻文件的在網(wǎng)頁中添加音頻文件的2種方式：種方式：鏈接到音頻文件：鏈接到音頻文件：主要使用超級鏈接實(shí)現(xiàn)，提供音樂下載主要使用超級鏈接實(shí)現(xiàn)，提供音樂下載或在線播放，但在線打開播放時(shí)需要讀者安裝好相應(yīng)的播或在線播放，但在線打開播放時(shí)需要讀者安裝好相應(yīng)的播放器。放器。嵌入聲音文件：嵌入聲音文件：可以設(shè)置網(wǎng)頁的背景音樂可以設(shè)置網(wǎng)頁的背景音樂,也可以提供音樂也可以提供音樂在線播放。但在線播放時(shí)，需

47、要瀏覽器安裝相應(yīng)的插件，在線播放。但在線播放時(shí)，需要瀏覽器安裝相應(yīng)的插件，可以顯示其外觀及進(jìn)行相應(yīng)的播放、暫停和音量控制?？梢燥@示其外觀及進(jìn)行相應(yīng)的播放、暫停和音量控制。本本章著重講解嵌入聲音文件。章著重講解嵌入聲音文件。2.網(wǎng)頁中添加背景音樂的文件格式有網(wǎng)頁中添加背景音樂的文件格式有:mid、wmv、mp3、wav等。等。umid/midi格式：音質(zhì)好、文件小、反應(yīng)快、可重復(fù)格式：音質(zhì)好、文件小、反應(yīng)快、可重復(fù)播放、被多數(shù)瀏覽器支持，是網(wǎng)頁中默認(rèn)的背景音樂播放、被多數(shù)瀏覽器支持，是網(wǎng)頁中默認(rèn)的背景音樂格式，也是設(shè)計(jì)者的首選。但錄制要求較高，且依賴格式，也是設(shè)計(jì)者的首選。但錄制要求較高，且依賴

48、于聲卡，多用于器樂。于聲卡，多用于器樂。uMP3壓縮率最高、音質(zhì)最好。壓縮率最高、音質(zhì)最好。uWMV：uwav和和aif（aiff）文件：二者相似：音質(zhì)好、被多數(shù)）文件：二者相似：音質(zhì)好、被多數(shù)瀏覽器支持，錄制。瀏覽器支持，錄制。3.嵌入聲音文件的幾種方式和操作思路嵌入聲音文件的幾種方式和操作思路 方法方法1：插入：插入媒體媒體插件插件將鼠標(biāo)定位到需要插入音頻文件的位置，執(zhí)行插入將鼠標(biāo)定位到需要插入音頻文件的位置，執(zhí)行插入媒媒體體插件插件-選擇一個(gè)音頻文件選擇一個(gè)音頻文件設(shè)置（設(shè)置（hidden、loop、autostart等）參數(shù)。等）參數(shù)。 如果訪問者安裝有能播放相應(yīng)格式如果訪問者安裝有能播放相應(yīng)格式文件的插件（例如文件的插件（例如 RealMedia 或或 QuickTime 插件），插件），那么可以通過嵌入的方式將聲音與視頻直接插入頁面中，那么可以通過嵌入的方式將聲音與視頻直接插入頁面中，從而獲得更多對媒體的控制（例如，可選擇是否播放和從而獲得更多對媒體的控制（例如，可選擇是否播放和設(shè)置音量。設(shè)置音量。 插件的位置和播放效果如圖所示：插件的位置和播放效果如圖所示：方法方法2：下載安裝：下載安裝soun