如何了解網(wǎng)站設(shè)計(jì)規(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目錄,存放說明文件。說明文件包括：
目錄說明
文件列表說明：存放位置、文件名稱、功能及處理邏輯描述、所涉及的庫表、調(diào)用關(guān)系。
數(shù)據(jù)庫說明：數(shù)據(jù)庫位置、空間分配要求、表設(shè)計(jì)、關(guān)系設(shè)計(jì)、視圖設(shè)計(jì)、存儲(chǔ)過程設(shè)計(jì)等。
▲ 靜態(tài)頁面制作注意事項(xiàng)
一、制作常規(guī)要求
主要頁面要寫title(主頁要寫上企業(yè)中英文名稱);
主要頁面meta字段便于搜索引擎查找;
盡量使用廣泛支持的技術(shù)。以最流行的瀏覽器的最普及版本為標(biāo)準(zhǔn)，同時(shí)照顧低版本瀏覽器;
不使用過小的字體不使用過大的圖片、動(dòng)畫、聲音.不使用過長的滾屏;
及時(shí)刪除無用文件，防止無謂的下載速度減慢;
由于server的linux系統(tǒng)，嚴(yán)格區(qū)分文件大小寫!所有文件全部以小寫字母命名，包括圖形文件.禁止用中文作文件名;
頁面以800X600屏幕設(shè)置營為主(實(shí)際尺寸為778*434px)，但也應(yīng)注意在1024X800 屏幕設(shè)置的瀏覽效果; 即在800X600分辯率下應(yīng)在瀏覽器中不出現(xiàn)橫向的流動(dòng)條;
通常情況下頁面應(yīng)以居中為主，如有特殊要求可以設(shè)置居頂、居左;
二 、文件命名規(guī)則與目錄結(jié)構(gòu)規(guī)則
首頁面必須以“index.htm 、index.asp命名的文件。
HTML文件擴(kuò)展文件名一律用 .htm
在根目錄中原則上應(yīng)該按照首頁的欄目結(jié)構(gòu)，給每一個(gè)欄目開設(shè)一個(gè)目錄，根據(jù)需要在每一個(gè)欄目的目錄中開設(shè)一個(gè)image 的子目錄用以放置此欄目專有的圖片和多媒體文件，如果這個(gè)欄目的內(nèi)容特別多，又分出很多下級(jí)欄目，可以相應(yīng)的再開設(shè)其他目錄。
除非有特殊情況，目錄、文件的`名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符;目錄名應(yīng)以英文、拼音為主。盡量用一些大家都能看懂的詞匯。使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義。
網(wǎng)站css文件要放到根目錄image下，供其它文件調(diào)用，如子欄目較多也可分別copy到自己目錄下，使網(wǎng)站風(fēng)格統(tǒng)一。
共用的模板文件應(yīng)放在根目錄的Templates文件夾下(此為dreamweaver的默認(rèn)路徑，如用其它軟件開發(fā)者也需遵守此規(guī)則)。
三、VI標(biāo)準(zhǔn)化要求
Banner
格式：GIF 尺寸：468X60 pixels 大小：<15K
Logo
格式：GIF 尺寸：88X31 大�。�<7K
四、頁面制作規(guī)則
1. 表格盡量用絕對(duì)像素，以免瀏覽器分辨率不同時(shí)表格產(chǎn)生變形。一個(gè)網(wǎng)頁要盡量避免用整個(gè)一張大表格，所有的內(nèi)容都嵌套在這個(gè)大表格之內(nèi)，因?yàn)闉g覽器在解釋頁面的元素時(shí)，是以表格為單位逐一顯示，如果一張網(wǎng)頁是嵌套在一個(gè)大表格之內(nèi)，那么很可能造成的后果就是，當(dāng)瀏覽者敲入網(wǎng)址，他要先面對(duì)一片空白很長時(shí)間，然后所有的網(wǎng)頁內(nèi)容同時(shí)出現(xiàn)。如果必須這樣做，請(qǐng)使用 標(biāo)記，以便能夠使這個(gè)大表格分塊顯示。
2. CSS定義規(guī)范 及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}
為了保證不同瀏覽器上字號(hào)保持一致，字號(hào)建議用點(diǎn)數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14.7px 這是經(jīng)過優(yōu)化的字號(hào)，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px 的字號(hào)比較合適。
3. 圖片采用 gif , jpg 壓縮格式，以減小頁面下載數(shù)據(jù)量。每幅圖片要有本圖片的說明文字(alt=””)，這樣如果圖片不能正常顯示，也可知道圖片處代表什么意思。標(biāo)記要增加width, height，以免圖像不能正常顯示時(shí)，出現(xiàn)頁面混亂現(xiàn)象。
4. 如頁面采用動(dòng)畫活躍網(wǎng)頁，須避免動(dòng)畫過大，盡量減少用戶瀏覽等待時(shí)間。整頁用到flash動(dòng)畫，要考慮到flash與頁面的融合統(tǒng)一。
5. 每一相對(duì)獨(dú)立的欄目首頁一般也要求在40K容量以內(nèi)，如特殊要求也不得超過60K;每個(gè)網(wǎng)頁(本網(wǎng)首頁除外)都要有返回主頁和返回上級(jí)的圖標(biāo)或文字鏈接。
6. 返回連接使用相對(duì)路徑，盡量不使用絕對(duì)路徑。如：../
7. 網(wǎng)頁制作字體要求使用國家簡化字。
【如何了解網(wǎng)站設(shè)計(jì)規(guī)范】相關(guān)文章：
3.PC網(wǎng)頁設(shè)計(jì)規(guī)范
4.網(wǎng)頁設(shè)計(jì)字體設(shè)計(jì)規(guī)范
6.響應(yīng)式網(wǎng)站該如何設(shè)計(jì)
7.網(wǎng)頁設(shè)計(jì)之字體設(shè)計(jì)規(guī)范