第18章 測(cè)試《Dreamweaver CS3中文版實(shí)例教程》課件

第18章測(cè)試本章目標(biāo)學(xué)會(huì)測(cè)試網(wǎng)站。18.1

瀏覽器的測(cè)試瀏覽器的測(cè)試，是指測(cè)試網(wǎng)頁(yè)在不同種類的瀏覽器和同種瀏覽器的不同版本中的顯示測(cè)試。因?yàn)槭褂没ヂ?lián)網(wǎng)的用戶眾多，個(gè)人的使用習(xí)慣也千差萬(wàn)別，在瀏覽器的選擇上也各有偏愛(ài)，因此保證網(wǎng)頁(yè)可以在多數(shù)瀏覽器中能夠正確顯示，是此項(xiàng)測(cè)試的重點(diǎn)。（2）單擊結(jié)果面板的“瀏覽器兼容性檢查”標(biāo)簽，單擊“檢查瀏覽器兼

容性”按鈕，在彈出的菜單中選擇“設(shè)置”，打開(kāi)“目標(biāo)瀏覽器”對(duì)話框。（3）在打開(kāi)的“目標(biāo)瀏覽器”對(duì)話框中設(shè)置需要檢測(cè)的瀏覽器，單擊“確定”按鈕，完成檢測(cè)瀏覽器的設(shè)置并開(kāi)始檢測(cè)。檢測(cè)的結(jié)果會(huì)顯示在結(jié)果面板中。（4）當(dāng)網(wǎng)頁(yè)中存在不兼容提示時(shí)，可以單擊“瀏覽報(bào)告”按鈕，會(huì)彈出一個(gè)關(guān)于網(wǎng)頁(yè)中與瀏覽器不兼容的報(bào)表，報(bào)表詳細(xì)列出了檢測(cè)的瀏覽器及不兼容網(wǎng)頁(yè)信息的位置，如圖

18-1-4所示。18.2

不同分辨率的測(cè)試不同分辨率的測(cè)試，就是在不同的顯示分辨率下，在瀏覽器中查看網(wǎng)頁(yè)，看看網(wǎng)頁(yè)在不同分辨率下顯示是否可以保持一致。設(shè)置計(jì)算機(jī)為不同顯示分辨率，然后在不同分辨率下使用瀏覽器查看網(wǎng)頁(yè)，檢查網(wǎng)頁(yè)能否正確顯示。在系統(tǒng)桌面上單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“屬性”，打開(kāi)“顯示屬性”窗口。如果系統(tǒng)正在運(yùn)行其他程序，可以關(guān)閉該程序，或者最小化該運(yùn)行程序的窗口。單擊“顯示屬性”窗口中的“設(shè)置”標(biāo)簽，拖動(dòng)“屏幕分辨率”欄中的滑桿即可設(shè)置顯示器的分辨率。單擊“確定”按鈕完成分辨率設(shè)置。然后可以在該分辨率下使用瀏覽器查看該網(wǎng)頁(yè)。重復(fù)（1）至（3）步過(guò)程，設(shè)置不同的分辨率查看網(wǎng)頁(yè)顯示狀態(tài)。測(cè)試時(shí)，顯示分辨率一般最低設(shè)為800像素×600像素，最高設(shè)為1280像素×1024像素即可。大多數(shù)用戶的顯示分辨率均在這一范圍內(nèi)。18.3

鏈接檢測(cè)使用鏈接檢測(cè)，可以獲得斷掉的鏈接、外部鏈接和孤立文件的統(tǒng)計(jì)信息，檢測(cè)鏈接的方法如下：?jiǎn)螕艚Y(jié)果面板的“鏈接檢查器”標(biāo)簽。在“顯示”欄的下拉列表里選擇檢測(cè)內(nèi)容。單擊“檢查鏈接”按鈕，在彈出的菜單中選擇“檢查當(dāng)前文檔中的 鏈接”。在結(jié)果面板中查看檢查結(jié)果。18.4

