多媒體原理與應(yīng)用

1、“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（一）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： 彩色空間轉(zhuǎn)換四、實驗?zāi)康?進一步理解彩色空間的概念并掌握不同彩色空間轉(zhuǎn)換的基本方程。2通過逐步運行程序，掌握編程細節(jié)：如查找表的設(shè)計，內(nèi)存分配，對U和V信號進行下采樣，文件讀寫過程等。五、主要設(shè)備安裝 Windows 和 Visual C+軟件的個人計算機六、實驗內(nèi)容1 YUV與RGB空間的相互轉(zhuǎn)換由電視原理可知，亮度和色差信號的構(gòu)成如下：Y0.2990R+0.5870G+0.1140BR-Y0.7010R-0.5870G-0.1140BB-Y-0.2990R-0.58

2、70G+0.8860B為了使色差信號的動態(tài)范圍控制在0.5之間，需要進行歸一化， 對色差信號引入壓縮系數(shù)。歸一化后的色差信號為：U-0.1684R-0.3316G+0.5BV0.5R-0.4187G-0.0813B2. 碼電平分配及數(shù)字表達式（1）亮電平信號量化后碼電平分配在對分量信號進行 8比特均勻量化時，共分為256個等間隔的量化級。為了防止信號變動造成過載，在256級上端留 20級，下端留 16級作為信號超越動態(tài)范圍的保護帶。（2）色差信號量化后碼電平分配色差信號經(jīng)過歸一化處理后，動態(tài)范圍為-0.50.5，讓色差零電平對應(yīng)碼電平 128，色差信號總共占 225個量化級。在 256級上端留

3、 15級，下端留 16級作為信號超越動態(tài)范圍的保護帶。3色度格式4:2:0格式是指色差信號 U， V的取樣頻率為亮度信號取樣頻率的四分之一，在水平方向和垂直方向上的取樣點數(shù)均為Y的一半。4部分查表法的基本思路根據(jù) RGB到Y(jié)UV的轉(zhuǎn)換公式，可用查表替代轉(zhuǎn)換算法中的乘法運算。即定義 7個1維數(shù)組作為查找表（下標從 0開始到 255，數(shù)組元素為轉(zhuǎn)換系數(shù)與 256個整數(shù)的乘積。void InitLookupTable( )int i;for (i = 0; i < 256; i+)for (i = 0; i < 256; i+)for (i = 0; i < 256; i+)for

4、 (i = 0; i < 256; i+)for (i = 0; i < 256; i+)for (i = 0; i < 256; i+)for (i = 0; i < 256; i+)RGBYUV02990i = (float)0.2990 * i;RGBYUV05870i = (float)0.5870 * i;RGBYUV01140i = (float)0.1140 * i;RGBYUV01684i = (float)0.1684 * i;RGBYUV03316i = (float)0.3316 * i;RGBYUV04187i = (float)0.4187 *

5、 i;RGBYUV00813i = (float)0.0813 * i;在對視頻序列中的每一幀或單幀圖像進行彩色空間轉(zhuǎn)換時，只需查找對應(yīng)的表項即可。因此可以節(jié)省運算的時間。七、實驗步驟1調(diào)試 RGB轉(zhuǎn)化為 YUV程序，重點掌握函數(shù)定義，部分查找表的初始化和調(diào)用，緩沖區(qū)分配。將 RGB至YUV轉(zhuǎn)換部分的代碼填充完整。2編寫對 UV信號進行下采樣的代碼，填充輸出YUV文件的代碼。3對整個程序進行調(diào)試， 并將給出的 RGB文件轉(zhuǎn)換為 YUV文件，用YUV Viewer播放器觀看，驗證是否正確。八、實驗結(jié)果總結(jié) RGB到 YUV 的轉(zhuǎn)換公式及編程實現(xiàn)的算法并寫成實驗報告。實驗報告以電子版形式撰寫，程序

