網(wǎng)頁(yè)測(cè)試與發(fā)布

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