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

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

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

0引言

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

1基本要求

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

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

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

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

2腳本編寫

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

1）Html 文件的通用模板：

<html>

<!--

Generator: 遼寧省電力有限公司

Creation Data: 2005-5-1

Original Author: 富宇

-->

<head>

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

責(zé)任編輯：和碩涵

免責(zé)聲明：本文僅代表作者個人觀點(diǎn)，與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí)，對本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時性本站不作任何保證或承諾，請讀者僅作參考，并請自行核實(shí)相關(guān)內(nèi)容。

我要收藏

個贊