6、代碼作為報告的附件，實驗后一周內(nèi)提交。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（二）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： 圖像文件的讀寫和轉(zhuǎn)換（綜合性實驗）四、實驗?zāi)康?掌握圖像文件的構(gòu)成原理，學(xué)會根據(jù)文檔或規(guī)范解析一個圖像文件（如BMP）。2掌握圖像文件的相互轉(zhuǎn)換原理。五、主要設(shè)備安裝 Windows 和 Visual C+軟件的個人計算機六、實驗內(nèi)容1 BMP文件的解析位圖文件 (Bitmap-File，BMP)格式是 Windows采用的圖像文件存儲格式，在Windows環(huán)境下運行的所有圖像處理軟件都支持這種格

7、式。BMP位圖文件默認的文件擴展名是 bmp 或者 dib。BMP文件大體上分為四個部分：位圖文件頭 BITMAPFILEHEADER位圖信息頭 BITMAPINFOHEADER調(diào)色板 Palette實際的位圖數(shù)據(jù) ImageData位圖文件頭主要包括：typedef struct tagBITMAPFILEHEADER WORDbfType;/* 說明文件的類型 */DWORDbfSize;/*說明文件的大小，用字節(jié)為單位*/WORDbfReserved1;/*保留，設(shè)置為 0 */WORDbfReserved2;/*保留，設(shè)置為 0 */DWORDbfOffBits;/*說明從 BITMA

8、PFILEHEADER結(jié)構(gòu)開始到實際的圖像數(shù)據(jù)之間的字節(jié)偏移量*/ BITMAPFILEHEADER;位圖信息頭主要包括：typedef struct tagBITMAPINFOHEADER DWORDbiSize;/*說明結(jié)構(gòu)體所需字節(jié)數(shù) */LONGbiWidth;/*以像素為單位說明圖像的寬度*/LONGbiHeight;/*以像素為單位說明圖像的高速*/WORDbiPlanes;/*說明位面數(shù)，必須為 1 */WORDbiBitCount;/*說明位數(shù) / 像素， 1、2、4、8、24 */DWORDbiCompression;/*說明圖像是否壓縮及壓縮類型BI_RGB， BI_RLE

9、8，BI_RLE4， BI_BITFIELDS */DWORDbiSizeImage;/*以字節(jié)為單位說明圖像大小，必須是4的整數(shù)倍 */LONGbiXPelsPerMeter;/* 目標設(shè)備的水平分辨率，像素 / 米 */LONGbiYPelsPerMeter;/* 目標設(shè)備的垂直分辨率，像素 / 米 */DWORDbiClrUsed;/*說明圖像實際用到的顏色數(shù)， 如果為 0，則顏色數(shù)為 2的biBitCount次方 */DWORDbiClrImportant;/* 說明對圖像顯示有重要影響的顏色索引的數(shù)目，如果是 0，表示都重要。 */ BITMAPINFOHEADER;調(diào)色板實際上是一

10、個數(shù)組，它所包含的元素與位圖所具有的顏色數(shù)相同， 決定 于 biClrUsed和 biBitCount 字段。數(shù)組中每個元素的類型是一個RGBQUAD結(jié)構(gòu)。真彩色無調(diào)色板部分。typedef struct tagRGBQUAD BYTErgbBlue;/* 指定藍色分量*/BYTErgbGreen;/* 指定綠色分量*/BYTErgbRed;/*指定紅色分量*/BYTErgbReserved;/* 保留，指定為0*/ RGBQUAD;緊跟在調(diào)色板之后的是圖像數(shù)據(jù)字節(jié)陣列。對于用到調(diào)色板的位圖，圖像數(shù)據(jù)就是該像素顏色在調(diào)色板中的索引值（邏輯色）。對于真彩色圖，圖像數(shù)據(jù)就是實際的 R、G、B值。圖

