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

2018-10-08    分類: 網(wǎng)站建設(shè)

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

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

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

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


?確保頁面正常顯示

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

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

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

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

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

?檢查失效鏈接

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

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

在檢查失效鏈接時,可以使用Dreamweaver自帶的【檢查站點范圍的鏈接】工具,幫助提高工作效率。

?控制頁面文件大小

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

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

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

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

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

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

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

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

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

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

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

標(biāo)題名稱:網(wǎng)站建設(shè)后站點測試指南。
當(dāng)前路徑:http://www.bm7419.com/news/78422.html

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

廣告

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

綿陽服務(wù)器托管