網頁要如何制作標準規范，找出屬于設計師們自己的規范標準

2012/6/6 13:59:55 閱讀：2899 發布者：2899

網頁設計師們往往在設計網頁的時候，會制作一些屬于自己的一些規范，這樣子有助于下以后設計時提供一個較完整的設計模式。
那么，在網站建設中，網頁要如何制作下規范呢？
1.
文件命名的原則：以最少的字母達到最容易理解的意義。
一般文件及目錄命名規范：
每一個目錄中應該包含一個缺省的html 文件，文件名統一用index.htm
文件名稱統一用小寫的英文字母、數字和下劃線的組合
盡量按單詞的英語翻譯為名稱。例如：feedback(信息反饋)，aboutus(關于我們)
圖片的命名規范：
名稱分為頭尾兩兩部分，用下劃線隔開。
頭部分表示此圖片的大類性質。例如：放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們取名：banner ；標志性的圖片我們取名為：logo ；在頁面上位置不固定并且帶有鏈接的小圖片我們取名為button ；在頁面上某一個位置連續出現，性質相同的鏈接欄目的圖片我們取名：menu ；裝飾用的照片我們取名：pic ；不帶鏈接表示標題的圖片我們取名：title 依照此原則類推。

尾部分用來表示圖片的具體含義，用英文字母表示。例如：banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.
有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off"命名。

其它文件命名規范
js的命名原則以功能的英語單詞為名。例如：廣告條的js文件名為:ad.js
所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi

2.
目錄建立的原則：以最少的層次提供最清晰簡便的訪問結構。
目錄的命名以小寫英文字母，下劃線組成。(參照命名規范)
根目錄一般只存放index.htm以及其他必須的系統文件
每個主要欄目開設一個相應的獨立目錄
根目錄下的images用于存放各頁面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁面使用的私有圖片
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
所有CGI程序存放在根目錄下的cgi-bin目錄
所有CSS文件存放在根目錄下style目錄
每個語言版本存放于獨立的目錄。例如：簡體中文gb
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄

3.
尺寸規范請根據您的實際情況調整：
頁面標準按800*600分辨率制作，推薦尺寸為766*430px
頁面長度原則上不超過3屏，寬度不超過1屏
每個標準頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標準尺寸
每個非首頁靜態頁面含圖片字節不超過60K，全尺寸banner不超過14K

4.
首頁的代碼關鍵在head區，head區是指首頁HTML代碼的<head>和</head>之間的內容。
head區必須加入的標識
公司版權注釋 
網頁顯示字符集例如：
簡體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁體中文：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5">
英語：<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1

5.
網站的CI整體形象包括下面幾個要素

標志(logo)

網站必須有獨立的標志

標志可以以網站中英文名稱設計，也可以采用特別的圖案。原則是簡單易記。

標志必須可以用黑白和彩色分別清晰表現

標志圖片的名稱為"logo_域名.gif"，例如：logo_sina.gif

盡量提供標志的矢量圖片

請盡可能在每個頁面上都使用標志

標準色

網站應該有自己的標準色（主體色）

標準色原則上不超過兩種，如果有兩種，其中一種為標準色，另一種為標準輔助色

標準色應盡量采用216種web安全色之內的色彩