11、像的每一掃描行由表示圖像像素的連續(xù)的字節(jié)組成，每一行的字節(jié)數(shù)取決于圖像的顏色數(shù)目和用像素表示的圖像寬度。規(guī)定每一掃描行的字節(jié)數(shù)必需是4的整倍數(shù)，也就是 DWORD對齊的。掃描行是由底向上存儲的，這就是說，陣列中的第一個字節(jié)表示位圖左下角的像素，而最后一個字節(jié)表示位圖右上角的像素。2 BMP文件到 YUV文件的轉(zhuǎn)換需要根據(jù) BMP文件中圖像的像素深度，決定轉(zhuǎn)換到Y(jié)UV文件的過程和方法。例如，真彩色數(shù)據(jù)可直接取出并調(diào)用實驗1的程序進行轉(zhuǎn)換。如果使用調(diào)色板，需要通過查閱調(diào)色板得到對應(yīng)的像素數(shù)據(jù)再進行轉(zhuǎn)換。七、實驗步驟1首先調(diào)試 BMP的解析程序，根據(jù) BMP文件的規(guī)范讀出位圖文件頭和位圖信息頭并輸出

12、主要的位圖信息。2. 編寫程序代碼，使得能夠根據(jù) BMP文件中圖像的像素深度，讀出每個像素的 RGB數(shù)據(jù)并寫入 RGB文件，同時轉(zhuǎn)換為相應(yīng)的 YUV文件。3. 調(diào)試程序完畢后， 用YUV Viewer播放器觀看轉(zhuǎn)換后的 YUV文件，驗證是否正確。八、實驗結(jié)果總結(jié)圖像文件的解析過程及編程實現(xiàn) BMP到Y(jié)UV文件的算法并寫成實驗報告。實驗報告中應(yīng)回答下述問題： （1）對 2位， 4位， 8位彩色，一個字節(jié)各表示多少個像素？（ 2）2位， 4位， 8位，16位(r5g5b5,r5g6b5) 轉(zhuǎn)24位位圖如何操作？（ 3）假設(shè)取得某526色BMP位圖數(shù)據(jù)和調(diào)色板，如何顯示？實驗報告以電子版形式撰寫，程

13、序代碼作為報告的附件，實驗后一周內(nèi)提交。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（三）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： LZW 編解碼算法實現(xiàn)與分析四、實驗?zāi)康恼莆赵~典編碼的基本原理，用C語言編程實現(xiàn) LZW編碼器并分析解碼算法。五、主要設(shè)備安裝 Windows 和 Visual C+軟件的個人計算機六、實驗內(nèi)容1 LZW編碼原理和實現(xiàn)算法LZW的編碼思想是不斷地從字符流中提取新的字符串，通俗地理解為新“詞條 ”，然后用 “代號 ”也就是碼字表示這個 “詞條 ”。這樣一來，對字符流的編碼就變成了用碼字去替換字符流

14、， 生成碼字流，從而達到壓縮數(shù)據(jù)的目的。LZW編碼是圍繞稱為詞典的轉(zhuǎn)換表來完成的。 LZW編碼器通過管理這個詞典完成輸入與輸出之間的轉(zhuǎn)換。 LZW編碼器的輸入是字符流， 字符流可以是用 8位ASCII字符組成的字符串，而輸出是用 n位(例如 12位 )表示的碼字流。 LZW編碼算法的步驟如下：步驟 1：將詞典初始化為包含所有可能的單字符，當前前綴 P初始化為空。步驟 2：當前字符 C=字符流中的下一個字符。步驟 3：判斷 PC是否在詞典中（ 1）如果 “是”，則用 C擴展 P，即讓 P=P C，返回到步驟 2。（ 2）如果 “否”，則輸出與當前前綴 P相對應(yīng)的碼字 W；將PC添加到詞典中；令P

