歡迎訪(fǎng)問(wèn)世紀網(wǎng)絡(luò )官網(wǎng),寶雞網(wǎng)站建設SEO優(yōu)化已累計服務(wù)超過(guò)900家企業(yè)!     咨詢(xún)熱線(xiàn):13619273150

15年網(wǎng)站建設優(yōu)化經(jīng)驗,900家客戶(hù)的選擇,值得信賴(lài)!


網(wǎng)頁(yè)制作規范

作者:佚名      發(fā)布時(shí)間:2012-01-04      瀏覽:3111

62.9K


01 命名規范

文件命名的原則:以最少的字母達到最容易理解的意義。
一般文件及目錄命名規范:
每一個(gè)目錄中應該包含一個(gè)缺省的html 文件,文件名統一用index.htm
文件名稱(chēng)統一用小寫(xiě)的英文字母、數字和下劃線(xiàn)的組合
盡量按單詞的英語(yǔ)翻譯為名稱(chēng)。例如:feedback(信息反饋),aboutus(關(guān)于我們)
多個(gè)同類(lèi)型文件使用英文字母加數字命名,字母和數字之間用_分隔。例如:news_01.htm。注意,數字位數與文件個(gè)數成正比,不夠的用0補齊。例如共有200條新聞,其中第18條命名為news_018.htm

圖片的命名規范 :
名稱(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

02 目錄結構規范

目錄建立的原則:以最少的層次提供最清晰簡(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目錄


03 尺寸規范

尺寸規范請根據您的實(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

 
04 首頁(yè)代碼規范

首頁(yè)的代碼關(guān)鍵在head區,head區是指首頁(yè)HTML代碼的和之間的內容。
head區必須加入的標識
公司版權注釋
網(wǎng)頁(yè)顯示字符集 例如:
簡(jiǎn)體中文:
繁體中文:
英 語(yǔ):


原始制作者信息 webmaster@yoursite.com">
網(wǎng)站簡(jiǎn)介
搜索關(guān)鍵字
網(wǎng)頁(yè)的css規范
網(wǎng)頁(yè)標題 這里是你的網(wǎng)頁(yè)標題

head區可以選擇加入的標識
設定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新調閱。

禁止瀏覽器從本地機的緩存中調閱頁(yè)面內容。

用來(lái)防止別人在框架里調用你的頁(yè)面。

自動(dòng)跳轉。

5指時(shí)間停留5秒。

網(wǎng)頁(yè)搜索機器人向導.用來(lái)告訴搜索機器人哪些頁(yè)面需要索引,哪些頁(yè)面不需要索引。

CONTENT的參數有all,none,index,noindex,follow,nofollow。默認是all。
收藏夾圖標

JS調用規范
所有的javascript腳本盡量采取外部調用

CSS書(shū)寫(xiě)規范
所有的CSS的盡量采用外部調用
書(shū)寫(xiě)時(shí)重定義的最先,偽類(lèi)其次,自定義最后(其中a:link a:visited a:hover a:actived 要按照順序寫(xiě))便于自己和他人閱讀。

為了保證不同瀏覽器上字號保持一致,字號建議用點(diǎn)數pt和像素px來(lái)定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經(jīng)過(guò)優(yōu)化的字號,黑體字或者宋體字加粗時(shí),一般選用11pt和14.7px 的字號比較合適。

CSS推薦模板。

body標識
為了保證瀏覽器的兼容性,必須設置頁(yè)面背景

05 形象設計規范

網(wǎng)站的CI整體形象包括下面幾個(gè)要素

標志(logo)

網(wǎng)站必須有獨立的標志

標志可以以網(wǎng)站中英文名稱(chēng)設計,也可以采用特別的圖案。原則是簡(jiǎn)單易記。

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

標志圖片的名稱(chēng)為"logo_域名.gif",例如:logo_sina.gif

盡量提供標志的矢量圖片

請盡可能在每個(gè)頁(yè)面上都使用標志

標準色

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

標準色原則上不超過(guò)兩種,如果有兩種,其中一種為標準色,另一種為標準輔助色

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

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

請盡可能使用標準色

標準字體

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

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

必須提供標準字體的名稱(chēng)和字庫

請盡可能使用標準字體

06 內容編輯規范

內容

必須遵守我國《計算機信息網(wǎng)絡(luò )國際 聯(lián)網(wǎng)安全保護管理辦法》的規定

任何單位和個(gè)人不得利用國際聯(lián)網(wǎng)制作、復制、查閱和傳播下列信息:
(一)煽動(dòng)抗拒、破壞憲法和法律、行政法規實(shí)施的;
(二)煽動(dòng)顛覆國家政權,推翻社會(huì )主義制度的;
(三)煽動(dòng)分裂國家、破壞國家統一的;
(四)煽動(dòng)民族仇恨、民族歧視,破壞民族團結的;
(五)捏造或者歪曲事實(shí),散布謠言,擾亂社會(huì )秩序的;
(六)宣揚封建迷信、淫穢、色情、賭博、暴力、兇殺、 恐怖,教唆犯罪的;
(七)公然侮辱他人或者捏造事實(shí)誹謗他人的;
(八)損害國家機關(guān)信譽(yù)的;
(九)其他違反憲法和法律、行政法規的。

轉載必須找到原出處,經(jīng)聯(lián)系后使用

標題

力求簡(jiǎn)短、醒目、新穎、吸引人。

正文

文章的段首空兩格,與傳統格式保持一致

段與段之間空一行可以使文章更清晰易看

杜絕錯字、別字和自造字

簡(jiǎn)體版中不得夾雜繁體字

譯名要按我國規范。例如:singapore統一翻譯"新加坡"不能用"星加坡"

全角數字符號(不含標點(diǎn))應改為半角

 
07 新技術(shù)使用規范

使用新技術(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ù)


08 導航規范

導航要簡(jiǎn)單、清晰,建議不超過(guò)3層的鏈接

用于導航的文字要簡(jiǎn)明扼要,字數限制在一行以?xún)?/SPAN>

首頁(yè),各欄目一級頁(yè)面之間互鏈,各欄目一級和本欄目二級頁(yè)面之間互鏈

超過(guò)三級頁(yè)面,在頁(yè)面頂部設置導航條,標明位置

突出最近更新的信息,可以加上更新時(shí)間或New標識

連續性頁(yè)面應加入上一頁(yè),下一頁(yè)按鈕

超過(guò)一屏的內容,在底部應有g(shù)o top按鈕

超過(guò)三屏的內容,應在頭部設提綱,直接鏈接到文內錨點(diǎn)

09 數據庫使用規范

服務(wù)器上有關(guān)數據庫的一切操作只能由服務(wù)器管理人員進(jìn)行。

程序中訪(fǎng)問(wèn)數據庫時(shí)使用統一的用戶(hù)、統一的連接文件訪(fǎng)問(wèn)數據庫。

原則上每一個(gè)欄目只能建一個(gè)庫,庫名與各欄目的英文名稱(chēng)相一致,庫中再包含若干表。比較大的、重點(diǎn)的欄目可以考慮單獨建庫,庫名與欄目的英文名稱(chēng)相一致。

數據庫、表、字段、索引、視圖等一系列與數據庫相關(guān)的名稱(chēng)必須全部使用與內容相關(guān)的英文單詞命名,對于一個(gè)單詞難以表達的,可以考慮用多個(gè)單詞加下劃線(xiàn)(_)連接(不能超過(guò)四個(gè)單詞)命名。 (參見(jiàn)命名規范)

不再使用的數據庫、表應刪除,在刪除之前必須備份(包括結構和內容)。

寶雞世紀網(wǎng)絡(luò )



0