圖像和多媒體培訓講義

第5章圖像和多媒體5.1網頁中的圖像和多媒體5.2定義圖像的映射5.3多媒體 實訓五5.1網頁中的圖像和多媒體圖像是網頁中不可缺少的重要元素，它不僅可以裝飾和美化網頁，同時還可以傳遞信息。例如，使用圖像來展示產品信息，制作商標或者公司徽標，利用圖像建立站點的導航構架等。除此之外，還可以在網頁中加入音頻、視頻以及動畫等多種媒體信息。2002提供了強大的多媒體技術支持，利用它可以方便地創(chuàng)建具有全新視聽感覺的多媒體站點和網頁。5.1.1網頁中圖像文件的格式圖像文件有很多種格式。例如，常用的格式有、、、、、、、、等。但是就目前來說，在網頁中普遍使用的圖像文件格式是和兩種，它們的共同特點是，適合網絡傳輸，適用于各種瀏覽器。()格式采用的是無損耗壓縮方案，壓縮時不會丟失圖像信息，解壓速度快。支持交織的、透明的圖像，這種技術在網頁中非常有用。利用的透明特性能夠把插入到網頁中的圖片背景處理成透明的，以使插入圖片的背景色與網頁背景色相同。而交織特性可以使圖像在瀏覽器中邊加載邊顯示。另外，格式還支持動畫，它最多能夠處理256種顏色。()格式采用的是有損壓縮方案，因此圖像文件在壓縮時會損失部分信息。不過這種壓縮方案可以根據圖像質量要求調整壓縮比。壓縮率越小，圖像的品質越高，但同時圖像文件也越大。格式的最大特點是支持真彩色，它能夠包含多達1670萬種顏色。因此常用于存儲色彩要求高的圖像，如人物肖像、風景名勝等攝影照片。另一種可以在網頁中使用的圖像文件是()格式，這種格式支持224種顏色。但由于是一種無壓縮的格式，因此圖像文件一般比較大，影響了它的傳輸速度，所以網頁上較少使用。雖然能夠在網頁中使用的圖像格式有限，但2002卻允許使用多種格式的圖像文件。因為能夠將插入的其他圖像文件格式轉換為或格式。當插入圖像的顏色值大于256色時，將其轉換為格式，而小于256色時則轉換為格式。在2002中可以轉換的圖像格式主要有、、、、、、、等。