15、=C，并返回到步驟 2LZW編碼算法可用下述函數(shù)實現(xiàn)。首先初始化詞典，然后順序從待壓縮文件中讀入字符并按照上述算法執(zhí)行編碼。最后將編得的碼字流輸出至文件中。void LZWEncode( FILE *fp, BITFILE *bf)int character;int string_code;int index;unsigned long file_length;fseek( fp, 0, SEEK_END);file_length = ftell( fp);fseek( fp, 0, SEEK_SET);BitsOutput( bf, file_length, 4*8);InitDiction

16、ary();string_code = -1;while( EOF!=(character=fgetc( fp)index = InDictionary( character, string_code);if( 0<=index)/ string+character in dictionarystring_code = index;else/ string+character not in dictionaryoutput( bf, string_code);if( MAX_CODE > next_code)/ free space in dictionary/ add strin

17、g+character to dictionary AddToDictionary( character, string_code);string_code = character;output( bf, string_code);2 LZW解碼原理和實現(xiàn)算法LZW解碼算法開始時，譯碼詞典和編碼詞典相同，包含所有可能的前綴根。具體解碼算法如下：步驟 1：在開始譯碼時詞典包含所有可能的前綴根。步驟 2：令 CW：=碼字流中的第一個碼字。步驟 3：輸出當前綴 -符串 string.CW到碼字流。步驟 4：先前碼字 PW：=當前碼字 CW。步驟 5：當前碼字 CW：=碼字流的下一個碼字。步驟 6：判

18、斷當前綴 -符串 string.CW 是否在詞典中。（ 1）如果 ”是”，則把當前綴 -符串 string.CW輸出到字符流。當前前綴 P：=先前綴 -符串 string.PW。當前字符 C：=當前前綴 -符串 string.CW的第一個字符。把綴 -符串 P+C添加到詞典。（ 2）如果 ”否”，則當前前綴 P：=先前綴 -符串 string.PW。當前字符 C：=當前綴 -符串 string.CW的第一個字符。輸出綴 -符串 P+C到字符流 ,然后把它添加到詞典中。步驟 7：判斷碼字流中是否還有碼字要譯。（ 1）如果 ”是”，就返回步驟 4。（ 2）如果 ”否”，結(jié)束。LZW解碼算法可用下述

19、函數(shù)實現(xiàn)。首先初始化詞典，然后順序從壓縮文件中讀入碼字并按照上述算法執(zhí)行解碼。最后將解得的字符串輸出至文件中。void LZWDecode( BITFILE *bf, FILE *fp)int character;int new_code, last_code;int phrase_length;unsigned long file_length;file_length = BitsInput( bf, 4*8);if( -1 = file_length) file_length = 0;InitDictionary();last_code = -1;while( 0<file_leng

20、th)new_code = input( bf);if( new_code >= next_code) / this is the case CSCSC( not in dict)d_stack0 = character;phrase_length = DecodeString( 1, last_code);elsephrase_length = DecodeString( 0, new_code);character = d_stackphrase_length-1;while( 0<phrase_length)phrase_length -;fputc( d_stack phr

21、ase_length, fp);file_length-;if( MAX_CODE>next_code) / add the new phrase to dictionary AddToDictionary( character, last_code);last_code = new_code;七、實驗步驟1首先調(diào)試 LZW的編碼程序， 對照編碼算法步驟對關(guān)鍵語句加上注釋，并說明進行何操作。以一個文本文件作為輸入，得到輸出的LZW編碼文件。2.以實驗步驟一得到的編碼文件作為輸入，調(diào)試LZW的解碼程序。對照解碼算法步驟對關(guān)鍵語句加上注釋，并說明進行何操作。重點說明當前碼字在詞典中不存在時應(yīng)

22、如何處理并解釋原因。3.調(diào)試程序完畢后，用文本編輯器或UltraEDIT軟件比較源文本文件和經(jīng)LZW編碼和解碼后的文本文件，驗證兩者是否相同。八、實驗結(jié)果總結(jié) LZW編解碼原理及編程實現(xiàn)的算法并寫成實驗報告。實驗報告中應(yīng)說明主要函數(shù)中的關(guān)鍵語句并加以注釋。實驗報告以電子版形式撰寫，程序代碼作為報告的附件，實驗后一周內(nèi)提交。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（四）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： 小波變換的分析和實現(xiàn)四、實驗?zāi)康倪M一步理解小波變換的基本原理和在圖像處理中的應(yīng)用。五、主要設(shè)備安裝 Windows

23、 和 MATLAB軟件的個人計算機六、實驗內(nèi)容為進一步理解小波變換的基本原理和在圖像處理中的應(yīng)用，可使用MATLAB軟件中的小波變換工具箱編寫小波變換程序，對原始圖像進行分解。用小波 對圖 像進 行變 換有兩 種方 法， 一種 叫做標 準分 解 (standard decomposition)，另一種叫做非標準分解 (nonstandard decomposition)。標準分解方法是指首先使用一維小波對圖像每一行的像素值進行變換， 產(chǎn)生每一行像素的平均值和細節(jié)系數(shù)，然后使用一維小波對這個經(jīng)過行變換的圖像的列進行變換，產(chǎn)生這個圖像的平均值和細節(jié)系數(shù)。標準分解的過程如下：procedureSta

24、ndardDecomposition(C: array 1. . . h, 1. . . w of reals)for row 1 to h doDecomposition(C row, 1 . . . w)end forfor col 1 to w doDecomposition(C 1 . . . h, col)end forEndprocedure非標準分解是指使用一維小波交替地對每一行和每一列像素值進行變換。首先對圖像的每一行計算像素對的均值和差值，然后對每一列計算像素對的均值和差值。這樣得到的變換結(jié)果只有1/4的像素包含均值，再對這1/4的均值重復(fù)計算行和列的均值和差值，依此類推。非

25、標準分解的過程如下：procedureNonstandardDecomposition (C: arrayof reals)(normalize input coefficients)while h > 1 dofor row 1 to h doDecompositionStep(C row, 1 . . . h)end forfor col 1 to h doDecompositionStep(C 1 . . .h, col)end forend whileend procedure標準分解方法和非標準分解方法相比， 它們得到的變換結(jié)果是完全相同的，只是非標準算法的計算量可以少一些。圖

26、 1和圖 2分別表示使用標準分解方法和非標準分解方法所分解得到的圖像。圖1 圖像的標準分解方法圖2圖像的非標準分解方法七、實驗步驟1使用 MATLAB編寫程序讀入一幅給定的圖像，使用標準分解方法對圖像進行分解并分別得到 1/4，1/16和1/64分辨率的圖像。2. 使用 MATLAB編寫程序讀入一幅給定的圖像， 使用非標準分解方法對圖像進行分解并分別得到 1/4，1/16和1/64分辨率的圖像。八、實驗結(jié)果總結(jié)小波變換的兩種分解方法并寫成實驗報告。實驗報告中應(yīng)給出圖像的分解過程及結(jié)果。實驗報告以電子版形式撰寫，程序代碼作為報告的附件，實驗后一周內(nèi)提交。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒

27、體原理與應(yīng)用A”實驗指導(dǎo)書（五）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： MP3 音頻編碼器 / 解碼器設(shè)計（設(shè)計性實驗）四、實驗?zāi)康恼莆崭兄纛l編碼的基本原理，基于所給出的MP3編解碼器核實現(xiàn)一個基本的可視化 MP3音頻編碼器 / 解碼器。掌握設(shè)計靜態(tài)鏈接庫及界面設(shè)計的基本方法。本實驗兩人一組，分別完成編碼器和解碼器的設(shè)計。五、主要設(shè)備安裝 Windows 和 Visual C+軟件的個人計算機六、實驗內(nèi)容1 MP3編碼原理感知編碼是利用人耳聽覺的心理聲學(xué)特性，通過建立相應(yīng)的心理聲學(xué)模型以消除一定的冗余數(shù)據(jù)。 MPEG-1 Audio、MPEG-

