網(wǎng)頁(yè)設(shè)計(jì)規(guī)范

網(wǎng)頁(yè)設(shè)計(jì)規(guī)范.txt30生命的美麗，永遠(yuǎn)展現(xiàn)在她的進(jìn)取之中；就像大樹的美麗，是展現(xiàn)在它負(fù)勢(shì)向上高聳入云的蓬勃生機(jī)中；像雄鷹的美麗，是展現(xiàn)在它搏風(fēng)擊雨如蒼天之魂的翱翔中；像江河的美麗，是展現(xiàn)在它波濤洶涌一瀉千里的奔流中。網(wǎng)頁(yè)設(shè)計(jì)規(guī)范網(wǎng)頁(yè)設(shè)計(jì)制作規(guī)范總論本規(guī)范既是一個(gè)開發(fā)規(guī)范，也是一個(gè)腳本語言參考，本規(guī)范并不是一個(gè)一成不變的必須嚴(yán)格遵守的條文，特殊情況下要靈活運(yùn)用，做一定的變通。但是，請(qǐng)大家千萬不要隨意更改規(guī)范。如果有任何問題，請(qǐng)及時(shí)與項(xiàng)目負(fù)責(zé)人溝通。主目錄下應(yīng)有一個(gè)help目錄,存放說明文件。說明文件包括：目錄說明文件列表說明：存放位置、文件名稱、功能及處理邏輯描述、所涉及的庫(kù)表、調(diào)用關(guān)系。數(shù)據(jù)庫(kù)說明：數(shù)據(jù)庫(kù)位置、空間分配要求、表設(shè)計(jì)、關(guān)系設(shè)計(jì)、視圖設(shè)計(jì)、存儲(chǔ)過程設(shè)計(jì)等。▲靜態(tài)頁(yè)面制作注意事項(xiàng)一、制作常規(guī)要求l主要頁(yè)面要寫'title'（主頁(yè)要寫上企業(yè)中英文名稱）l主要頁(yè)面'meta'字段便于搜索引擎查找。l盡量使用廣泛支持的技術(shù)。以最流行的瀏覽器的最普及版本為標(biāo)準(zhǔn)，同時(shí)照顧低版本瀏覽器。l不使用過小的字體不使用過大的圖片、動(dòng)畫、聲音.不使用過長(zhǎng)的滾屏l及時(shí)刪除無用文件，防止無謂的下載速度減慢l由于server的linux系統(tǒng)，嚴(yán)格區(qū)分文件大小寫!所有文件全部以小寫字母命名，包括圖形文件.禁止用中文作文件名。l頁(yè)面以800X600屏幕設(shè)置營(yíng)為主（實(shí)際尺寸為778*434px）,但也應(yīng)注意在1024X800屏幕設(shè)置的瀏覽效果；即在800X600分辯率下應(yīng)在瀏覽器中不出現(xiàn)橫向的流動(dòng)條；l通常情況下頁(yè)面應(yīng)以居中為主，如有特殊要求可以設(shè)置居頂、居左；二、文件命名規(guī)則與目錄結(jié)構(gòu)規(guī)則l首頁(yè)面必須以“index.htm、index.asp命名的文件。lHTML文件擴(kuò)展文件名一律用.html在根目錄中原則上應(yīng)該按照首頁(yè)的欄目結(jié)構(gòu)，給每一個(gè)欄目開設(shè)一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開設(shè)一個(gè)image的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開設(shè)其他目錄。l除非有特殊情況，目錄、文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；目錄名應(yīng)以英文、拼音為主。盡量用一些大家都能看懂的詞匯。使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義。l網(wǎng)站css文件要放到根目錄image下，供其它文件調(diào)用，如子欄目較多也可分別copy到自己目錄下，使網(wǎng)站風(fēng)格統(tǒng)一。l共用的模板文件應(yīng)放在根目錄的Templates文件夾下（此為dreamweaver的默認(rèn)路徑，如用其它軟件開發(fā)者也需遵守此規(guī)則）。三、VI標(biāo)準(zhǔn)化要求lBanner格式：GIF尺寸：468X60pixels大?。骸?5KlLogo格式：GIF尺寸：88X31大?。骸?K四、頁(yè)面制作規(guī)則1．表格盡量用絕對(duì)像素，以免瀏覽器分辨率不同時(shí)表格產(chǎn)生變形。一個(gè)網(wǎng)頁(yè)要盡量避免用整個(gè)一張大表格，所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi)，因?yàn)闉g覽器在解釋頁(yè)面的元素時(shí)，是以表格為單位逐一顯示，如果一張網(wǎng)頁(yè)是嵌套在一個(gè)大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對(duì)一片空白很長(zhǎng)時(shí)間，然后所有的網(wǎng)頁(yè)內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做，請(qǐng)使用〈tBody〉標(biāo)記，以便能夠使這個(gè)大表格分塊顯示。CSS定義規(guī)范及CSS文件的格式樣例代碼：〈styletype="text/css"〉〈!—p{text-indent:2em;}Body{font-family:"宋體";font-size:9pt;color:#000000;margin-top:0px;margin-right:0px;margin-Bottom:0px;margin-left:0px}taBle{font-family:"宋體";font-size:9pt;line-height:20px;color:#000000}a:link{font-size:9pt;color:#FFFFFF;text-decoration:none}a:visited{font-size:9pt;color:#99FFFF;text-decoration:none}a:hover{font-size:9pt;color:#FF9900;text-decoration:none}a:active{font-size:9pt;color:#FF9900;text-decoration:none}--〉〈/style〉為了保證不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)數(shù)Pt和像素px來定義，pt一般使用中文宋體的9pt和lipt,px一般使用中文宋體12px和14.7px這是經(jīng)過優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用llpt和14.7px的字號(hào)比較合適。圖片采用gif,jpg壓縮格式，以減小頁(yè)面下載數(shù)據(jù)量。每幅圖片要有本圖片的說明文字（alt=”），這樣如果圖片不能正常顯示，也可知道圖片處代表什么意思0<img>標(biāo)記要增加width,height,以免圖像不能正常顯示時(shí)，出現(xiàn)頁(yè)面混亂現(xiàn)象。如頁(yè)面采用動(dòng)畫活躍網(wǎng)頁(yè)，須避免動(dòng)畫過大，盡量減少用戶瀏覽等待時(shí)間。整頁(yè)用到flash動(dòng)畫，要考慮到flash與頁(yè)面的融合統(tǒng)一。每一相對(duì)獨(dú)立的欄目首頁(yè)一般也要求在40K容量以內(nèi)，如特殊要求也不得超過60K；每個(gè)網(wǎng)頁(yè)（本網(wǎng)首頁(yè)除外）都要有返回主頁(yè)和返回上級(jí)的圖標(biāo)或文字鏈接。返回連接使用相對(duì)路徑，盡量不使用絕對(duì)路徑。如：../index.htm網(wǎng)頁(yè)制作字體要求使用國(guó)家簡(jiǎn)化字?！绦蜷_發(fā)注意事項(xiàng)1.次網(wǎng)站系統(tǒng)要連接一個(gè)數(shù)據(jù)庫(kù)（sql）,所以要連接數(shù)據(jù)庫(kù)，但不允許建立odbc數(shù)據(jù)源，不允許作多個(gè)頭包含連接，整個(gè)系統(tǒng)只有一個(gè)，以便將來更改數(shù)據(jù)庫(kù)密碼時(shí)很方便的更改本系統(tǒng)，同時(shí)，移植也很方便。2頭包含要做成例如*.asp的文件，這樣用戶不會(huì)發(fā)現(xiàn)密碼及數(shù)據(jù)庫(kù)，如果有acess數(shù)據(jù)庫(kù)，擴(kuò)展名一定要改成例如*.asp的樣子，以便保護(hù)數(shù)據(jù)。3所有的各個(gè)子模塊，都要有一個(gè)readme.asp（readme.txt改成areadme.asp，什么都不顯示）文件，里面詳細(xì)敘述本子模塊用到的表，表結(jié)構(gòu)，每個(gè)字段的意義及大小，SQL建表腳本語言（用SQL工具導(dǎo)出），每個(gè)程序文件的功能。建表要有一定的意義，其字段也要有意義，如4967班的表學(xué)生，表名：table_4967_student字段：姓名,年齡table_4967_student_name，table_4967_student_age等等。同時(shí)，要有5個(gè)人上的擴(kuò)展字段，以便將來擴(kuò)充功能。要有注釋，以便維護(hù)。刪除測(cè)試時(shí)候的無用代碼，使程序清晰明了。要用相對(duì)路徑，堅(jiān)決禁止用絕對(duì)路徑。后臺(tái)管理程序要整合到一個(gè)頁(yè)面上，而且要有權(quán)限，只能是有權(quán)限的用戶登錄后才能進(jìn)行系統(tǒng)管理。8不要開設(shè)不必要的session變量，以免浪費(fèi)資源，同時(shí)，能一次性用sql語句解決的問題就用sql語句，避免多次進(jìn)行數(shù)據(jù)庫(kù)檢索，反饋，再檢索等等，以免影響速度，致使大量的時(shí)間浪費(fèi)在網(wǎng)絡(luò)連接上。程序開發(fā)時(shí)不要用已投入運(yùn)行的網(wǎng)站進(jìn)行測(cè)試，請(qǐng)自己搭建環(huán)境或申請(qǐng)環(huán)境。要有錯(cuò)誤捕獲處理，提醒用戶如何操作造成錯(cuò)誤。刪除信息時(shí)要有確認(rèn)，畢竟是刪除，確認(rèn)后再行刪除。各個(gè)模塊間要條例分明，不要混亂一片。每個(gè)模塊要有自己的目錄（放到主目錄下）。該用js驗(yàn)證合法的就要驗(yàn)證，堅(jiān)決避免服務(wù)器端進(jìn)行驗(yàn)證，以免加大服務(wù)器負(fù)擔(dān)，同時(shí)，影響網(wǎng)頁(yè)反應(yīng)的速度。編程人員測(cè)試程序時(shí)要用上界限外值，合法值，下界限外值進(jìn)行測(cè)試。絕對(duì)禁止使用觸發(fā)器，存儲(chǔ)過程。16如果整個(gè)網(wǎng)站