一種通用的網頁設計規范

2013-12-12 09:32:19 電力信息化　點擊量：評論 (0)

0引言作為B S架構辦公自動化系統的主要角色，網頁已經被越來越多地應用到實際工作中去，而基于網頁的動態站點則成為重要的一種軟件系統應用方式。我們在參考了眾多的網頁設計文檔后發現，大多數的網頁在設計時除

3）排版中我們經常會遇到需要進行首行縮進的處理，不要使用或者全角空格來達到效果，規范的做法是在樣式表中定義 p { text-indent: 2em; } 然后給每一段加上 <p> 標記，注意，一般情況下，請不要省略 </p> 結束標記。

4）原則上，我們禁止用 <img width=? height=?> 來人為干預圖片顯示的尺寸，而且建議 <img> 標簽中不要帶上width 和height 兩個屬性，這是因為制作過程中，圖片往往需要反復的修改，這樣可以避免人為干預圖片顯示的尺寸，盡可能的發揮瀏覽器自身的功能；但是這樣的一個副作用是當網頁還未加載圖片時，不會留出圖片的站位大小，可能會造成網頁在加載過程中抖動（如果圖片是插在一個固定大小的表格里的，不會有這個現象），尤其是當圖片的尺寸較大時，這種現象會很明顯，所以當預料到這種會明顯導致網頁抖動的情況會發生時，請大家務必在最后給 <img>附上 width 和 height 屬性。

5）為了最大程度的發揮瀏覽器自動排版的功能，在一段完整的文字中請盡量不要使用<br> 來人工干預分段。

6）不同語種的文字之間應該有一個半角空格，但避頭的符號之前和避尾的符號之后除外漢字之間的標點要用全角標點，英文字母和數字周圍的括號應該使用半角括號。

7）所有的字號都應該用樣式表來實現，禁止在頁面中出現 <font size=?> 標記。

8）請不要在網頁中連續出現多于一個的也盡量少使用全角空格（英文字符集下，全角空格會變成亂碼），空白應該盡量使用 text-indent, padding, margin, hspace, vspace 以及透明的gif 圖片來實現。

9）中英文混排時，我們盡可能的將英文和數字定義為verdana 和arial 兩種字體。

10）行距建議用百分比來定義，常用的兩個行距的值是line-height:120%/150%。

11）網站中的路徑全部采用相對路徑，一般鏈接到某一目錄下的缺省文件的鏈接路徑不必寫全名，如我們不必這樣：<a href=”aboutus/index.htm”> 而應該這樣：<a href=”aboutus/”>

12）嵌入圖形文本的使用較大的字體，建議不要在圖形中包括文本。

13）“網頁大小”定義為網頁的所有文件大小的總和，包括HTML文件和所有的嵌入的對象。用戶喜歡快的而不是新奇的站點。對于解調器用戶，網頁大小保持在34K以下為合適。

4文件命名原則

1）每一個目錄中應該包含一個缺省的html 文件，文件名統一用index.htm

2）文件名稱統一用小寫的英文字母、數字和下劃線的組合。