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

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

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

0引言

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

1基本要求

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

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

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

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

2腳本編寫(xiě)

我們應(yīng)該有一個(gè)腳本整體風(fēng)格一致的概念，讓一個(gè)月后和一個(gè)月前的你寫(xiě)的腳本風(fēng)格保持一致，以及同一個(gè)工作組中不同的開(kāi)發(fā)人員編寫(xiě)的腳本風(fēng)格保持一致，因?yàn)槲覀儾豢赡苡肋h(yuǎn)孤立的開(kāi)發(fā)，你隨時(shí)都有可能和三個(gè)月前的自己合作（你的客戶要求改版），也經(jīng)常要和工作室中不同的同事共同開(kāi)發(fā)一個(gè)項(xiàng)目，還有可能被要求修改已經(jīng)離職人員開(kāi)發(fā)的腳本，或者你自己也有可能會(huì)扔下一個(gè)項(xiàng)目給后來(lái)的同事。

1）Html 文件的通用模板：

<html>

<!--

Generator: 遼寧省電力有限公司

Creation Data: 2005-5-1

Original Author: 富宇

-->

<head>

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

上一頁(yè) 1 2 3 4 5 下一頁(yè)

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

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

我要收藏

個(gè)贊