?
一、前言
編寫”網站技術在線”網站技術規范的目的是為自己提供網站建設和維護的技術規范,改善”網站技術在線”網站的總體質量和更新效率。不僅為此,我想為各位網友展示網站建設的標準化(當然我也只是提供一個參考)。個人網站有自己的風格與愛好,也正是個性的存在體現出網站的魅力,但如果過分的自由發揮,想到什么做什么,將給整個網站日后的管理和維護帶來混亂,這就好象當年面向過程編程思想出現前,程序設計陷入了紊亂的泥潭,無數優秀程序員在其中苦苦掙扎,還是被其淹沒一樣,網站的管理和維護將陷入無休止的修補中。
本文提到的規范并非一成不變的,可根據具體情況變通的,隨著web技術的發展,新的技術應用,規范也會隨之變化的。
二、網站的總體組織結構
為了便于網站的維護,以下是網站的總體組織結構的規范:
1、網站的組織
一個組織結構良好的網站既是一個便于管理的網站。網站的預先規劃一定要做好,文件、目錄的命名既要符合www服務器的規定,又要清晰有邏輯性。如有的網站后綴要求為“.html”,而非“.htm”。
.目錄結構不要太深,因為太深的目錄結構會導致較長的URL。
.強烈建議有頁面增加簡短注釋語。便于以后的更新和增加網頁的易讀性。而注釋并不會下載至客戶端,不影響瀏覽速度.
.多數頁共有的部分置于SSI(Server Side Include)包含文件中,如每頁的頭部、尾部導航條,版權信息和廣告條。這樣做的目的是方便以后的更改,如要更改導航條的鏈接,只需修改SSI文件即可,提高了效率。由于個人網站不能夠自己確定SSI包含文件,它需要服務器端配置,所以可以用Dreamweaver提供的Library庫文件的包含功能,達到相同的效果。
.采用外鏈的CSS(Cascading Style Sheet),對CSS的引用統一為<link rel=stylesheet”/etc/81channel.css”>。
.建議多數頁面共有的ja;vascript或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/web/images/stucture.gif
.對目錄級資源的引用在url的尾部要有下劃線,以避免服務器的重定向,從而節省時間。如:
<a href=”dirctory/”>next</a>
3.文件、目錄命名規則:
.所有的文件、目錄的命名總以小寫的英文字符串命名且不含空格和特殊字符(下劃線和破折號除外),最好不要超過8個字符。
.所有的html文件后綴統一為“.htm”,其它文件的后綴使用相應的格式,如:.php、.jpg等。
.文件名用代表其含義的英文單詞,不易翻譯的用關鍵字拼音。
4、url鏈接
.概念定義:
