歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

網(wǎng)頁規(guī)劃標(biāo)準(zhǔn)

發(fā)布時間:2019-07-13 文章來源:本站  瀏覽次數(shù):3078

網(wǎng)頁規(guī)劃標(biāo)準(zhǔn) 作為一個網(wǎng)頁規(guī)劃這應(yīng)該了解的東西

網(wǎng) 頁 設(shè) 計 制 作 規(guī) 范 
總 論 
本標(biāo)準(zhǔn)既是一個開發(fā)標(biāo)準(zhǔn),也是一個腳本語言參閱,本標(biāo)準(zhǔn)并不是一個一成不變的有必要嚴(yán)格遵守的條文,特殊情況下要靈活運(yùn)用,做必定的變通?墒,請大家千萬不要隨意更改標(biāo)準(zhǔn)。如果有任何問題,請及時與項目負(fù)責(zé)人交流。
主目錄下應(yīng)有一個help目錄,存放闡明文件。闡明文件包括:
目錄闡明
文件列表闡明:存放方位、文件稱號、功用及處理邏輯描述、所涉及的庫表、調(diào)用關(guān)系。
數(shù)據(jù)庫闡明:數(shù)據(jù)庫方位、空間分配要求、表規(guī)劃、關(guān)系規(guī)劃、視圖規(guī)劃、存儲進(jìn)程規(guī)劃等。
▲ 靜態(tài)頁面制作注意事項
一、 制 作 常 規(guī) 要 求

l 首要頁面要寫title(主頁要寫上企業(yè)中英文稱號)
l 首要頁面meta字段便于搜索引擎查找。
l 盡量運(yùn)用廣泛支持的技能。以最盛行的閱讀器的最遍及版本為標(biāo)準(zhǔn),一起照顧低版本閱讀器。
l 不運(yùn)用過小的字體不運(yùn)用過大的圖片、動畫、聲音.不運(yùn)用過長的滾屏
l 及時刪去無用文件,防止無謂的下載速度減慢 
l 由于server的linux體系,嚴(yán)格區(qū)別文件巨細(xì)寫!一切文件悉數(shù)以小寫字母命名,包括圖形文件.制止用中文作文件名。
l 頁面以800X600屏幕設(shè)置營為主(實際尺度為778*434px),但也應(yīng)注意在1024X800 屏幕設(shè)置的閱讀效果; 即在800X600分辯率下應(yīng)在閱讀器中不呈現(xiàn)橫向的流動條; 
l 通常情況下頁面應(yīng)以居中為主,如有特殊要求能夠設(shè)置居頂、居左;
二 、文 件 命 名 規(guī) 則 與 目 錄 結(jié) 構(gòu) 規(guī) 則
l 首頁面有必要以“index.htm 、index.asp命名的文件。
l HTML文件擴(kuò)展文件名一概用 .htm
l 在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu),給每一個欄目開設(shè)一個目錄,根據(jù)需要在每一個欄目的目錄中開設(shè)一個image 的子目錄用以放置此欄目專有的圖片和多媒體文件,如果這個欄目的內(nèi)容特別多,又分出許多下級欄目,能夠相應(yīng)的再開設(shè)其他目錄。
l 除非有特殊情況,目錄、文件的稱號悉數(shù)用小寫英文字母、數(shù)字、下劃線的組合,其間不得包括漢字、空格和特殊字符;目錄名應(yīng)以英文、拼音為主。盡量用一些大家都能看懂的詞匯。使得你自己和工作組的每一個成員能夠便利的了解每一個文件的意義。
l 網(wǎng)站css文件要放到根目錄image下,供其它文件調(diào)用,如子欄目較多也可別離copy到自己目錄下,使網(wǎng)站風(fēng)格一致。
l 共用的模板文件應(yīng)放在根目錄的Templates文件夾下(此為dreamweaver的默許途徑,如用其它軟件開發(fā)者也需遵守此規(guī)則)。

三、VI 標(biāo) 準(zhǔn) 化 要 求
l Banner 
格局:GIF 尺度:468X60 pixels 巨細(xì):<15K 
l Logo 
格局:GIF 尺度:88X31 巨細(xì):<7K
四、頁 面 制 作 規(guī) 則
1. 表格盡量用絕對像素,防止閱讀器分辨率不一起表格產(chǎn)生變形。一個網(wǎng)頁要盡量防止用整個一張大表格,一切的內(nèi)容都嵌套在這個大表格之內(nèi),由于閱讀器在解釋頁面的元素時,是以表格為單位逐一顯現(xiàn),如果一張網(wǎng)頁是嵌套在一個大表格之內(nèi),那么很可能造成的結(jié)果便是,當(dāng)閱讀者敲入網(wǎng)址,他要先面對一片空白很長時刻,然后一切的網(wǎng)頁內(nèi)容一起呈現(xiàn)。如果有必要這樣做,請運(yùn)用標(biāo)記,以便能夠使這個大表格分塊顯現(xiàn)。

2. CSS界說標(biāo)準(zhǔn) 及CSS 文件的格局樣例代碼 : 