28、2 Audio和Dolby AC-3等音頻壓縮編碼標準中都大量地使用了感知編碼技術(shù)。MP3是MPEG-1 Audio Layer 3的簡稱，其編碼框圖如下所示：碼流濾波器組MDCT失真控制環(huán)Huffman格式32 個子帶編碼非均勻量化CRC碼率控制環(huán)邊信號校驗編碼FFT1024 點聲學(xué)模型外部控制鋪助數(shù)據(jù)首先，輸入的 PCM音頻數(shù)據(jù)按幀 (Frame)處理，每 1152個PCM樣值劃分為一幀，而每幀又分為兩個組， 即 576樣值 / 組。對每組的 576個 PCM樣值作時域-頻域變換，經(jīng)子帶濾波后劃分為 32個子帶信號。然后分別對各子帶作 MDCT，從而得到 576個等間距的頻域樣值。心理聲學(xué)

29、模型在對當前音頻信號的頻域特性進行分析的基礎(chǔ)上， 依據(jù)預(yù)先建立起來的統(tǒng)計模型數(shù)據(jù)求出各個比例因子帶的信號掩蔽比，并以此指導(dǎo)頻域樣值量化的進行。編碼過程的最后一個環(huán)節(jié)是比特流打包。其任務(wù)是按照 MP3標準所規(guī)定的碼流格式，把幀頭、糾錯碼、編碼數(shù)據(jù)、附加數(shù)據(jù)等有關(guān)信息組合成適用于解碼的幀，稱為幀生成過程。2可視化的 MP3編碼器 / 解碼器設(shè)計首先進行基本的需求分析。 MP3編碼器設(shè)置參數(shù)包含編碼方式、碼率、心理聲學(xué)模型等， 解碼器設(shè)置參數(shù)包含輸出格式、 文件名、相關(guān)信息顯示等。其次構(gòu)建 MP3編碼器 / 解碼器的整體框架，定義和分析靜態(tài)鏈接庫的共用接口和函數(shù)結(jié)構(gòu)。在此基礎(chǔ)上分別進行基于參考軟件

