在進行網站建設過程當中,對于網頁的優化是一個很重要的環節,頁面的友好設計可能會直接影響到頁面的瀏覽速度和適應性,影響網站在用戶心中的印象。
一般的資訊類的網站中,文字在頁面中是占據很大的空間和版面,所以這時候字體就顯得很重要了。再使用css樣式的時候有必要指定下文字的樣式,我們平常用的字體一般都是宋體,大小的話一般來說都是12px,字體顏色一般也都是黑色為主,不過這也要根據背景來決定,我們要首先要考慮就是字體要能看清楚,再者就是和頁面顏色的整體搭配要讓人舒服。字體一般都是選擇黑色,不要太花哨,這樣顯得不專業,黑色不容易讓人產生視覺疲勞,可以使用戶較長時間瀏覽網頁。
圖片也是網頁中不可或缺的一個元素,對于圖片的優化我們首先要保證瀏覽的質量在考慮將其尺寸降低,這樣可以提高網頁的下載速度,我們可以利用一些修圖工具來將圖片切成小塊分別進行優化。一般輸出的格式為gif或jpeg,這個是要看情況的,一般我們可以把比較復雜的顏色變化的圖片優化為jpeg,只有單純色塊的卡通畫的小塊優化為gif,這個需要我們根據不同的格式特點來決定。
網站的表格也是頁面布局的重要元素,也是頁面進行排版的重要手段。我們可以根據網頁的布局來設置表格的寬度和高度、邊框、背景色、對齊方式等等。很多時候我們會將表格的邊框設置為0,來定位頁面的其他元素,或者根據這個來確定頁面中各個元素的相對位置,我們都知道,:瀏覽器在讀取網頁的html代碼時,是讀完整個table才將它顯示出來的,如果一個大的表格包含有很多的子表格,一般是先把大表格讀完,才會去讀子表格顯示出來。我們在訪問一個站點的過程時,如果沒有結果的話肯定會按停止按鈕卻會顯示出頁面。
我們在進行表格設計的過程要盡量避免將所有的元素嵌套在一個表格里面,需要注意的是表格之間的嵌套層次要盡量的少,在使用Dreamweaver進行網頁制作的過程中會自動在每個td內添加一個空的字符,如果單元格里面沒有填充其他的元素,那么這個空字符會被保留下來,在指定的td的寬度或者高度后可以在源代碼內進行刪除。
網頁的適應性是很重要的,在不同的系統上,不同分辨率下都將會呈現不一樣的效果,所以我們在進行設計的時候要綜合考慮,一般我們在在800*600下制作網,佳效果也是這樣的分辨率,在其他情況下保持基本一致,應該也沒有什么問題。我們在進行整個網頁設計過程中要從整體出發,綜合考慮,這樣設計出來的網頁才是一個成功的網頁。