網(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ā)布前對站點所有的頁面進行測試。
并非每種瀏覽器都支持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)閉頁面。
??????圖像失效的補救方法
在網(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)題是否為默認的“無標(biāo)題文檔”。
網(wǎng)頁通常都是由大量表格或?qū)舆M行布局的,因此在網(wǎng)頁的修改過程中,很容易產(chǎn)生空標(biāo)簽和冗余的標(biāo)簽,甚至缺失的標(biāo)簽。這些標(biāo)簽或許不會 ? ? ? 影響到頁面是否可以打開,但都會影響頁面的打開速度。
在Dreamweaver中,插入的表格每單元格都會自動插入一個空格符( )。在測試整站時,應(yīng)設(shè)置單元格的高度,并將這些空格符刪除。
免費網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(wù),網(wǎng)站設(shè)計等的事宜,歡迎隨時聯(lián)系我們。
seo友好的網(wǎng)站管理系統(tǒng):除了優(yōu)質(zhì)的網(wǎng)站空間,網(wǎng)站管理系統(tǒng),和網(wǎng)站設(shè)計外,我們的網(wǎng)站管理系統(tǒng)更是seo友好的,包括:自定義欄目名,Google Sitemap自動生成,靜態(tài)頁面生成等等,讓您的網(wǎng)站。