国产91精品一区二区,久久综合免费视频播放,亚洲一区二区黄色小视频,国产精品高清不卡无码精品

我要做網站

網頁設計的九大原則

發(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)即可改變圖像的大小。
順便談一下客戶端,從技術上講,增大瀏覽器的Cache,可提高瀏覽的速度,但是,事實并非如此。有時,我們清除Cache中的內容后下載的速度則快些。原因是每次下載頁面文本或圖像時,瀏覽器總要到Cache中去搜索相應的頁面或圖像,這樣Cache中的內容越多,搜索的時間就越長,如果比下載更費時,那么這時應該及時清除Cache中的內容。


  六、選擇合適的格式

JPEG格式是網上非常流行的圖像格式,它對于大型圖像的壓縮率特別高,而GIF格式更適合小圖像和藝術線條一類的圖像。對于同樣內容的4KB以下的圖像文件,GIF格式比JPEG格式效果更好,如果不信,您可比較一下兩種格式的小圖像文件的大小和質量。

  七、減少圖像的數目

不要使用太多的圖像文件。圖像文件的數量和大小對頁面是很重要的,因為每下載一個圖像文件,瀏覽器都將向Web服務器請求一次連接,所以圖像文件越多意味著頁面下載的時間越長。可以嘗試用一個圖像代替多個分散的小圖形(如多個按鈕),從而盡可能地減少圖像文件的數目。

  八、對大型圖像的處理

當頁面必須有大型圖像時,有兩種處理方案可供參考:其一,建立一個縮圖圖像文件置于主頁中,將它鏈接到原始的大型圖像;其二,先創(chuàng)建一個同原始圖像一樣大小的但降低了色彩和分辨率的圖像文件,使用低源標記,讓該圖像文件首先下載。這種方法的優(yōu)點是使客戶不需下載大型圖像文件,就能快速地了解到圖像的大概內容。
九、使用JavaScript
----能用HTML和JavaScript完成的事情,好不用JavaApplet和ActiveX來做。很少的JavaScript代碼就可在4.0以上版本的Internet Explorer和Navigator瀏覽器上做出驚人的效果來,它比同樣大小的Java/ActiveX或動態(tài)GIF文件要節(jié)省更多的下載時間。

  九、少用背景音樂

雖然目前版本的HTML語言具有在網頁中加入背景音樂的功能,但奉勸諸位少用為妙,它會降低您的網頁下載到客戶端的速度,除非您正在創(chuàng)建一個有關音樂的網站,否則只會給人以華而不實的感覺。如果非要加入背景音樂,那么音樂文件好使用MIDI格式,而不用WAV格式。
----總之,網頁設計者應該對自己的頁面精雕細刻,盡可能減少每一個字節(jié),以提高網頁下載的速度,千萬不要用龐大的網頁去愚弄客戶的耐性。牢記魯迅先生的名言:浪費別人的時間,無異于謀財害命。

本文共分 1
鎮(zhèn)江網站建設客戶服務一 鎮(zhèn)江網站建設客戶服務二
分享到:

蘇公網安備 32111102000210號