網(wǎng)站在發(fā)布到Web服務(wù)器供瀏覽者瀏覽前，需要做大量測試，以保證瀏覽者可以正常瀏覽和使用。在Dreamweaver中提供了一系列測試Web站點(diǎn)的功能，如測試頁面之間的鏈接、網(wǎng)頁的外部鏈接、對IE瀏覽器的兼容性等。

技能要點(diǎn)：網(wǎng)站建設(shè)后站點(diǎn)測試指南

站點(diǎn)中的網(wǎng)頁文檔應(yīng)確保可以在目標(biāo)瀏覽器中正常顯示和工作、沒有失效的鏈接、頁面下載也不會(huì)占用太長時(shí)間。

在Dreamweaver中，可以測試如下項(xiàng)目，使站點(diǎn)的頁面可以為訪問者提供完善的服務(wù)。

?確保頁面正常顯示

站點(diǎn)的訪問者使用的操作系統(tǒng)、瀏覽器通常五花八門，作為網(wǎng)頁的設(shè)計(jì)者，有必要在站點(diǎn)發(fā)布前對站點(diǎn)所有的頁面進(jìn)行測試。

并非每種瀏覽器都支持CSS樣式表、層、Active控件、JavaScript腳本和框架這些技術(shù)。例如，比較流行的Firefox瀏覽器就不支持Active控件和CSS2.0標(biāo)準(zhǔn)。

為使站點(diǎn)中的網(wǎng)頁在這些瀏覽器中可以正常、清晰地顯示，可以使用Dreamweaver“檢查瀏覽器”功能，自動(dòng)為不符合要求的瀏覽器提供頁面重新定向，將其轉(zhuǎn)到可以正常顯示的頁面中。

?支持不同的瀏覽器和平臺

各種不同的瀏覽器對網(wǎng)頁的解析是不同的。在設(shè)計(jì)好網(wǎng)頁后，應(yīng)針對不同的瀏覽器編寫CSS樣式的hack代碼，以保證網(wǎng)頁的布局和字體大小等屬性在不同瀏覽器中都可以正常顯示。

?檢查失效鏈接

在設(shè)計(jì)網(wǎng)頁過程中，很容易由于工作的疏忽造成鏈接的文件位置變化，導(dǎo)致鏈接失效。在網(wǎng)站發(fā)布前應(yīng)將站點(diǎn)內(nèi)各網(wǎng)頁的超鏈接全面檢查一次，以防止出現(xiàn)失效鏈接。

設(shè)計(jì)網(wǎng)頁時(shí)，如使用到外部的鏈接，則應(yīng)經(jīng)常檢查外部鏈接是否存在。如外部鏈接不存在，則應(yīng)及時(shí)編輯修改網(wǎng)頁。

在檢查失效鏈接時(shí)，可以使用Dreamweaver自帶的【檢查站點(diǎn)范圍的鏈接】工具，幫助提高工作效率。

?控制頁面文件大小

使用圖像處理軟件制作的切片網(wǎng)頁，代碼通常十分臃腫，使用一些軟件生成的代碼同樣如此。因此在設(shè)計(jì)完成網(wǎng)頁后，應(yīng)將網(wǎng)頁的代碼再閱讀一遍，刪除無用的注釋語句。首頁文件應(yīng)盡量控制在70KB以內(nèi)，以提高打開的速度。

?控制網(wǎng)頁各版塊

在某些瀏覽器上，對于由大型表格或?qū)硬季值捻撁妫赡茉诩虞d完整個(gè)表格或?qū)又笆裁炊疾伙@示，這就增加了訪問者等待的時(shí)間。因此在設(shè)計(jì)網(wǎng)頁時(shí)，應(yīng)考慮將大型表格或?qū)臃譃閹撞糠郑宰龅较容d入一部分給訪問者瀏覽，在訪問者瀏覽的同時(shí)繼續(xù)載入其他部分?；蛘咴陧撁骓敳刻砑右恍﹦?dòng)畫導(dǎo)航條和Banner，引開訪問者的注意力，防止訪問者因等待時(shí)間過長而關(guān)閉頁面。

?圖像失效的補(bǔ)救方法

在網(wǎng)頁設(shè)計(jì)時(shí)，應(yīng)避免在表格或其他網(wǎng)頁布局元素（層、框架、嵌入幀）中直接插入圖像。

直接插入圖像，如圖像失效，則會(huì)在頁面中產(chǎn)生紅叉影響網(wǎng)頁整體觀感。且很多設(shè)計(jì)者在插入圖像后便不再為布局元素設(shè)置大小，如果圖像失效，則會(huì)導(dǎo)致網(wǎng)頁變形。

比較好的方法是用CSS設(shè)置網(wǎng)頁布局元素的寬與高，然后將要插入的圖像設(shè)為網(wǎng)頁布局元素的背景。如果圖像失效，僅會(huì)顯示空白。

?檢查標(biāo)題和標(biāo)簽

當(dāng)網(wǎng)頁設(shè)計(jì)者設(shè)計(jì)大量頁面時(shí)，很容易因工作疏忽而忘記修改頁面的標(biāo)題。因此在測試整站時(shí)，應(yīng)注意檢查每個(gè)頁面的標(biāo)題是否為默認(rèn)的“無標(biāo)題文檔”。

網(wǎng)頁通常都是由大量表格或?qū)舆M(jìn)行布局的，因此在網(wǎng)頁的修改過程中，很容易產(chǎn)生空標(biāo)簽和冗余的標(biāo)簽，甚至缺失的標(biāo)簽。這些標(biāo)簽或許不會(huì) 影響到頁面是否可以打開，但都會(huì)影響頁面的打開速度。

在Dreamweaver中，插入的表格每單元格都會(huì)自動(dòng)插入一個(gè)空格符（）。在測試整站時(shí)，應(yīng)設(shè)置單元格的高度，并將這些空格符刪除。

分享標(biāo)題：網(wǎng)站建設(shè)后站點(diǎn)測試指南。
文章出自：http://aaarwkj.com/news22/78422.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)