為了保證不同閱讀器上字號保持一致,字號主張用點數(shù)pt和像素px來界說,pt一般運(yùn)用中文宋體的9pt和11pt,px一般運(yùn)用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px 的字號比較合適。

3. 圖片采用 gif , jpg 壓縮格局,以減小頁面下載數(shù)據(jù)量。每幅圖片要有本圖片的闡明文字(alt=””),這樣如果圖片不能正常顯現(xiàn),也可知道圖片處代表什么意思。標(biāo)記要添加width, height,防止圖畫不能正常顯現(xiàn)時,呈現(xiàn)頁面混亂現(xiàn)象。

4. 如頁面采用動畫活潑網(wǎng)頁,須防止動畫過大,盡量減少用戶閱讀等待時刻。整頁用到flash動畫,要考慮到flash與頁面的融合一致。

5. 每一相對獨(dú)立的欄目首頁一般也要求在40K容量以內(nèi),如特殊要求也不得超過60K;每個網(wǎng)頁(本網(wǎng)首頁在外)都要有回來主頁和回來上級的圖標(biāo)或文字鏈接。

6. 回來銜接運(yùn)用相對途徑,盡量不運(yùn)用絕對途徑。如:../index.htm

7. 字體要求運(yùn)用國家簡化字。
▲ 程序開發(fā)注意事項
1. 次網(wǎng)站體系要銜接一個數(shù)據(jù)庫(sql),所以要銜接數(shù)據(jù)庫,但不答應(yīng)樹立odbc數(shù)據(jù)源,不答應(yīng)作多個頭包括銜接,整個體系只要一個,以便將來更改數(shù)據(jù)庫暗碼時很便利的更改本體系,一起,移植也很便利。
2 頭包括要做成例如*.asp的文件,這樣用戶不會發(fā)現(xiàn)暗碼及數(shù)據(jù)庫,如果有acess數(shù)據(jù)庫,擴(kuò)展名必定要改成例如*.asp的姿態(tài),以便保護(hù)數(shù)據(jù)。
3 一切的各個子模塊,都要有一個readme.asp(readme.txt----改成àreadme.asp,什么都不顯現(xiàn))文件,里邊具體敘說簿本模塊用到的表,表結(jié)構(gòu),每個字段的意義及巨細(xì),SQL 建表腳本語言(用SQL 東西導(dǎo)出),每個程序文件的功用。
4 建表要有必定的意義,其字段也要有意義,如4967班的表學(xué)生,表名 :table_4967_student字段:名字,年齡table_4967_student_name,table_4967_student_age等等。一起,要有5個人上的擴(kuò)展字段,以便將來擴(kuò)充功用。
5 要有注釋,以便維護(hù)。刪去測驗時分的無用代碼,使程序明晰明了。
6 要用相對途徑,堅決制止用絕對途徑。
7 后臺管理程序要整合到一個頁面上,而且要有權(quán)限,只能是有權(quán)限的用戶登錄后才能進(jìn)行體系管理。
8 不要開設(shè)不必要的session變量,防止浪費(fèi)資源,一起,能一次性用sql語句解決的問題就用sql語句,防止多次進(jìn)行數(shù)據(jù)庫檢索,反響,再檢索等等,防止影響速度,致使大量的時刻浪費(fèi)在網(wǎng)絡(luò)銜接上。
9 程序開發(fā)時不要用已投入運(yùn)行的網(wǎng)站進(jìn)行測驗,請自己搭建環(huán)境或請求環(huán)境。
10 要有過錯捕獲處理,提示用戶怎么操作造成過錯。
11 刪去信息時要有承認(rèn),畢竟是刪去,承認(rèn)后再行刪去。
12 各個模塊間要法令分明,不要混亂一片。每個模塊要有自己的目錄(放到主目錄下)。
13 該用js驗證合法的就要驗證,堅決防止服務(wù)器端進(jìn)行驗證,防止加大服務(wù)器擔(dān)負(fù),一起,影響網(wǎng)頁反響的速度。
14 編程人員測驗程序時要用上界限外值,合法值,下界限外值進(jìn)行測驗。
15 絕對制止運(yùn)用觸發(fā)器,存儲進(jìn)程。
16 如果整個網(wǎng)站體系都用到同一個變量或常量,請仿照c語言中的常量界說,以便維護(hù)上的便利。
17 顯現(xiàn)數(shù)據(jù)庫信息時分,應(yīng)考慮到階段層次,各標(biāo)點符號的正常顯現(xiàn),記錄比較多能夠考慮分頁,防止過長的頁面呈現(xiàn)。
18 一切模塊內(nèi)部測驗通往后再交往上級進(jìn)行測驗及驗收。
19 一切的功用完成后,要進(jìn)行整合測驗,后臺管理程序要放到一起,也形成一個后臺管理型網(wǎng)站,目的:操作簡練便利

上一條:網(wǎng)頁經(jīng)典代碼1...

下一條:網(wǎng)頁常用特效收拾:中級篇...