如何制作規范的網頁

如何制作規范的網頁

　　導語;什么是好的設計規范——團隊成員能高效地制作出既滿足業務需求，又能讓用戶輕易完成目標的產品。那么如何制作規范的網頁呢?一起來學習下吧：

　　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區必須加入的標識

　　公司版權注釋

　　網頁顯示字符集 例如：

　　簡體中文：

　　繁體中文：

　　英 語：

　　盡量提供標志的矢量圖片

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

　　標準色

　　網站應該有自己的標準色(主體色)

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

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

　　必須提供標準色確切的RGB和CYMK數值

　　請盡可能使用標準色

　　標準字體

　　網站應該定義一種標準字體(指logo上，圖片上使用的字體)

　　標準字體原則上定義兩種，一種中文字體，一種英文字體 (不包括文本內容字體)

　　必須提供標準字體的名稱和字庫

　　請盡可能使用標準字體

　　5、使用新技術原則是：兼容瀏覽器，保證下載 速度，照顧最多數的用戶。

　　cookie用于識別、跟蹤和支持訪問者，通過cookie你可以了解用戶的訪問路徑，收集和存儲用戶的喜好，但要考慮到用戶關閉cookie的情況處理，非要用cookie，應提供全面的解決辦法。

　　Java是一種跨平臺的面向對象的編程語言，它在Web中的應用主要是Java Applet，但是Java Applet的下載 速度較慢，謹慎使用。

　　在服務器端，最好打開SSI解析，但不要使用過多的SSI嵌套。不能使用SSI時，可以用include Library(包含庫文件)代替，效果要差一些

　　Flash已經是較普遍的技術，推薦使用。

　　新網頁制作建議采用XHTML規范，便于未來和XML接軌。

　　XML系列技術可以在服務器端使用，客戶端暫時不推薦使用

　　非特殊要求，不推薦在網頁上提供需要下載額外插件的多媒體技術

　　程序語言推薦使用PHP，JSP，Java等跨平臺語言，不推薦CGI,ASP技術。

【如何制作規范的網頁】相關文章：

如何制作自己的網頁08-20

如何制作網頁設計09-17

Dreamweaver如何制作網頁08-13

Dreamweaver如何制作網頁模板07-22

Dreamweaver如何制作網頁設計07-02

如何設計制作自適應網頁10-24

如何用Dreamweaver制作網頁模板08-15

如何制作自適應網頁設計10-15

如何設計制作自適應網頁11-05