一種通用的網頁設計規范

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

0引言作為B S架構辦公自動化系統的主要角色，網頁已經被越來越多地應用到實際工作中去，而基于網頁的動態站點則成為重要的一種軟件系統應用方式。我們在參考了眾多的網頁設計文檔后發現，大多數的網頁在設計時除

0引言

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

1基本要求

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

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

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

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

2腳本編寫

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

1）Html 文件的通用模板：

<html>

<!--

Generator: 遼寧省電力有限公司

Creation Data: 2005-5-1

Original Author: 富宇

-->

<head>

<title>歡迎來到遼電總經理工作部</title>