设计之家 > 靈感 > 網頁UI > 網頁理論 >

從名稱到頁面-網站設計全攻略(5)

作者:佚名 來源:設計之家 時間:2006-03-21

●附:英文字體資源
   http://www.pambytes.com
   http://www.freestuff101.com/Fonts
   http://www.typearound.com/mainfont.html
   http://205.177.231.33/sofontes/us/pc_us.htm

  關于字體,今天就寫到這里,您有好的建議或意見,請來信ajie@soim.com。下章我們繼續關于表格的設計探討。
  網頁中表格的運用

  表格(table)是頁面的重要元素,是頁面排版的主要手段。盡管DHTML中的層(layer)也可以實現網頁元素的自由定位,但是表格顯然更加方便編輯與修改。熟練掌握和運用表格的各種屬性,可以讓您的頁面看起來賞心悅目。

  本文將分兩部分詳細介紹表格在網頁設計中的運用。包括表格的基本用法和表格運用的注意點。

  一.表格的基本用法。

  表格的基本用法相信您已經非常熟悉了。但為了保證文章的完整性,阿捷在這里還是再羅列一遍。

  ●表格的HTML基本語法

- 定義表格


- 定義表行
- 定義表頭
- 定義表元(表格的具體數據)

 
   例如:
  
  
  
  
  表格嵌套就是在表格里插入表格,嵌套的排版方法就是將要插入的表格當做文字來處理同樣使用<td align=#>語句。
  
  
 

  以上是表格的基本用法。現在frngtpage,dreamweaver等所見即所得的網頁編輯軟件都不用編寫代碼,就可以輕松的實現表格的排版和嵌套,但是掌握一些基本語法,關鍵時刻還是很有用處的。

  二.表格運用的注意點

  表格的嵌套并不是表格處理最困難的地方,無論多復雜的版面,悉心琢磨一番總能找到解決的辦法。我們需要考慮的是:

  ○用什么樣的嵌套排版方式使網頁的下載速度達到最快。

  我們知道:瀏覽器在讀取網頁html原代碼時,是讀完整一個table再將它顯示出來。也就是說從
標簽開始,要讀到
標簽時,才將表格中的內容顯示在屏幕上。而且顯示也有優先級,先讀到的先顯示。這樣的話,如果一個大表格中含有多個子表格,必須等大表格讀完,才能將子表格一起顯示出來。

  我們在訪問一些站點時,等待多時無結果,按"停止"按鈕卻一下顯示出頁面就是這個原因。

  因此,我們在設計頁面表格的時候,應該做到:

  1.整個頁面不要都套在一個表格里,盡量拆分成多個表格;

  2.單一表格的結構盡量整齊;

  3.表格嵌套層次盡量要少.

  實驗證明:越復雜,嵌套層次越多的表格下載速度越慢。

   關于網頁的表格設計今天就寫到這里。阿捷沒有很多的技巧提供,關鍵在于您自己的實踐和運用,還是那句古話:“熟能生巧”。

标签:網站設計

推薦設計

最新文章