網頁設計制作規(guī)范

1、網頁設論文集計制作規(guī)范    2. 在根目錄中原則上應該按照首頁之欄目結構，給每一個欄目開設一個目錄，根據(jù)需要在每一個欄目之目錄中開設一個images 和media 之子目錄用以放置此欄目專有之圖片和多媒體文件，如果這個欄目之內容特別多，又分出很多下級欄目，可以相應之再開設其他目錄。3. temp 目錄中之文件往往會比較多，建議以時間為名稱開設目錄，將客戶陸續(xù)提供之資料歸類整理。 4. 除非有特殊情況，目錄、文件之名稱全部用小寫英文字母、數(shù)字、下劃線之組合，其中不得包含漢字、空格和特殊

2、字符；目錄之命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經驗證明，用拼音命名之目錄往往連一個月后之自己都看不懂，  腳 本 編 寫  我們應該有一個腳本整體風格一致之概念，意思是一個月后和一個月前之你寫之腳本風格保持一致，以及同一個工作組中不同之開發(fā)人員編寫之腳本風格保持一致，因為我們不可能永遠孤立之開發(fā)，你隨時都有可能和三個月前之自己合作（你之客戶要求改版），也經常要和工作室中不同之同事共同開發(fā)一個項目，還有可能被要求修改已經離職人員開發(fā)之腳本，當然你自己也有可能會扔下一個項目給后來之同事。  1. Htm

3、l 文件之通用模板：  這是因為瀏覽器認為換行相當于一個半角空格，以上不規(guī)范之寫法相當于無意中增加一個半角空格，如果確實有必要增加一個半角空格，也應該這樣寫：  屬于同一個級別 之 <table> 一定是左首對齊之，另外不允許沒有任何內容之空之單元格存在，高度大于等于12px 之單元格應該 在 <td> 和 </td> 之間寫一 個   如果高度小于12px, 則應該 在 

4、;<td> 和 </td> 之間插入一個1*1 大小之透明之gif 圖片，這是因為某些瀏覽器認為空單元格非法而不會予以解釋。如果代碼順序較亂，在DW3中可以通過command->apply souce formatting進行重新整理！  5. Width 和height 之寫法也有統(tǒng)一之規(guī)范，一般情況下只有一列之表格，width 寫在<table> 之標簽內，只有一行之表格，height 寫在 <

5、table> 之標簽內，多行多列之表格，width 和height 寫在第一行或者第一列之 <td> 標簽內?？傊裱粭l原則：不出現(xiàn)多于一個之控制同一個單元格大小之height 和width, 保證任何一個width 和height 都是有效之，也就是你改動代碼中任何一個width 和height 之數(shù)值，都應該在瀏覽器中看到變化。做到這一條不容易，需要較長時間之練習和思考。  一 般 原 則  1. 在排

6、布表格之前，請大家一定要好好思考一個最佳之方案，表格之嵌套盡量控制在三層以內，并且應該盡量避免 <colspan> <rowspan> 兩個標記，經驗表明，這兩個標記會帶來許多麻煩。  2. 一個網頁要盡量避免用整個一張大表格，所有之內容都嵌套在這個大表格之內，因為瀏覽器在解釋頁面之元素時，是以表格為單位逐一顯示，如果一張網頁是嵌套在一個大表格之內，那么很可能造成之后果就是，當瀏覽者敲入網址，他要先面對一片空白很長時間，然后所有之網頁內容同時出現(xiàn)。如果必須這樣做，請使用 <tbody>標記，以便能夠

7、使這個大表格分塊顯示。  3. 排版中我們經常會遇到需要進行首行縮進之處理，不要使用   或者全角空格來達到效果，規(guī)范之做法是在樣式表中定義 p  text-indent: 2em;  然后給每一段加上 <p> 標記，注意，一般情況下，請不要省略 </p> 結束標記 。  4. 原則上，我們禁止用 <img width=? height=?> 

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

9、0;和 height 屬性。  5. 為了最大程度之發(fā)揮瀏覽器自動排版之功能，在一段完整之文字中請盡量不要使用<br> 來人工干預分段。  6. 不同語種之文字之間應該有一個半角空格，但避頭之符號之前和避尾之符號之后除外漢字之間之標點要用全角標點，英文字母和數(shù)字周圍之括號應該使用半角括號。  7. 所有之字號都應該用樣式表來實現(xiàn)，禁止在頁面中出現(xiàn) <font size=?> 標記。  8. 請不要在網頁中連續(xù)出現(xiàn)多于一個 

10、之   也盡量少使用全角空格（英文字符集下，全角空格會變成亂碼），空白應該盡量使用 text-indent, padding, margin, hspace, vspace 以及透明之gif 圖片來實現(xiàn)。  9. 中英文混排時，我們盡可能之將英文和數(shù)字定義為verdana 和arial 兩種字體。  10. 行距建議用百分比來定義，常用之兩個行距之值是line-height:120%/150%.  11. 網站中之路

11、徑全部采用相對路徑，一般鏈接到某一目錄下之缺省文件之鏈接路徑不必寫全名，如我們不必這樣：<a href=”aboutus/index.htm”> 而應該這樣：<a href=”aboutus/”>  12、嵌入圖形文本之使用較大之字體，建議不要在圖形中包括文本。  13、“網頁大小”定義為網頁之所有文件大小之總和，包括HTML文件和所有之嵌入之對象。用戶喜歡快之而不是新奇之站點。對于解調器用戶，網頁大小保持在34K以下為合適。  /文 件 命 名 原 則

12、0; 1. 每一個目錄中應該包含一個缺省之html 文件，文件名統(tǒng)一用index.htm  2文件名稱統(tǒng)一用小寫之英文字母、數(shù)字和下劃線之組合。  3. 命名原則之指導思想一是使得你自己和工作組之每一個成員能夠方便之理解每一個文件之意義，二是當我們在文件夾中使用“按名稱排例”之命令時，同一種大類之文件能夠排列在一起，以便我們查找、修改、替換、計算負載量等等操作 。  4. 下面以“新聞”（包含“國內新聞”和“國際新聞”）這個欄目來說明html 文件之命名原則 ：   在根目錄

13、下開設news目 錄   第一條缺省新聞取名index.htm   所有屬于“國內新聞”之新聞依次取名為：china_1.htm, china_2.htm,    所有屬于“國際新聞”之新聞依次取名為：internation_1.htm, internation _2.htm,    如果文件之數(shù)量是兩位數(shù)，請將前九個文件命名為：china_01.htm, china_02.htm 以保證所有之文件能夠在文件夾中正確排序。 

14、5. 圖片之命名原則遵循以下幾條規(guī)范 ：   名稱分為頭尾兩兩部分，用下劃線隔開。   頭部分表示此圖片之大類性質，例如廣告、標志、菜單、按鈕等等 。   一般來說:  放置在頁面頂部之廣告、裝飾圖案等長方形之圖片我們取名：banner 標志性之圖片我們取名為：logo 在頁面上位置不固定并且?guī)в墟溄又D片我們取名為button 在頁面上某一個位置連續(xù)出現(xiàn)，性質相同之鏈接欄目之圖片我們取名：menu 裝飾用之照片我們取名：pic 不帶鏈接表示標題之圖片我們取名：title 依照此原則類推。   尾部分用來表示圖片之具體含義。