2018-10-08 分類: 網站建設
網站在發布到Web服務器供瀏覽者瀏覽前,需要做大量測試,以保證瀏覽者可以正常瀏覽和使用。在Dreamweaver中提供了一系列測試Web站點的功能,如測試頁面之間的鏈接、網頁的外部鏈接、對IE瀏覽器的兼容性等。
站點中的網頁文檔應確保可以在目標瀏覽器中正常顯示和工作、沒有失效的鏈接、頁面下載也不會占用太長時間。
在Dreamweaver中,可以測試如下項目,使站點的頁面可以為訪問者提供完善的服務。
?確保頁面正常顯示
站點的訪問者使用的操作系統、瀏覽器通常五花八門,作為網頁的設計者,有必要在站點發布前對站點所有的頁面進行測試。
并非每種瀏覽器都支持CSS樣式表、層、Active控件、JavaScript腳本和框架這些技術。例如,比較流行的Firefox瀏覽器就不支持Active控件和CSS2.0標準。
為使站點中的網頁在這些瀏覽器中可以正常、清晰地顯示,可以使用Dreamweaver“檢查瀏覽器”功能,自動為不符合要求的瀏覽器提供頁面重新定向,將其轉到可以正常顯示的頁面中。
?支持不同的瀏覽器和平臺
各種不同的瀏覽器對網頁的解析是不同的。在設計好網頁后,應針對不同的瀏覽器編寫CSS樣式的hack代碼,以保證網頁的布局和字體大小等屬性在不同瀏覽器中都可以正常顯示。
?檢查失效鏈接
在設計網頁過程中,很容易由于工作的疏忽造成鏈接的文件位置變化,導致鏈接失效。在網站發布前應將站點內各網頁的超鏈接全面檢查一次,以防止出現失效鏈接。
設計網頁時,如使用到外部的鏈接,則應經常檢查外部鏈接是否存在。如外部鏈接不存在,則應及時編輯修改網頁。
在檢查失效鏈接時,可以使用Dreamweaver自帶的【檢查站點范圍的鏈接】工具,幫助提高工作效率。
?控制頁面文件大小
使用圖像處理軟件制作的切片網頁,代碼通常十分臃腫,使用一些軟件生成的代碼同樣如此。因此在設計完成網頁后,應將網頁的代碼再閱讀一遍,刪除無用的注釋語句。首頁文件應盡量控制在70KB以內,以提高打開的速度。
?控制網頁各版塊
在某些瀏覽器上,對于由大型表格或層布局的頁面,可能在加載完整個表格或層之前什么都不顯示,這就增加了訪問者等待的時間。因此在設計網頁時,應考慮將大型表格或層分為幾部分,以做到先載入一部分給訪問者瀏覽,在訪問者瀏覽的同時繼續載入其他部分。或者在頁面頂部添加一些動畫導航條和Banner,引開訪問者的注意力,防止訪問者因等待時間過長而關閉頁面。
?圖像失效的補救方法
在網頁設計時,應避免在表格或其他網頁布局元素(層、框架、嵌入幀)中直接插入圖像。
直接插入圖像,如圖像失效,則會在頁面中產生紅叉影響網頁整體觀感。且很多設計者在插入圖像后便不再為布局元素設置大小,如果圖像失效,則會導致網頁變形。
比較好的方法是用CSS設置網頁布局元素的寬與高,然后將要插入的圖像設為網頁布局元素的背景。如果圖像失效,僅會顯示空白。
?檢查標題和標簽
當網頁設計者設計大量頁面時,很容易因工作疏忽而忘記修改頁面的標題。因此在測試整站時,應注意檢查每個頁面的標題是否為默認的“無標題文檔”。
網頁通常都是由大量表格或層進行布局的,因此在網頁的修改過程中,很容易產生空標簽和冗余的標簽,甚至缺失的標簽。這些標簽或許不會 影響到頁面是否可以打開,但都會影響頁面的打開速度。
在Dreamweaver中,插入的表格每單元格都會自動插入一個空格符()。在測試整站時,應設置單元格的高度,并將這些空格符刪除。
標題名稱:網站建設后站點測試指南。
當前路徑:http://m.newbst.com/news/78422.html
網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站建設等
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容