網(wǎng)頁設(shè)計(jì)制作規(guī)范

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

2、字符；目錄之命名請(qǐng)盡量以英文為指導(dǎo)，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗(yàn)證明，用拼音命名之目錄往往連一個(gè)月后之自己都看不懂，  腳 本 編 寫  我們應(yīng)該有一個(gè)腳本整體風(fēng)格一致之概念，意思是一個(gè)月后和一個(gè)月前之你寫之腳本風(fēng)格保持一致，以及同一個(gè)工作組中不同之開發(fā)人員編寫之腳本風(fēng)格保持一致，因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立之開發(fā)，你隨時(shí)都有可能和三個(gè)月前之自己合作（你之客戶要求改版），也經(jīng)常要和工作室中不同之同事共同開發(fā)一個(gè)項(xiàng)目，還有可能被要求修改已經(jīng)離職人員開發(fā)之腳本，當(dāng)然你自己也有可能會(huì)扔下一個(gè)項(xiàng)目給后來之同事。  1. Htm

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

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

5、table> 之標(biāo)簽內(nèi)，多行多列之表格，width 和height 寫在第一行或者第一列之 <td> 標(biāo)簽內(nèi)。總之遵循一條原則：不出現(xiàn)多于一個(gè)之控制同一個(gè)單元格大小之height 和width, 保證任何一個(gè)width 和height 都是有效之，也就是你改動(dòng)代碼中任何一個(gè)width 和height 之?dāng)?shù)值，都應(yīng)該在瀏覽器中看到變化。做到這一條不容易，需要較長時(shí)間之練習(xí)和思考。  一 般 原 則  1. 在排

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

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

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

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

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

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

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

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

14、5. 圖片之命名原則遵循以下幾條規(guī)范 ：   名稱分為頭尾兩兩部分，用下劃線隔開。   頭部分表示此圖片之大類性質(zhì)，例如廣告、標(biāo)志、菜單、按鈕等等 。   一般來說:  放置在頁面頂部之廣告、裝飾圖案等長方形之圖片我們?nèi)∶篵anner 標(biāo)志性之圖片我們?nèi)∶麨椋簂ogo 在頁面上位置不固定并且?guī)в墟溄又D片我們?nèi)∶麨閎utton 在頁面上某一個(gè)位置連續(xù)出現(xiàn)，性質(zhì)相同之鏈接欄目之圖片我們?nèi)∶簃enu 裝飾用之照片我們?nèi)∶簆ic 不帶鏈接表示標(biāo)題之圖片我們?nèi)∶簍itle 依照此原則類推。   尾部分用來表示圖片之具體含義。