網頁測試與發布第一頁，共十六頁，2022年，8月28日本章知識技能要點：站點測試的任務站點測試的方法及步驟站點發布的操作步驟第二頁，共十六頁，2022年，8月28日11.1站點測試的任務與目的在將站點上傳到服務器并聲明其可供瀏覽之前，必須先在本地對其進行測試。實際上，在站點建設過程中，就應當不斷地對站點進行測試并解決所發現的問題，以便盡早發現問題，避免重復出錯，同時避免錯誤的連鎖反應。制作完成的網站應該確保各個頁面在目標瀏覽器中如預期的那樣顯示和工作，而且沒有斷開的鏈接，頁面下載也不應占用太長的時間。還可以通過運行站點報告測試整個站點并解決出現的問題。因此在測試站點時應完成以下幾方面的測試和檢驗：第三頁，共十六頁，2022年，8月28日11.1站點測試的任務與目的11.1.1確保頁面在目標瀏覽器中能夠有預期的顯示效果所完成的各個頁面不僅能在目標瀏覽器中正常工作，還應使這些頁面在其他瀏覽器中要么工作正常，要么“明確地拒絕工作”。所以在測試時應盡可能多地在不同的瀏覽器和平臺上預覽頁面。借此機會查看布局、顏色、字體大小和默認瀏覽器窗口大小等方面的區別。11.1.2檢查站點是否有斷開的鏈接，并修復斷開的鏈接由于其他站點也在不斷的重新設計、重新組織，所以所鏈接的頁面可能已被移動或刪除。為此可以運行鏈接檢查報告對鏈接進行測試，保證站點沒有斷開的鏈接。第四頁，共十六頁，2022年，8月28日11.1站點測試的任務與目的11.1.3監測頁面的文件大小以及下載這些頁面所占用的時間要知道對于由大型表格組成的頁面，在某些瀏覽器中，在整個頁面完全載入之前，訪問者將什么也看不到。為此，在網頁的布局設計時應考慮將大型表格拆分為幾個部分；如果不可能這樣做，還可以考慮將少量內容（例如歡迎辭或廣告橫幅）放在表格以外的頁面頂部，這樣用戶可以在下載表格的同時查看這些內容。11.1.4檢查整個站點是否存在其他問題例如無標題文檔、空標簽以及冗余的嵌套標簽等。檢查網站的代碼中是否存在標簽或語法錯誤等等第五頁，共十六頁，2022年，8月28日11.2測試方法及步驟（1）在編輯視圖由“站點”菜單→“檢查站點范圍的鏈接”，彈出“結果”面板，如圖所示。顯示在本網站中所有斷掉的鏈接。第六頁，共十六頁，2022年，8月28日11.2測試方法及步驟（2）展開“顯示”下拉列表，選擇“外部鏈接”，讓檢查器檢查出本網站與外部網站的鏈接的全部信息，對于外部鏈接，檢查器不能判斷正確與否，請自行核對。如圖所示。第七頁，共十六頁，2022年，8月28日11.2測試方法及步驟（3）展開“顯示”下拉列表，選擇“孤立文件”，如圖11-3所示。讓檢查器找出網站中的孤立文件，這些文件在網站中沒有使用，但是仍在網站文件夾里存放，上傳后它會占據有效空間，應該把它清除。清除辦法是：先選中文件，點Delete鍵，確定。這些文件就放在“回收站”。第八頁，共十六頁，2022年，8月28日11.2測試方法及步驟（4）如果不想刪除這些文件，點擊面板左側的“保存報告”按鈕（圖11-3所示），在彈出的“另存為”對話框中，給報告文件一個保存路徑和文件名即可。該報告文件為一個檢查結果列表。可以參照此表，進行處理。（5）糾正和整理之后，網站就可以發布了。第九頁，共十六頁，2022年，8月28日11.3網站的發布站點測試完成之后，就可以進行上傳發布了。如果是第一次上傳文件，遠程Web服務器根文件夾是空文件夾。可以按以下操作步驟進行。（如果不是空文件夾，需另行操作附后）。本地站點和遠程服務器的設置首先應當進行本地站點和遠程服務器的設置，具體步驟如下：（1）連接到遠程站點，此時遠程Web服務器根文件夾是空的。（2）在Dreamweaver8中，選擇“站點”>“管理站點”，打開“管理站點”對話框，在其中的站點列表中選擇要上傳的站點（如“校園生活”）之后，點擊“編輯”按鈕。第十頁，共十六頁，2022年，8月28日11.3網站的發布（3）打開“校園生活站點定義”對話框。單擊對話框頂部的“基本”選項卡。(4)由于在此之前“設置站點”時，已填寫了“基本”選項卡中的前幾個步驟，因此單擊幾次“下一步”，直到向導頂部高亮顯示“共享文件”步驟。（5）在標有“您如何連接到遠程服務器？”的彈出式菜單中，選擇“FTP”。單擊“下一步”，彈出如圖所示對話框。第十一頁，共十六頁，2022年，8月28日11.3網站的發布（6）在圖11-7所示對話框中輸入以下選項：輸入服務器的主機名；（必須填入）“您打算將您的文件儲存在服務器上的什么文件夾中？”（可以留空）在相應的文本框中輸入您的用戶名和密碼。“使用安全FTP(SFTP)”選項。（可不勾選）（7）單擊“測試連接”。如果連接不成功，請檢查設置或咨詢系統管理員。（8）在輸入相應的信息后，單擊“下一步”。打開下圖所示對話框。選擇“不啟用存回和取出”。單擊“下一步”。第十二頁，共十六頁，2022年，8月28日11.3網站的發布（9）在“總結”中，單擊“完成”以完成遠程站點的設置。（10）再次單擊“完成”以退出“管理站點”對話框。11.3.2上傳本地文件夾在設置了本地文件夾和遠程文件夾（空文件夾）之后，可以將文件從本地文件夾上傳到Web服務器。可按照下述步驟進行：（1）在“文件”面板（“窗口”菜單“文件”）中，選擇站點的本地根文件夾。單擊“文件”面板工具欄上的“上傳文件”按鈕。如圖所示（2）此時Dreamweaver8會將所有文件復制到服務器默認的遠程根文件夾中。第十三頁，共十六頁，2022年，8月28日11.3網站的發布（3）大多數網站空間提供商都設置有服務器默認的文件夾，請在此文件夾下創建一個空文件夾，方法是：在“文件”面板，將“本地視圖”轉換為“遠程視圖”。如圖。右鍵點擊文件夾，選“新建文件夾”，輸入一個名稱，用作為本網站的遠程根文件夾，最好名稱與本地根文件夾的名稱一致，便于操作。第十四頁，共十六頁，2022年，8月28日(4)為了操作更直觀，也可以最大化“文件”面板。打開“文件”面板的最右邊的“擴展/折疊”按鈕，最大化文件面板，如圖，左邊為遠端站點內容，右邊為本地文件內容。11.3網站的發布（5）上傳完畢，請在