30、MP3 編碼靜態(tài)鏈接庫和解碼靜態(tài)鏈接庫的改造。 最后完成界面控制與解碼器靜態(tài)庫和編碼器靜態(tài)庫的鏈接。例如， MP3編碼器的整體設(shè)計框圖如下所示。界面控制打 開文件MP3編碼數(shù) 據(jù)緩沖碼 流輸出寫 入文件控制信息數(shù)據(jù)流七、實驗步驟1首先調(diào)試 MP3編碼器 / 解碼器的源程序，定義靜態(tài)鏈接庫的公用接口和函數(shù)結(jié)構(gòu)。將所給出的 MP3編碼器 / 解碼器根據(jù)所定義的共用接口及函數(shù)包裝為一個靜態(tài)鏈接庫。 使用一個基于控制臺的測試程序驗證靜態(tài)鏈接庫是否正確運行。2使用 MFC編寫界面，每組兩人分別將 MP3編碼器和解碼器靜態(tài)鏈接庫添加到項目中并進行聯(lián)調(diào)。要求界面中應(yīng)有相關(guān)的編碼和解碼參數(shù)設(shè)置，并有基本的信息

31、顯示。3在所設(shè)計的 MP3編碼器中，輸入多個WAV文件或 PCM文件進行編碼，用Windows Media Player或其它多媒體播放器播放編碼生成的MP3文件。驗證編碼器的正確性。4在所設(shè)計的 MP3解碼器中，輸入多個 MP3文件進行解碼輸出得到 WAV文件，用Windows Media Player或其它多媒體播放器播放 WAV文件。驗證解碼器的正確性。八、實驗結(jié)果總結(jié) MP3編解碼原理靜態(tài)鏈接庫的設(shè)計及調(diào)試過程并寫成實驗報告。實驗報告中應(yīng)說明主要的共用接口和函數(shù)結(jié)構(gòu)。實驗報告以電子版形式撰寫，程序代碼作為報告的附件， 實驗后一周內(nèi)提交。 如不能在規(guī)定的時間內(nèi)完成，可在實驗課后利用業(yè)余時

