網頁設計的九大原則發(fā)布時間:2012.04.03 新聞來源:鎮(zhèn)江三鑫科技信息有限公司 瀏覽次數:
Internet上有眾多提供免費存放網頁的服務器,不少網友自己設計網頁、在網上發(fā)布信息。隨著網頁設計技術的發(fā)展,豐富多彩的個人網頁越來越多地出現在網上,但是,網頁下載速度受到帶寬和通訊線路等因素的制約。網頁設計者應該知道,客戶是用昂貴的通訊費用在換取您的信息,除了網頁的內容要受益于客戶外,對下載速度的考慮也應該放在網頁設計規(guī)劃時的重要位置。如果您正在做網頁,那么下面的一些規(guī)則與技巧或許對您有所幫助。 一、控制頁面的總規(guī)模 要想把網頁做得精彩,內容必定要豐富,但不要把所有的內容都放在一個頁面上,應控制頁面的總規(guī)模。首先統計頁面中的每個對象,如文字、圖像、ActiveX或Java代碼以及HTML文本的大小。用28.8Kbps的Modem粗略地估計一下,按每秒3KB的速度下載整頁所需的時間,如果整頁有5KB的HTML代碼和30KB的圖像,下載該頁大約需要12秒,這一般能滿足訪問者的要求。 二、分解大型表格 盡可能避免用大型表格,因為瀏覽器必須等待整個表格的內容全部到達客戶端,才能顯示這個表格的內容,而文本或圖像則是一邊下載一邊顯示。如果頁面中必須使用表格,可將大表格分解成若干小表格,瀏覽器下載后面的表格時,客戶可以閱讀已經下載完的前一個表格。用客戶瀏覽信息的時間去代替等待下載的時間,這一技巧在任何時候都適用。 三、不用圖片來敘述內容 為了解決不同的語言平臺上不能正常顯示本國文字的問題(比如簡體中文平臺不能顯示BIG5碼的文字信息),有些設計者將本國文字的敘述內容用圖像文件來表示,而不用文本,這樣雖然解決了因內碼不同導致的亂碼問題,但卻給頁面增加了負擔,因為同樣的文字內容,用文本存儲比圖片文件小得多。另外,一些文字性的圖像按鈕也盡量少用,如果必須要用,也應包含Alt解釋文本,這樣即使客戶關閉了瀏覽器的圖像顯示功能,也可以明白按鈕的意思。 四、標記圖像的大小 在HTML代碼中,好標記出圖像的顯示高度和寬度,在下載頁面時,瀏覽器會按這個高度和寬度留出圖像的位置,在圖像下載完畢之前及時地顯示其周圍的文字內容。否則,讓瀏覽器按圖像本身的高度和寬度顯示,那么只能等待圖像全部下載完畢后,才顯示圖像及其周圍的其他文字信息,無疑造成客戶的等待。 五、重用圖像 如果多次使用同一圖像文件,客戶端瀏覽器的C e對此有所幫助。瀏覽器將從它的Cache中找出先前下載的那個圖像文件并調入顯示,而無需再從Web站點上下載,即使它們不在同一頁面中,這樣調入圖像就不受帶寬的約束。因此各頁面的背景圖案可使用同一圖像文件,既統一了頁面的風格,又可節(jié)省圖像下載的時間。如果您再次調入的圖像文件只有尺寸有點變化,那么使用圖像高度和寬度標記(Tags)即可改變圖像的大小。
JPEG格式是網上非常流行的圖像格式,它對于大型圖像的壓縮率特別高,而GIF格式更適合小圖像和藝術線條一類的圖像。對于同樣內容的4KB以下的圖像文件,GIF格式比JPEG格式效果更好,如果不信,您可比較一下兩種格式的小圖像文件的大小和質量。 七、減少圖像的數目 不要使用太多的圖像文件。圖像文件的數量和大小對頁面是很重要的,因為每下載一個圖像文件,瀏覽器都將向Web服務器請求一次連接,所以圖像文件越多意味著頁面下載的時間越長。可以嘗試用一個圖像代替多個分散的小圖形(如多個按鈕),從而盡可能地減少圖像文件的數目。 八、對大型圖像的處理 當頁面必須有大型圖像時,有兩種處理方案可供參考:其一,建立一個縮圖圖像文件置于主頁中,將它鏈接到原始的大型圖像;其二,先創(chuàng)建一個同原始圖像一樣大小的但降低了色彩和分辨率的圖像文件,使用低源標記,讓該圖像文件首先下載。這種方法的優(yōu)點是使客戶不需下載大型圖像文件,就能快速地了解到圖像的大概內容。 九、少用背景音樂 雖然目前版本的HTML語言具有在網頁中加入背景音樂的功能,但奉勸諸位少用為妙,它會降低您的網頁下載到客戶端的速度,除非您正在創(chuàng)建一個有關音樂的網站,否則只會給人以華而不實的感覺。如果非要加入背景音樂,那么音樂文件好使用MIDI格式,而不用WAV格式。 本文共分
1
頁
|