一種通用的網(wǎng)頁設計規(guī)范

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

0引言作為B S架構(gòu)辦公自動化系統(tǒng)的主要角色，網(wǎng)頁已經(jīng)被越來越多地應用到實際工作中去，而基于網(wǎng)頁的動態(tài)站點則成為重要的一種軟件系統(tǒng)應用方式。我們在參考了眾多的網(wǎng)頁設計文檔后發(fā)現(xiàn)，大多數(shù)的網(wǎng)頁在設計時除

0引言

作為B/S架構(gòu)辦公自動化系統(tǒng)的主要角色，網(wǎng)頁已經(jīng)被越來越多地應用到實際工作中去，而基于網(wǎng)頁的動態(tài)站點則成為重要的一種軟件系統(tǒng)應用方式。我們在參考了眾多的網(wǎng)頁設計文檔后發(fā)現(xiàn)，大多數(shù)的網(wǎng)頁在設計時除了考慮必要的編碼語法和關(guān)鍵字使用，并不遵循任何的編碼和命名規(guī)范，程序員各自為政，隨意運用，導致代碼可讀性下降，隨之影響到軟件重用的可行性。基于此，我們根據(jù)實際的開發(fā)經(jīng)驗發(fā)展出一種通用的網(wǎng)頁設計開發(fā)規(guī)范，同時也是一個腳本語言參考，這樣可以按照規(guī)范開發(fā)更加可讀和重用性更強的網(wǎng)頁代碼；當然，本規(guī)范并不是一個一成不變的必須嚴格遵守的條文，特殊情況下要靈活運用，做一定的變通。

1基本要求

1）在網(wǎng)站根目錄中開設images，common，temp 三個子目錄，根據(jù)需要再開設media 子目錄，images目錄中放不同欄目的頁面都要用到的公共圖片，例如公司的標志、banner 條、菜單、按鈕等等；common 子目錄中放css、js,、php、include 等公共文件；temp 子目錄放客戶提供的各種文字圖片等等原始資料；media 子目錄中放flash，avi，quick time 等多媒體文件。

2）在根目錄中原則上應該按照首頁的欄目結(jié)構(gòu)，給每一個欄目開設一個目錄，根據(jù)需要在每一個欄目的目錄中開設一個images 和media 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個欄目的內(nèi)容特別多，又分出很多下級欄目，可以相應的再開設其他目錄。

3）temp目錄中的文件往往會比較多，建議以時間為名稱開設目錄，將客戶陸續(xù)提供的資料歸類整理。

4）除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄的命名請盡量以英文為指導，不到萬不得已不要以拼音作為目錄名稱，經(jīng)驗證明，用拼音命名的目錄往往連一個月后的自己都看不懂。

2腳本編寫

我們應該有一個腳本整體風格一致的概念，讓一個月后和一個月前的你寫的腳本風格保持一致，以及同一個工作組中不同的開發(fā)人員編寫的腳本風格保持一致，因為我們不可能永遠孤立的開發(fā)，你隨時都有可能和三個月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開發(fā)一個項目，還有可能被要求修改已經(jīng)離職人員開發(fā)的腳本，或者你自己也有可能會扔下一個項目給后來的同事。

1）Html 文件的通用模板：

<html>

<!--

Generator: 遼寧省電力有限公司

Creation Data: 2005-5-1

Original Author: 富宇

-->

<head>

<title>歡迎來到遼電總經(jīng)理工作部</title>