32、間繼續(xù)。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（六）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： 多媒體網(wǎng)頁的制作四、實驗?zāi)康恼莆斩嗝襟w網(wǎng)頁設(shè)計與制作的基本思想，使用 Dreamweaver工具軟件制作多媒體網(wǎng)頁，需要包括圖、文、聲等多媒體元素。五、主要設(shè)備安裝 Windows 和 Dreamweaver 軟件的個人計算機六、實驗內(nèi)容設(shè)計個人主頁，必須達到下述要求：1 具有文檔內(nèi)部的鏈接。2 可鏈接電子郵件程序。3 文本和圖像顯示于同一網(wǎng)頁。4 用圖像作超鏈接，用圖像作網(wǎng)頁的背景。5 可鏈接外聯(lián)圖像。6 在文檔中鏈接和嵌入

33、聲音文件。7 在文檔中鏈接和嵌入視頻文件。8 支持簡單的交互功能。七、實驗步驟個人主頁的設(shè)計可遵從如下步驟，即整體構(gòu)架、頁面建構(gòu)和內(nèi)容填充。首先需建立明晰的網(wǎng)頁結(jié)構(gòu)，便于查詢需要的信息。隨后進行頁面建構(gòu)和內(nèi)容填充，頁面主要包含頁面題頭部分（包括文件標題、網(wǎng)站LOGO）、頁面的主體部分（包括小標題和文本內(nèi)容） 、頁腳部分（包括作者信息、單位信息、版權(quán)信息）等。最后進行功能測試。八、實驗結(jié)果將制作好的網(wǎng)頁打包并在實驗后一周內(nèi)提交。執(zhí)筆人：張遠實驗室主任：系主任：楊磊“多媒體原理與應(yīng)用A”實驗指導(dǎo)書（七）一、實驗課程編碼： 103008二、實驗課程名稱：多媒體原理與應(yīng)用A三、實驗項目名稱： java

34、script 和 xml 結(jié)合的網(wǎng)絡(luò)應(yīng)用（綜合性實驗）四、實驗?zāi)康恼莆?XML語言的基本原理，學(xué)習(xí)用JavaScript操作 XML文件的基本方法及相應(yīng)的網(wǎng)絡(luò)應(yīng)用。五、主要設(shè)備安裝 Windows 和 Internet Explorer 軟件的個人計算機六、實驗內(nèi)容1用 JavaScript顯示 XML文檔數(shù)據(jù)Internet Explorer 5.0以上版本可以顯示原始 XML文檔，如果要像 HTML格式那樣顯示 XML文檔中的數(shù)據(jù)，需要用其他代碼（如JavaScript）輸入 XML文檔的數(shù)據(jù)才能顯示。以下為一個XML文檔：<?xml version =”1.0”encoding =

35、 “ISO8859-1”><note><to>Lucy</to><from>Lin</from><heading>Reminder</heading><body>Dontforget me this weekend!</body></note>下述的 HTML文檔示例說明如何用 JavaScript輸入 XML文檔數(shù)據(jù)。<html><head><script language =“JavaScript”for = “window ”even

36、t = “onload”>var xmlDoc = new ActiveXObject(“Microsoft.XMLDOM”)/ 建立對象xmlDoc.async =“false”xmlDoc.load(“note.xml”)/ 加載 XML文件to.innerText = nodes.item(0).textfrom.innerText = nodes.item(1).textheader.innerText = nodes.item(2).textbody. innerText = nodes.item(3).text</script><title>Displaying XML data in