5.1.2在網頁中使用圖像在網頁中使用圖像要注意，盡量不要使用很大的圖像文件，單張圖片的大小最好小于25?，如果必須使用大圖片時，建議創(chuàng)建圖片的縮略圖。如果在一個網頁中插入多個圖片，則所有圖片的大小之和最好不要超過30?，以免導致下載時間過長。1.在網頁中插入圖像(1)在普通“網頁”視圖中，將光標放在需要插入圖像的位置。(2)單擊“插入”菜單→“圖片”→“來自文件…”命令，打開如圖5-1所示的“圖片”對話框。圖5-1在網頁中插入圖像(3)單單擊擊““圖圖片片””對對話話框框中中的的““查查找找范范圍圍””下下拉拉列列表表框框，，從從本本地地文文件件系系統(tǒng)統(tǒng)或或者者站站點點瀏瀏覽覽到到所所需需的的圖圖形形，，單單擊擊所所需需的的圖圖片片，，再再單單擊擊““確確定定””按按鈕鈕。。這這時時圖圖像像已已經經插插入入到到網網頁頁中中。。(4)單單擊擊““常常用用””工工具具欄欄上上的的““保保存存””按按鈕鈕，，這這時時會會打打開開““保保存存嵌嵌入入式式文文件件””對對話話框框，，如如圖圖5-2所所示示。。圖5-2保保存存圖圖像像文文件件(5)要要將將圖圖像像保保存存在在當當前前站站點點的的根根目目錄錄中中，，可可以以在在““保保存存嵌嵌入入式式文文件件””對對話話框框中中，，單單擊擊““確確定定””按按鈕鈕。。(6)要要把把圖圖像像文文件件保保存存在在當當前前站站點點的的文文件件夾夾中中，，可可以以單單擊擊““更更改改文文件件夾夾””按按鈕鈕，，在在打打開開““更更改改文文件件夾夾……””對對話話框框中中，，選選擇擇該該文文件件夾夾，，然然后后單單擊擊““確確定定””按按鈕鈕，，如如圖圖5-3所所示示。。圖5-3更更改改文文件件夾夾(7)如如果果不不想想將將圖圖片片保保存存到到當當前前的的站站點點中中，，可可以以在在““保保存存嵌嵌入入式式文文件件””對對話話框框中中，，單單擊擊““設設置置操操作作……””按按鈕鈕，，打打開開““設設置置操操作作……””對對話話框框，，選選擇擇““不不保保存存””單單選選框框，，單單擊擊““確確定定””按按鈕鈕，，如如圖圖5-4所所示示。。圖5-4選選擇保存存方式(8)再再單擊擊“確定定”按鈕鈕退出““保存嵌嵌入式文文件”對對話框。。注意，如如果選擇擇不將圖圖形保存存到當前前站點時時，會在在網頁上上創(chuàng)建一一個對其其他站點點上的圖圖形的引引用。不不過，如如果該圖圖形從其其他站點點中或文文件夾中中刪除了了，就再再也無法法在當前前的網頁頁中看到到該圖形形。2.在在網頁中中插入萬萬維網站站點中的的圖像(1)在在普通通“網頁頁”視圖圖中，將將插入點點放在要要插入圖圖形的位位置。(2)單單擊““插入””菜單→→“圖片片”→““來自文文件…””命令，，打開如如圖5-1所示示的“圖圖片”對對話框。。(3)單單擊““搜索站站點”圖圖標并并導航航到包含含圖形的的網頁。。(4)用用鼠標標右鍵單單擊選中中的圖形形，再單單擊快捷捷菜單上上的“復復制”命命令。(5)切切換回回2002。(6)再再次用用鼠標右右鍵單擊擊，并從從快捷菜菜單上選選擇“粘粘貼”，，把圖形形直接插插入到網網頁中。。創(chuàng)創(chuàng)建圖圖片庫圖片庫是是指包含含圖形集集的網頁頁。通常常圖形集集中的圖圖形是按按照某種種順序和和規(guī)律布布局的。。創(chuàng)建圖圖片庫是是?2002新新增的功功能，利利用這個個功能創(chuàng)創(chuàng)建圖片片庫十分分方便，，具體步步驟如下下。(1)在在普通通“網頁頁”視圖圖中，將將插入點點放在要要插入圖圖片庫的的位置上上。(2)單單擊““插入””菜單→→“組件件…”命命令，打打開“插插入組件件”對話話框，如如圖5-5所示示。圖5-5創(chuàng)創(chuàng)建圖片片庫(3)在在“插插入組件件列表框框”中選選擇圖片片庫，在在“選擇擇圖片庫庫選項””列表框框中，選選擇需要要的圖片片集版式式，單擊擊“完成成”按鈕鈕，就可可以在指指定的位位置上插插入圖片片庫。2002有4種種圖片庫庫布局的的樣式。。橫排版式式：在網網頁上按按水平方方式排列列圖片。。橫排版版式能夠夠自動創(chuàng)創(chuàng)建圖像像的縮略略圖，并并可在每每幅圖像像的下面面包含說說明文字字。蒙太奇版版式：在在網頁上上按蒙太太奇版式式排列圖圖片。蒙蒙太奇版版式能夠夠自動創(chuàng)創(chuàng)建圖像像的縮略略圖，縮縮略圖以以拼貼畫畫模式排排列，當當鼠標停停留在圖圖像上時時，將顯顯示圖像像的說明明文字。?；脽羝姘媸剑涸谠诰W頁上上以幻燈燈片版式式排列圖圖片?；没脽羝姘媸侥軌驂蜃詣觿?chuàng)創(chuàng)建圖像像的縮略略圖，縮縮略圖按按行排列列，并可可上下滾滾動。豎排版式式：在網網頁上垂垂直排列列圖片。。豎排版版式能夠夠自動創(chuàng)創(chuàng)建圖像像的縮略略圖，縮縮略圖按按列排列列，說明明文字放放在圖像像的右側側。(4)創(chuàng)創(chuàng)建圖圖片庫之之后還需需要在圖圖片庫中中加入圖圖片。加加入圖片片的方法法是，在在圖片庫庫上單擊擊鼠標右右鍵，在在快捷菜菜單中單單擊“圖圖片庫屬屬性”命命令，打打開“圖圖片庫屬屬性”對對話框，，如圖5-6所所示。(5)單單擊““圖片””選項卡卡，再單單擊“添添加”按按鈕，選選擇“圖圖片來自自文件””，將顯顯示“打打開”對對話框，，如圖5-7所所示。圖5-6把把圖片添添加到圖圖片庫圖5-7選選擇圖片片加入圖圖片庫(6)在在“打打開”對對話框中中，從指指定的位位置選擇擇需要的的圖像，，然后單單擊“打打開”按按鈕，即即可將圖圖片添加加到圖片片庫中。。(7)在在“縮縮略圖大大小”選選擇框中中，可以以指定縮縮略圖的的大小。。(8)在在“標標題”文文本框中中鍵入需需要的文文字，并并且可以以為文字字選擇合合適的字字體格式式。(9)單單擊““編輯……”按鈕鈕，可以以打開““編輯圖圖片”對對話框，，如圖5-8所所示。圖5-8編編輯圖片片庫中的的圖片(10)要改改變圖片片在網頁頁中的布布局樣式式，可單單擊“布布局”選選項卡，，如圖5-9所所示。從從中選擇擇新的布布局樣式式，再單單擊“確確定”按按鈕即可可。創(chuàng)建建好的圖圖片庫網網頁如圖圖5-10所示示。圖5-9更更改圖片片庫布局局圖5-10創(chuàng)創(chuàng)建好好的圖片片庫網頁頁在在網頁頁中使用用剪貼畫畫2002附帶了了一個剪剪輯管理理器剪貼貼畫庫，，其中包包含圖畫畫、照片片、聲音音、視頻頻和其他他媒體文文件(統(tǒng)統(tǒng)稱為剪剪輯)。。要在網頁頁中使用用剪貼畫畫庫，可可按以下下步驟進進行。(1)在普普通“網頁””視圖中，將將光標放在需需要插入剪貼貼畫的位置上上。(2)單擊擊“插入”菜菜單→“圖片片”→“剪貼貼畫…”命令令，打開如圖圖5-11所所示的“插入入剪貼畫”任任務窗口。(3)在““插入剪貼畫畫”任務窗口口中，可以在在“搜索范圍圍”列表框中中選擇要搜索索的范圍；在在“結果類型型”列表框中中選擇要搜索索的文件類型型。然后單擊擊“搜索”按按鈕開始搜索索。也可以在在“搜索文字字”文本框中中鍵入要搜索索的文件名，，然后單擊““搜索”按鈕鈕。(4)在““結果”列表表中單擊要插插入的剪貼畫畫，然后在彈彈出的快捷菜菜單中選擇““插入”命令令，即可插入入選中的剪貼貼畫。在“插入剪貼貼畫”任務窗窗口中，單擊擊“剪輯管理理器”，可打打開“剪輯管管理器”對話話框，如圖5-12所示示。圖5-11““插入剪剪貼畫”任務務窗口圖5-12使使用“剪剪輯管理器””可在“剪輯管管理器”中瀏瀏覽、剪輯收收藏集，添加加剪輯。單擊擊“網上剪輯輯”即可鏈接接到1.站站點，并可下下載更多的剪剪輯文件。設設置圖片片的屬性在網頁中插入入圖像之后，，還可以對圖圖像的某些屬屬性，例如圖圖像文件的類類型、圖像的的分辨率、圖圖像的尺寸等等進行設置。。為了設置圖圖像的各種屬屬性，先要打打開“圖片屬屬性”對話框框。在普通““網頁”視圖圖中，單擊要要設置屬性的的圖像，然后后單擊鼠標右右鍵，在快捷捷菜單中單擊擊“圖片屬性性…”命令，，即可打開““圖片屬性””對話框，如如圖5-13所示。在“圖片屬性性”對話框中中，有“常規(guī)規(guī)”、“外觀觀”和“視頻頻”三個選項項卡。下面先先介紹選項卡卡中的各項設設置。圖5-13設設置圖像像的常規(guī)屬性性1.“常規(guī)規(guī)”選項卡“常規(guī)”選項項卡中包含以以下可以設置置的屬性。①“圖片源源”：顯示圖圖片的位置。。如果圖片來來自萬維網，，則顯示圖片片的絕對地址址和文件名；；如果圖片位位于當前站點點上，則顯示示圖片的相對對和文件名；；如果圖片在在本地的文件件系統(tǒng)中，則則顯示文件的的路徑和文件件名。使用““瀏覽…”按按鈕，可以選選擇其他圖片片來替換現(xiàn)有有的圖片。單單擊“編輯””按鈕，將根根據圖像的文文件類型啟動動默認的編輯輯器，如或或。②類型：可可以將所選擇擇的圖片格式式設置為或。。③替代表示示：設置在瀏瀏覽器中下載載主要圖像時時以一個低分分辨率圖像顯顯示，或者在在圖像的位置置上，以文本本代替圖像，，目的是為了了提高網頁的的下載速度。。但是替代文文本應該能夠夠表達圖像的的含義。④默認超鏈鏈接：可以定定義一個與圖圖像相關聯(lián)的的超鏈接。當當在瀏覽器中中單擊圖像時時，這個超鏈鏈接就被加載載了。2.“外觀觀”選項卡“外觀”選項項卡(如圖5-14所示示)中包含以以下可以設置置的屬性。①環(huán)繞樣式式：可以設置置圖像與文本本的相對位置置關系。②布局：設設置圖像在網網頁中的位置置。其中包含含以下4個選選項?！駥R方式式：定義圖片片與周圍文字字之間的對齊齊方式。圖5-14設設置圖像像的外觀屬性性●邊框粗細細：為圖像設設置邊框。邊邊框的寬度以以像素為單位位，可以在選選擇框中鍵入入所需的邊框框寬度，邊框框的顏色將默默認為當前超超鏈接的顏色色。●水平間距距和垂直間距距：設置圖像像與周圍其他他元素之間的的距離。③大小：設設置圖像出現(xiàn)現(xiàn)在瀏覽器中中的大小。可可以用像素或或者百分比為為單位設置圖圖像的寬度和和高度。在改改變圖像尺寸寸時，建議選選擇“保持縱縱橫比”復選選框。3.“視頻頻”選項卡“視頻”選項項卡(如圖5-15所示示)中包含以以下可以設置置的屬性。圖5-15設設置圖片片視頻屬性①視頻源：：設置要加入入網頁的視頻頻文件的路徑徑和文件名，，或者使用““瀏覽…”按按鈕選擇視頻頻文件。②重復：定定義視頻在瀏瀏覽器中播放放的方式?！裱h(huán)次數(shù)數(shù)：設置視頻頻重復播放的的次數(shù)。●循環(huán)延時時：設置視頻頻在循環(huán)過程程中瀏覽器的的等待時間。。③開始：設設置視頻在打打開文件時播播放，或者當當鼠標移動到到視頻上時開開始播放。在在網頁頁中繪制圖形形，插入藝術術字在2002中，新增了了一些很有用用的功能，如如插入自選圖圖形、藝術字字，繪制新圖圖等。在2002中，，可以使用這這些功能，方方便地在網頁頁中插入藝術術字，繪制流流程圖等。藝術字也是網網頁中不可缺缺少的一個元元素，例如網網頁的橫幅、、標題等用藝藝術字來表現(xiàn)現(xiàn)，可以使網網頁更加具有有吸引力。在網頁中插入入藝術字的步步驟如下。(1)在普普通“網頁””視圖中，將將光標放在需需要插入藝術術字的位置上上。(2)單擊擊“插入”菜菜單→“圖片片”→“藝術術字…”命令令，或單擊““繪圖”工具具欄上的“藝藝術字”圖標標，打開“藝藝術字庫”對對話框，如圖圖5-16所所示。(3)在““藝術字庫””對話框中，，選擇一種藝藝術字的形式式，單擊“確確定”按鈕。。這時將打開開“編輯‘藝藝術字’文字字”對話框，，如圖5-17所示。(4)在這這個對話框的的“文字”編編輯框中，可可以鍵入要顯顯示為藝術字字的文本，并并且可以使用用“字體”、、“字號”、、“字形”工工具欄設置文文字的屬性。。設置完成后后單擊“確定定”按鈕，即即可將藝術字字插入到網頁頁中。圖5-16使使用藝術術字庫圖5-17編編輯藝術術字在插入藝術字字后，2002將顯示示“藝術字””工具欄，如如圖5-18所示。圖5-18““藝術字字”工具欄“藝術字”工工具欄中各項項工具的功能能如下。插入藝術字：：在網頁中插插入藝術字。。編輯文字：修修改藝術字的的內容、文字字屬性。藝術字庫：更更改藝術字的的形式。設置藝術字格格式：可以設設置格式的諸諸多屬性，稍稍后再作介紹紹。藝術字形狀：：設置藝術字字的顯示形狀狀。藝術字字母高高度相同：設設置高度相同同的藝術字。。藝術字的豎排排文字：設置置藝術字的排排列方向。藝術字的對齊齊方式：設置置藝術字的各各種對齊方式式。藝術字的字符符間距：設置置藝術字的各各種字符間距距。單擊“設置藝藝術字格式””圖標，將打打開“設置藝藝術字格式””對話框，如如圖5-19所示。圖5-19設設置藝術術字屬性“顏色和線條條”選項卡：：可以設置藝藝術字的顏色色、透明度、、填充效果、、字體的輪廓廓線形等?！按笮　边x項項卡：可以設設置藝術字的的大小、縮放放比例、旋轉轉角度等?！鞍媸健边x項項卡：可以設設置藝術字的的版式，如環(huán)環(huán)繞樣式、定定位樣式等。。在在網頁中中繪制圖形在網頁中繪制制圖形是2002的新新增功能，使使用這個功能能可用于繪制制諸如流程圖圖之類的簡單單圖形。在網頁中繪制制圖形的步驟驟如下。(1)在普普通“網頁””視圖中，將將光標放在需需要繪制圖形形的位置上。。(2)單擊擊“插入”菜菜單→“圖片片”→“繪制制新圖形”命命令。這時2002在網頁上上插入了一個個叫“繪圖畫畫布”的繪圖圖區(qū)域，并顯顯示出“繪圖圖畫布”工具具欄和“繪圖圖”工具欄，，如圖5-20所示。(3)在““繪圖”工具具欄中選擇需需要的形狀工工具，如“直直線”、“圓圓”等或者在在“自選圖形形庫”中選擇擇需要的各種種圖形，以進進行各種簡單單圖形的繪制制。圖5-20在在網頁中中繪制圖形設設置網頁頁背景上面介紹了在在網頁中插入入圖像的方法法。通常以這這種方法插入入的圖像是作作為網頁的前前景來使用的的。在網頁中中也可以使用用背景。網頁頁背景有兩種種形式：一種種是使用背景景顏色；另一一種是使用背背景圖片。下下面分別介紹紹這兩種背景景的設置方法法。1.設置網網頁的背景顏顏色(1)在普普通“網頁””中的任意位位置上，單擊擊鼠標右鍵，，在彈出的快快捷菜單中單單擊“網頁屬屬性…”命令令，打開“網網頁屬性”對對話框，如圖圖5-21所所示。圖5-21設設置網頁頁的背景顏色色(2)在““背景”選項項卡的“顏色色”列表框中中選擇所需的的背景顏色，，然后單擊““確定”按鈕鈕。這時，被被選擇的顏色色就應用到了了當前網頁中中。2.設置網網頁的背景圖圖片2002可以以使用任意格格式的圖像文文件作為網頁頁的背景圖片片。設置網頁背景景圖片的步驟驟如下。(1)在普普通“網頁””視圖中，單單擊“格式””菜單→“背背景”命令，，或者在網頁頁上任意位置置單擊鼠標右右鍵，在快捷捷菜單中單擊擊“網頁屬性性…”命令，，打開“網頁頁屬性”對話話框，如圖5-21所示示。(2)在在“網頁屬屬性”對話話框中，單單擊“背景景”選項卡卡。(3)在在“背景””選項卡中中，選擇““背景圖片片”復選框框。(4)單單擊“瀏覽覽…”按鈕鈕，打開““圖片”對對話框，如如圖5-22所示。。圖5-22使用用背景圖片片(5)在在“圖片””對話框中中選擇背景景需要的圖圖片，然后后單擊“打打開”按鈕鈕。這時，，背景中插插入了圖片片，如圖5-23所所示。(6)在在“背景””選項卡中中選擇“水水印”復選選框，單擊擊“確定””按鈕即可可?！八　睆蛷瓦x框的作作用是，保保持背景圖圖片不隨前前景圖片及及文本一起起移動。圖5-23使用用網頁背景景5.1.9使用用2002的圖像像工具2002中中提供了一一個“圖片片”工具欄欄，專門用用于在網頁頁中對圖像像進行編輯輯，如圖5-24所所示。圖5-24“圖圖片”工具具欄“圖片”工工具欄中各各種工具的的功能如下下。插入文件中中的圖片：：在網頁中中插入圖片片。作用與與使用“插插入”菜單單插入圖像像一樣。文本：在圖圖像中加入入文本。但但是要插入入文本的圖圖像必須是是格式。如如果不是，，則2002會自自動將其轉轉換為格式式。自動縮略圖圖：為選中中的圖像創(chuàng)創(chuàng)建一個圖圖像的縮略略圖，并在在縮略圖中中建立一個個鏈接到原原始圖像的的超鏈接。。絕對定位：：設置圖像像在當前層層中的絕對對位置。上移一層：：將圖像上上移一層。。下移一層：：將圖像下下移一層。。上移一層和和下移一層層，都是用用于在多個個圖像中設設置圖像之之間的疊放放關系。向左旋轉：：將圖像向向左旋轉90?。向右旋轉：：將圖像向向右旋轉90?。水平翻轉：：將圖像沿沿垂直線對對稱翻轉。。垂直翻轉：：將圖像沿沿水平線對對稱翻轉。。增加對比度度：增加圖圖像前景和和背景之間間的對比度度。降低對比度度：減少圖圖像前景和和背景之間間的對比度度。增加亮度：：增加圖像像的明亮度度。降低亮度：：降低圖像像的明亮度度。裁剪：對圖圖像進行裁裁剪。通過過裁剪可以以刪除圖像像中不需要要的部分。。設置透明色色：可以將將圖像中的的某種顏色色設置為透透明。然后后無論該顏顏色出現(xiàn)何何處，背景景都可以透透過這個顏顏色顯示出出來。在一一個圖像中中只能有一一種顏色設設為透明，，并且只有有格式的圖圖像能設為為透明色。。顏色：在““顏色”按按鈕下有““黑白”、、“灰度””和“沖蝕蝕”3個選選項。其中中“黑白””和“灰度度”選項可可以將圖像像轉換為黑黑白或灰度度模式，““沖蝕”選選項的作用用是降低圖圖像的對比比度并提高高其亮度，，常用于制制作網頁的的背景效果果。凸凹效果：：在圖像周周圍制作具具有凸起的的、三維外外觀的斜面面。這個功功能在制作作圖形按鈕鈕時非常有有用。重新采樣：：用于重新新定義圖像像的大小。?？梢栽诟母淖儓D像大大小的同時時，改變圖圖像文件的的大小。熱點按鈕：：熱點按鈕鈕包括“長長方形”、、“圓形””、“多邊邊形”按按鈕，用用于在圖像像中定義熱熱點，并且且在熱點上上定義超鏈鏈接。突出顯示熱熱點：用于于在圖像中中突出顯示示熱點。還原按鈕：：取消對圖圖像的各種種編輯，還還原源圖像像。下面將結合合實例介紹紹“圖片””工具欄中中部分工具具的使用方方法，其余余工具將在在以后相應應的章節(jié)中中介紹。1.使用用“設置透透明色”工工具使圖像像中的顏色色變成透明明在網頁中插插入圖像時時，經常會會遇到圖像像的背景與與網頁的背背景不相同同，插入圖圖像與網頁頁背景之間間格格不入入，如圖5-25中中圖a所示示。圖5-25圖像像的透明處處理要解決這個個問題，可可以使用““設置透明明色”工具具對插入圖圖像的背景景進行透明明處理，除除去圖像的的背景顏色色，使圖像像的前景與與網頁的背背景融為一一體。設置圖像透透明色的步步驟如下。。(1)在在普通“網網頁”視圖圖中，單擊擊要設置為為透明的圖圖像。(2)單單擊“視圖圖”菜單→→“工具欄欄”命令，，再單擊““圖片”命命令，打開開“圖片””工具欄。。(3)在在“圖片””工具欄上上單擊“設設置透明色色”圖標。。注意，由于于只有格式式支持透明明設置，如如果所選圖圖像為其他他格式，會會提示將文文件轉換為為格式，然然后才對其其進行處理理。(4)在在圖形中單單擊要變?yōu)闉橥该鞯念侇伾Y果果如圖5-25中圖圖b所示。。注意，如果果2002將圖形形從其他文文件格式轉轉換為格式式，那么圖圖形中顏色色的數(shù)目將將會減少，，并且圖形形文件可能能變得更大大。2.在圖圖像中添加加文字在2002中，可可以使用““圖片”工工具欄中的的“文本””工具在圖圖像中添加加文字。這這是一個很很有用的功功能，特別別是對于已已經插入網網頁中的圖圖像添加文文字非常方方便。在圖像中加加入文字的的步驟如下下。(1)在在普通“網網頁”視圖圖中，單擊擊需要添加加文字的圖圖像。(2)單單擊“視圖圖”菜單→→“工具欄欄”命令，，再單擊““圖片”命命令，打開開“圖片””工具欄。。(3)在在“圖片””工具欄上上單擊“文文本”圖標標。(4)這這時將在選選中的圖像像中心打開開一個文本本框，在文文本框中鍵鍵入需要出出現(xiàn)在圖像像中的文字字。(5)利利用文本框框的控制柄柄把文字放放置到圖像像中的適當當位置。文字放置好好了之后，，可以像在在網頁中一一樣對圖像像中的文字字設置“字字體”屬性性、“段落落”屬性等等。一個在在圖像中添添加文字的的例子如圖圖5-26所示。圖5-26在圖圖像中插入入文字3.創(chuàng)建建自動縮略略圖當網頁中包包含大型的的圖像時，，網頁的下下載速度是是比較緩慢慢的。因此此在設計網網頁時，為為大型圖像像創(chuàng)建縮略略圖是十分分必要的。?？s略圖是是由大型圖圖像微縮而而來的，因因此它可以以快速、準準確地顯示示在瀏覽器器中。2002在在縮略圖與與原始圖像像之間建立立了超鏈接接，單擊縮縮略圖就可可以顯示原原始圖像。。創(chuàng)建建縮縮略略圖圖，，可可以以先先設設置置它它的的屬屬性性，，具具體體步步驟驟如如下下。。(1)在在““網網頁頁””視視圖圖中中，，單單擊擊需需要要創(chuàng)創(chuàng)建建縮縮略略圖圖的的圖圖像像。。(2)單單擊擊““工工具具””菜菜單單→→““網網頁頁選選項項……””命命令令，，打打開開““網網頁頁選選項項””對對話話框框。。(3)在在““網網頁頁選選項項””對對話話框框中中，，單單擊擊““自自動動縮縮略略圖圖””選選項項卡卡，，如如圖圖5-27所所示示。。圖5-27創(chuàng)創(chuàng)建建自自動動縮縮略略圖圖(4)可可以以在在““設設置置””文文本本框框中中為為““自自動動縮縮略略圖圖””設設置置寬寬度度、、高高度度。。(5)如如果果需需要要縮縮略略圖圖有有邊邊框框，，可可以以選選擇擇““邊邊框框粗粗細細””復復選選框框進進行行設設置置。。(6)選選擇擇““邊邊緣緣凸凸凹凹效效果果””復復選選框框，，可可以以為為縮縮略略圖圖添添加加邊邊緣緣凸凸凹凹效效果果。。設置置完完縮縮略略圖圖的的屬屬性性后后，，就就可可以以創(chuàng)創(chuàng)建建縮縮略略圖圖，，具具體體步步驟驟如如下下。。(1)在在普普通通““網網頁頁””視視圖圖中中，，單單擊擊要要創(chuàng)創(chuàng)建建縮縮略略圖圖的的圖圖像像。。(2)單單擊擊““圖圖片片””工工具具欄欄上上的的縮縮略略圖圖圖圖標標。。這時時便便創(chuàng)創(chuàng)建建了了一一個個自自動動縮縮略略圖圖，，并并包包含含了了到到原原始始圖圖像像的的超超鏈鏈接接。。注意意，，如如果果所所選選的的圖圖形形比比縮縮略略圖圖小小，，或或者者已已經經為為圖圖形形設設置置了了超超鏈鏈接接或或熱熱點點，，或或者者圖圖形形是是動動畫畫，，則則““自自動動縮縮略略圖圖””功功能能將將不不可可用用。。5.2定定義義圖圖像像的的映映射射通常常把把包包含含一一個個或或多多個個熱熱點點的的圖圖形形稱稱為為圖圖像像映映射射。。換換句句話話說說，，圖圖像像映映射射不不僅僅可可以以將將整整個個圖圖像像作作為為一一個個超超鏈鏈接接，，還還可可以以在在同同一一個個圖圖像像中中同同時時定定義義多多個個超超鏈鏈接接。。而而熱熱點點是是圖圖形形上上一一個個分分配配了了超超鏈鏈接接的的區(qū)區(qū)域域。。在在2002中中，，可可以以在在圖圖像像中中使使用用文文本本熱熱點點，，也也可可以以在在圖圖像像中中使使用用如如長長方方形形、、圓圓形形或或多多邊邊形形等等幾幾何何形形狀狀作作為為熱熱點點。。1.使用文文本熱點(1)在普普通“網頁””視圖中，單單擊要定義映映射的圖像。。(2)在““圖片”工具具欄中單擊文文本圖標。。(如果果選擇的圖像像格式不是格格式，2002會提示示將其轉換為為格式。)(3)在文文本框中鍵入入作為熱點的的字符串，并并可以設置字字符串的字體體、大小、顏顏色等，然后后移動到合適適的位置上。。(4)選中中該字符串，，單擊鼠標右右鍵并在快捷捷菜單中單擊擊“圖片熱點點屬性…”命命令。(5)在打打開的“插入入超鏈接”對對話框的“地地址”文本框框中鍵入要鏈鏈接目標的。。這樣，文本熱熱點就定義好好了，保存網網頁后在瀏覽覽器中單擊該該文本熱點就就可以鏈接到到指定的超鏈鏈接目標。2.使用幾幾何形狀作為為熱點使用幾何形狀狀作為熱點與與使用文本熱熱點的方法基基本相同。可可以使用“圖圖片”工具欄欄中的“圖形形”工具將圖圖形插入要定定義映射的圖圖像中，然后后在圖形上定定義超鏈接即即可，如圖5-28所示示。圖5-28創(chuàng)創(chuàng)建圖像像映射5.3多多媒體體音音頻文件件的格式音頻文件有很很多種格式，，如音頻交換換文件格式(文件的類型型包括：、和和)、媒體體音頻和視頻頻文件(文件件的擴展名包包括、、、、、、、、、和和?)、運動圖像專家家組(，包括括的文件類型型有?、、1v、2、、、、2v*和和?2)、樂樂器數(shù)字接口口(、、和)、以及3(3和3u)等。下面面簡單介紹幾幾種音頻文件件格式的特點點。①格式屬于于的音頻文件件，是一種最最常用的數(shù)字字化音頻信號號。計算機可可以對其進行行編輯、處理理和播放。②(運動圖圖像專家組)是視頻和音音頻的國際標標準格式，文文件的最大壓壓縮率是20:1，能夠夠生成高質量量的立體聲。。③樂器數(shù)字字接口是一種種樂器文件，，它使用指令令和數(shù)字描述述樂器、音調調、時間等參參數(shù)。播放音樂時播播放器根據指指令和數(shù)字生生成各種樂器器的音效。這這種文件的特特點是以較小小的文件保存存音頻文件。。在在網頁中中使用音頻網頁中加入聲聲音有兩種情情況：一種是是在網頁下載載時自動播放放的背景音樂樂；另一種是是由網頁瀏覽覽者控制播放放的音樂。在2002中為網頁添添加背景音樂樂十分方便，，具體步驟如如下。(1)在普普通“網頁””視圖中，將將插入點放在在要插入視頻頻的位置。(2)單擊擊“文件”菜菜單→“屬性性…”命令，，或者在網頁頁的任意位置置上，單擊鼠鼠標右鍵并在在快捷菜單中中單擊“網頁頁屬性…”命命令，這時會會出現(xiàn)“網頁頁屬性”對話話框。(3)單擊擊“常規(guī)”選選項卡，然后后單擊“背景景音樂”下的的“瀏覽…””按鈕。這時時將打開“背背景音樂”對對話框，如圖圖5-29所所示。圖5-29在在網頁中中插入背景音音樂(4)選擇擇需要的音頻頻文件，這時時文件的將出出現(xiàn)在“背景景音樂”下的的“位置”文文本框中。(5)在““循環(huán)次數(shù)””選框中，鍵鍵入背景音樂樂需要播放的的次數(shù)。如果果選擇“不限限次數(shù)”復選選框，則只要要網頁被打開開，背景音樂樂將始終播放放。(6)單擊擊“確定”按按鈕，音樂背背景就被插入入到了網頁中中。(7)保存存網頁后，插插入的背景音音樂就可以在在瀏覽器中播播放。要刪除背景音音樂，可以打打開“網頁屬屬性”對話框框，并除去““常規(guī)”選項項卡的“背景景音樂”地址址框中的文件件名，單擊““確定”按鈕鈕即可。目前在大多數(shù)數(shù)的娛樂性網網站中，都提提供了音樂或或歌曲庫庫。可以在瀏瀏覽網頁時選選擇播放。創(chuàng)創(chuàng)建到歌曲文文件或音樂文文件超鏈接的的方法和創(chuàng)建建一般超鏈接接的方法相同同。視視頻文件件的格式在網頁中使用用的視頻文件件的格式主要要有音頻和視視頻文件(文文件類型有、、)、運動圖圖像專家組(，文件類型型有、、1v、2、、、、2v*和和2)。其中中格式是一種種包含音頻、、視頻信息的的數(shù)字視頻文文件格式。在在文件中，運運動圖像和伴伴音數(shù)據以交交替的方式存存儲。因此，用這種種格式讀取的的信息在連續(xù)續(xù)性方面比較較好。而則是是機上全屏幕幕活動視頻文文件的標準格格式，在1024×768像素的分分辨率下可以以每秒24、、25、30幀的速率，，同步播放具具有128000種顏顏色的全運動動視頻圖像和和音質的伴音音。在在網頁中中使用視頻在2002中可以按以以下步驟插入入視頻。(1)在普普通“網頁””視圖中，將將插入點放在在要插入視頻頻的位置。(2)單擊擊“插入”菜菜單→“圖片片”→“視頻頻…”命令，，打開“視頻頻”對話框，，如圖5-30所示。圖5-30在在網頁中中插入視頻(3)在““視頻”對話話框的“視頻頻源”文本框框中鍵入視頻頻文件的地址址，或單擊““瀏覽”按鈕鈕，可以在文文件系統(tǒng)或萬萬維網中選中中需要插入的的視頻文件。。(4)單擊擊“確定”按按鈕，即可將將視頻插入到到網頁中，如如圖5-31所示。圖5-31插插入的視視頻還可以為插入入的視頻設置置屬性，具體體步驟如下。。(1)用鼠鼠標右鍵單擊擊“視頻”，，在彈出的快快捷菜單上單單擊“圖片屬屬性”，然后后再單擊“視視頻”選項卡卡，如圖5-32所示。。圖5-32設設置視頻頻屬性(2)如果果要在網頁加加載到站點訪訪問者的瀏覽覽器時播放視視頻，可選中中“打開文件件時”復選框框。(3)如果果要在站點訪訪問者的鼠標標移到視頻上上方時播放視視頻，可選中中“當鼠標懸懸停于其上時時”復選框。。(4)在““循環(huán)次數(shù)””框中，鍵入入視頻需要播播放的次數(shù)。。如果選擇““不限次數(shù)””復選框，視視頻將連續(xù)播播放。(5)可以以在“循環(huán)延延遲”框中設設置播放之間間的延遲時間間。(6)單擊擊“預覽”按按鈕，可以查查看插入視頻頻的播放效果果。上述插入視頻頻的方法比較較簡單，畫面面也比較簡潔潔，但是不能能夠控制播放放。要想控制制播放，也可可以使用“插插件”。使用“插件””插入視頻的的步驟如下：：(1)在普普通“網頁””視圖中，將將插入點放在在要插入視頻頻的位置。(2)單擊擊“插入”菜菜單→“組件件”命令，打打開插入“組組件”對話框框，如圖5-33所示。。圖5-33使使用插件件(3)在““組件類型””列表框中選選擇“高級控控件”選項，，在“選擇一一個控件”列列表框中選擇擇“插件”選選項，單擊““完成”按鈕鈕后，將打開開“插件屬性性”對話框，，如圖5-34所示。(4)單擊擊“瀏覽…””按鈕，打開開“選擇插件件數(shù)據源”對對話框，選擇擇要插入的視視頻文件即可可。一個使用“插插件”在網頁頁中插入視頻頻的實例屏幕幕顯示如圖5-35所示示。圖5-34設設置置插件件屬性性圖5-35網網頁頁中插插入的的視頻頻在在網網頁中中應用用動畫畫動畫是是網頁頁中經經常出出現(xiàn)的的一種種文件件形式式。在在網頁頁中常常用的的動畫畫文件件有格格式動動畫文文件，，用制制作的的格式式動畫畫文件件，以以及用用3制制作的的格式式文件件。在網頁頁中插插入動動畫的的步驟驟如下下。(1)在在普通通“網網頁””視圖圖中，，將插插入點點放在在要插插入動動畫的的位置置。(2)單單擊““插入入”菜菜單→→“組組件””命令令，打打開““插入入組件件”對對話框框，如如圖5-36所所示。。圖5-36在在網網頁中中插入入動畫畫(3)在在“組組件類類型””列表表框中中選擇擇“高高級控控件””。(4)在在“選選擇一一個控控件””列表表框中中選擇擇“控控件””，單單擊““下一一步””按鈕鈕，打打開““插入入組件件”對對話框框，如如圖5-37所所示。。圖5-37選選擇擇控件件(5)在在打開開的““插入入組件件”對對話框框的““選擇擇一個個控件件”列列表框框中，，單擊擊要插插入的的動畫畫文件件。這這時，，在插插入點點的位位置上上出現(xiàn)現(xiàn)一個個空白白區(qū)域域。雙雙擊該該區(qū)域域，則則打開開“控控件””對話話框，，如圖圖5-38所示示。圖5-38設設置置控件件屬性性(6)在在“影影片地地址和和名稱稱”文文本框框中鍵鍵入要要插入入的動動畫文文件。。(7)在在“質質量””下拉拉列表表框中中選擇擇“最最好””，然然后單單擊““確定定”按按鈕。。(8)保保存文文件后后即可可瀏覽覽到動動畫。。以上是是插入入動畫畫(*)的的方法法。對于插插入動動畫，，只需需單擊擊“插插入””菜單單→““圖片片”→→“來來自文文件””命令令，然然后打打開相相應的的對話話框，，插入入需要要的動動畫文文件即即可。。實訓訓五五在網頁頁中適適當?shù)氐丶尤肴胍恍┬┒嗝矫襟w信信息，，會使使網頁頁增色色不少少。下下面為為計算算中心心的主主頁添添加圖圖像和和聲音音。在在此之之前，，需要要查看看一下下設置置：打打開，，點擊擊“工工具””→““選項項”，，如實實訓圖圖5-1所所示；；在““”選選項對對話框框中，，將多多媒體體的功功能選選項全全部選選中，，如實實訓圖圖5-2所所示。。實訓圖圖5-1實訓圖圖5-2在主頁頁標題題欄的的兩端端各加加一個個圖片片(具具體做做法已已在前前面介介紹過過)。。下面面，我我們試試著進進行以以下一一些操操作。。1.為為標標題文文字添添加背背景圖圖像(1)將將光標標定位位在標標題文文字所所在的的表格格單元元格中中。(2)單單擊鼠鼠標右右鍵，，在彈彈出的的菜單單中選選擇““單元元格屬屬性””。(3)在在“單單元格格屬性性”對對話框框中為為單元元格指指定一一個背背景圖圖片。。2.將將標標題文文本變變?yōu)樗囁囆g字字(1)選選中標標題文文本““大學學計算算機科科學技技術系系計算算中心心”。。(2)單單擊““插入入”→→“圖圖片””→““藝術術字””，如如實訓訓圖5-3所示示。實訓圖圖5-3(3)點點選第第2行行、第第3列列的藝藝術字字式樣樣，單單擊““確定定”按按鈕，，如實實訓圖圖5-4所所示。。(4)將將“字字體””定為為“琥琥珀””，““字號號”定定為20，，單擊擊“確確定””按鈕鈕，如如實訓訓圖5-5所示示。可可以看看出，，計算算中心心的標標題字字已經經變化化了。。實訓圖圖5-4實訓圖圖5-54.為為網網頁加加入背背景音音樂(1)在在頁面面中單單擊鼠鼠標右右鍵，，在彈彈出的的菜單單中選選擇““網頁頁屬性性”。。(2)單單擊““常規(guī)規(guī)”選選項卡卡，單單擊““背景景音樂樂”欄欄下的的“瀏瀏覽””按鈕鈕。(3)進進入媒媒體文文件夾夾C:\\(在在不同同的機機器中中可能能會有有所不不同)，選選擇一一個聲聲音文文件。。(4)單單擊。。如果聽聽不到到播放放的聲聲音，，首先先檢查查聲卡卡驅動動是否否已經經正確確安裝裝，然然后再再查看看在瀏瀏覽器器的選選項中中是否否打開開了聲聲音。。5.插插入入一段段視頻頻動畫畫我們的的這個個站點點中并并不需需要加加入視視頻動動畫，，在此此只是是一個個示范范練習習，做做完后后大家家就可可以將將其刪刪除。。(1)將將光標標定位位在需需要插插入動動畫的的位置置。(2)單單擊““插入入”→→“圖圖片””→““視頻頻”。。(3)選選擇一一個.AVI或.ASF格式式的視視頻動動畫文文件，，單擊擊“打打開””。(4)雙雙擊頁頁面中中的視視頻文文件，，調整整它播播放時時的循循環(huán)次次數(shù)，，或選選擇““不限限次數(shù)數(shù)”。。(5)單單擊，，觀觀察其其效果果。謝謝謝1月月-2300:43:4300:4300:431月月-231月月-2300:4300:4300:43:431月-231月-2300:43:432023/1/60:43:439、靜靜夜夜四四無無鄰