站點(diǎn)報(bào)告通過(guò)站點(diǎn)報(bào)告可以改進(jìn)工作流程、測(cè)試站點(diǎn)及檢查輔助功能。運(yùn)行站點(diǎn)報(bào)告的操作如下：?jiǎn)螕艚Y(jié)果面板的“站點(diǎn)報(bào)告”標(biāo)簽。單擊“報(bào)告”按鈕，彈出“報(bào)告”對(duì)話框。在“報(bào)告在”選項(xiàng)欄的下拉菜單中選擇運(yùn)行報(bào)告的對(duì)象。在“選擇報(bào)告”欄中選擇需要列出的報(bào)告項(xiàng)。單擊“運(yùn)行”按鈕，運(yùn)行報(bào)告。報(bào)告結(jié)果會(huì)在結(jié)果面板中列出。根據(jù)運(yùn)行報(bào)告的類型，可能會(huì)提示保存文件、定義站點(diǎn)或選擇文件夾。在報(bào)告欄中有4個(gè)選項(xiàng)，分別是當(dāng)前文檔、整個(gè)當(dāng)前本地站點(diǎn)、站點(diǎn)中的已選文件和文件夾。注：只有在文件面板中已經(jīng)有選定文件的情況下，才能運(yùn)行“站點(diǎn)中的已選文件”報(bào)告。報(bào)告面板上的選擇報(bào)告欄中各選項(xiàng)的含義如下：取出者：創(chuàng)建一個(gè)報(bào)告，列出某特定小組成員取出的所有文檔。

設(shè)計(jì)備注：創(chuàng)建一個(gè)報(bào)告，列出選定文檔或站點(diǎn)的所有設(shè)計(jì)備注。最近修改的項(xiàng)目：創(chuàng)建一個(gè)報(bào)告，列出在指定時(shí)間段內(nèi)發(fā)生更改的文件?？珊喜⑶短鬃煮w標(biāo)簽：創(chuàng)建一個(gè)報(bào)告，列出所有可以為清理代碼而合并的嵌套字體標(biāo)簽。輔助功能：創(chuàng)建一個(gè)報(bào)告，詳細(xì)列出當(dāng)前內(nèi)容與輔助功能準(zhǔn)則之間的沖突。沒(méi)有替換文本：創(chuàng)建一個(gè)報(bào)告，列出所有沒(méi)有替換文本的img標(biāo)簽。替換文本在純文本瀏覽器或設(shè)為手動(dòng)下載圖像的瀏覽器中，用來(lái)在應(yīng)顯示圖像的位置替代圖像。屏幕閱讀器讀取替換文本，而且有些瀏覽器可在用戶鼠標(biāo)指針滑過(guò)圖像時(shí)顯示替換文本。多余的嵌套標(biāo)簽：創(chuàng)建一個(gè)報(bào)告，詳細(xì)列出應(yīng)該清理的嵌套標(biāo)簽。可移除的空標(biāo)簽：創(chuàng)建一個(gè)報(bào)告，詳細(xì)列出所有可以為清理HTML代碼而移除的空標(biāo)簽。例如，可能在“代碼”視圖中已刪除了某項(xiàng)或圖像，卻留下了應(yīng)用于該項(xiàng)的標(biāo)簽。無(wú)標(biāo)題文檔：創(chuàng)建一個(gè)報(bào)告，列出在選定參數(shù)中找到的所有無(wú)標(biāo)題的文檔。Dreamweaver報(bào)告所有具有默認(rèn)標(biāo)題、重復(fù)標(biāo)題或缺少標(biāo)題標(biāo)簽的文檔。18.5

其他相關(guān)測(cè)試信息在Dreamweaver的結(jié)果面板中還有FTP記錄和服務(wù)器調(diào)試兩個(gè)選項(xiàng)。其中FTP是記錄遠(yuǎn)程連接服務(wù)器時(shí)文件傳輸情況的記錄，Dreamweaver會(huì)自動(dòng)記錄所有FTP文件傳輸活動(dòng)。如果使用FTP傳輸文件時(shí)出錯(cuò)，可以借助于站點(diǎn)FTP日志來(lái)確定問(wèn)題并解決。服務(wù)器調(diào)試選項(xiàng)在建立動(dòng)態(tài)網(wǎng)頁(yè)時(shí)使用。一般建立動(dòng)態(tài)網(wǎng)頁(yè)是在本機(jī)上建立虛擬服務(wù)器并運(yùn)行相關(guān)數(shù)據(jù)庫(kù)設(shè)置的選項(xiàng)，我們會(huì)在建立動(dòng)態(tài)站點(diǎn)的相關(guān)章節(jié)中介紹有關(guān)知識(shí)。小結(jié)通過(guò)本章的學(xué)習(xí)，讀者應(yīng)當(dāng)學(xué)會(huì)使用

Dreamweaver測(cè)試并查找站點(diǎn)錯(cuò)誤，然后在此基礎(chǔ)上，根據(jù)前面所學(xué)的知