網站技術規範
一、前言
編寫"網站技術線上"網站技術規範的目的是為自己提供網站建設和維護的技術規範,改善"網站技術線上"網站的總體品質和更新效率。不僅為此,我想為各位網友展示網站建設的標準化(當然我也只是提供一個參考)。個人網站有自己的風格與愛好,也正是個性的存在體現出網站的魅力,但如果過分的自由發揮,想到什麼做什麼,將給整個網站日後的管理和維護帶來混亂,這就好象當年面向過程編程思想出現前,程式設計陷入了紊亂的泥潭,無數優秀程式師在其中苦苦掙扎,還是被其淹沒一樣,網站的管理和維護將陷入無休止的修補中。
本文提到的規範並非一成不變的,可根據具體情況變通的,隨著網頁技術的發展,新的技術應用,規範也會隨之變化的。
二、網站的總體組織結構
為了便於網站的維護,以下是網站的總體組織結構的規範:
1、網站的組織
一個組織結構良好的網站既是一個便於管理的網站。網站的預先規劃一定要做好,檔、目錄的命名既要符合www伺服器的規定,又要清晰有邏輯性。如有的網站尾碼要求為“.html”,而非“.htm”。
.目錄結構不要太深,因為太深的目錄結構會導致較長的URL。
.強烈建議有頁面增加簡短注釋語。便於以後的更新和增加網頁的易讀性。而注釋並不會下載至用戶端,不影響流覽速度.
.多數頁共有的部分置於SSI(Server Side Include)包含檔中,如每頁的頭部、尾部導航條,版權資訊和廣告條。這樣做的目的是方便以後的更改,如要更改導航條的鏈結,只需修改SSI檔即可,提高了效率。由於個人網站不能夠自己確定SSI包含檔,它需要伺服器端配置,所以可以用網頁設計軟體提供的Library庫檔的包含功能,達到相同的效果。
.採用外鏈的CSS(Cascading Style Sheet),對CSS的引用統一為<link rel=stylesheet"/etc/81channel.css">。
.建議多數頁面共有的javascript或Vbscript採用外鏈。這樣可以減少流覽器讀代碼的時間。
.不要用嵌套超過3層的表格和太複雜的表格.嵌套表格太多,流覽器解釋html代碼的時間越長,正確顯示頁面的時間越長.我們可以注意到很多網站先顯示上面部分,再逐漸顯示下面的內容,其實就是用表格造成的.
2、目錄結構
|
|
|
|
|
|
|
.原則上,相近的內容放在同一目錄下,目錄名總以小寫的英文字串命名且不含空格和特殊字元(下劃線和破折號除外),最好不要超過8個字元。
.網站根目錄下包含以下幾個目錄:
library 本網站的共用檔如所有的SSI、CSS和Librsry檔置於本目錄下。
images 本網站的共用的圖片及主頁的圖片置於本目錄下。
scripts 本網站所有的asp、php等腳本和cgi程式置於此目錄中。
zh_cn 本網站的簡體中文版置於此目錄下。
下面對zh_cn目錄結構做詳細分解:
column_name 本網站某頻道的相關內容置於此目錄下(其下可以填加如images的圖片子目錄)
右邊為網站目錄結構的圖示:
http://go5.163.com/~wtonline/zh_cn/網頁/images/stucture.gif
.對目錄級資源的引用在url的尾部要有下劃線,以避免伺服器的重定向,從而節省時間。如:
<a href="dirctory/">next</a>
3.檔、目錄命名規則:
.所有的檔、目錄的命名總以小寫的英文字串命名且不含空格和特殊字元(下劃線和破折號除外),最好不要超過8個字元。
.所有的html檔尾碼統一為“.htm”,其他檔的尾碼使用相應的格式,如:.php、.jpg等。
.檔案名用代表其含義的英文單詞,不易翻譯的用關鍵字拼音。