網(wǎng)站建設(shè)后站點(diǎn)測(cè)試指南。

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

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

站點(diǎn)中的網(wǎng)頁(yè)文檔應(yīng)確?？梢栽谀繕?biāo)瀏覽器中正常顯示和工作、沒(méi)有失效的鏈接、頁(yè)面下載也不會(huì)占用太長(zhǎng)時(shí)間。

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

?確保頁(yè)面正常顯示

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

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

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

?支持不同的瀏覽器和平臺(tái)

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

?檢查失效鏈接

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

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

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

?控制頁(yè)面文件大小

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

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

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

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

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

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

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

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

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

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

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

標(biāo)題名稱(chēng)：網(wǎng)站建設(shè)后站點(diǎn)測(cè)試指南。
當(dāng)前路徑：http://www.muchs.cn/news/78422.html

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

廣告

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