- 相關(guān)推薦
如何制作規范的網(wǎng)頁(yè)
導語(yǔ);什么是好的設計規范——團隊成員能高效地制作出既滿(mǎn)足業(yè)務(wù)需求，又能讓用戶(hù)輕易完成目標的產(chǎn)品。那么如何制作規范的網(wǎng)頁(yè)呢?一起來(lái)學(xué)習下吧：
1、文件命名的原則：以最少的字母達到最容易理解的意義。
一般文件及目錄命名規范：
每一個(gè)目錄中應該包含一個(gè)缺省的html 文件，文件名統一用index、htm
文件名稱(chēng)統一用小寫(xiě)的英文字母、數字和下劃線(xiàn)的組合
盡量按單詞的英語(yǔ)翻譯為名稱(chēng)。例如：feedback(信息反饋)，aboutus(關(guān)于我們)
圖片的命名規范 ：
名稱(chēng)分為頭尾兩兩部分，用下劃線(xiàn)隔開(kāi)。
頭部分表示此圖片的大類(lèi)性質(zhì)。例如： 放置在頁(yè)面頂部的廣告、裝飾圖案等長(cháng)方形的圖片我們取名：banner ;標志性的圖片我們取名為：logo ;在頁(yè)面上位置不固定并且帶有鏈接的小圖片我們取名為button ;在頁(yè)面上某一個(gè)位置連續出現，性質(zhì)相同的鏈接欄目的圖片我們取名：menu ;裝飾用的照片我們取名：pic ;不帶鏈接表示標題的圖片我們取名：title 依照此原則類(lèi)推。
尾部分用來(lái)表示圖片的具體含義，用英文字母表示。例如：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的命名原則以功能的英語(yǔ)單詞為名。例如：廣告條的js文件名為:ad、js
所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config、cgi
2、目錄建立的原則：以最少的層次提供最清晰簡(jiǎn)便的訪(fǎng)問(wèn)結構。
目錄的命名以小寫(xiě)英文字母，下劃線(xiàn)組成。(參照命名規范)
根目錄一般只存放index、htm以及其他必須的系統文件
每個(gè)主要欄目開(kāi)設一個(gè)相應的獨立目錄
根目錄下的images用于存放各頁(yè)面都要使用的公用圖片，子目錄下的images目錄存放本欄目頁(yè)面使用的私有圖片
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
所有CGI程序存放在根目錄下的cgi-bin目錄
所有CSS文件存放在根目錄下style目錄
每個(gè)語(yǔ)言版本存放于獨立的目錄。例如：簡(jiǎn)體中文gb
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄
3、尺寸規范請根據您的實(shí)際情況調整：
頁(yè)面標準按800*600分辨率制作，推薦尺寸為766*430px
頁(yè)面長(cháng)度原則上不超過(guò)3屏，寬度不超過(guò)1屏
每個(gè)標準頁(yè)面為A4幅面大小，即8、5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px，另外120*90，120*60也是小圖標的標準尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節不超過(guò)60K，全尺寸banner不超過(guò)14K
4、首頁(yè)的代碼關(guān)鍵在head區，head區是指首頁(yè)HTML代碼的和之間的內容。
head區必須加入的標識
公司版權注釋
網(wǎng)頁(yè)顯示字符集 例如：
簡(jiǎn)體中文：
繁體中文：
英 語(yǔ)：
盡量提供標志的矢量圖片
請盡可能在每個(gè)頁(yè)面上都使用標志
標準色
網(wǎng)站應該有自己的標準色(主體色)
標準色原則上不超過(guò)兩種，如果有兩種，其中一種為標準色，另一種為標準輔助色
標準色應盡量采用216種web安全色之內的色彩
必須提供標準色確切的RGB和CYMK數值
請盡可能使用標準色
標準字體
網(wǎng)站應該定義一種標準字體(指logo上，圖片上使用的字體)
標準字體原則上定義兩種，一種中文字體，一種英文字體 (不包括文本內容字體)
必須提供標準字體的名稱(chēng)和字庫
請盡可能使用標準字體
5、使用新技術(shù)原則是：兼容瀏覽器，保證下載 速度，照顧最多數的用戶(hù)。
cookie用于識別、跟蹤和支持訪(fǎng)問(wèn)者，通過(guò)cookie你可以了解用戶(hù)的訪(fǎng)問(wèn)路徑，收集和存儲用戶(hù)的喜好，但要考慮到用戶(hù)關(guān)閉cookie的情況處理，非要用cookie，應提供全面的解決辦法。
Java是一種跨平臺的面向對象的編程語(yǔ)言，它在Web中的應用主要是Java Applet，但是Java Applet的下載 速度較慢，謹慎使用。
在服務(wù)器端，最好打開(kāi)SSI解析，但不要使用過(guò)多的SSI嵌套。不能使用SSI時(shí)，可以用include Library(包含庫文件)代替，效果要差一些
Flash已經(jīng)是較普遍的技術(shù)，推薦使用。
新網(wǎng)頁(yè)制作建議采用XHTML規范，便于未來(lái)和XML接軌。
XML系列技術(shù)可以在服務(wù)器端使用，客戶(hù)端暫時(shí)不推薦使用
非特殊要求，不推薦在網(wǎng)頁(yè)上提供需要下載額外插件的多媒體技術(shù)
程序語(yǔ)言推薦使用PHP，JSP，Java等跨平臺語(yǔ)言，不推薦CGI,ASP技術(shù)。
【如何制作規范的網(wǎng)頁(yè)】相關(guān)文章：
如何制作自己的網(wǎng)頁(yè)08-20
如何制作網(wǎng)頁(yè)設計09-17
Dreamweaver如何制作網(wǎng)頁(yè)08-13
Dreamweaver如何制作網(wǎng)頁(yè)模板07-22
Dreamweaver如何制作網(wǎng)頁(yè)設計07-02