技術(shù)資訊
推薦網(wǎng)頁(yè)制作規(guī)范
2008-03-08 08:49:00
01 命名規(guī)范
文件命名的原則:以最少的字母達(dá)到最容易理解的意義。
一般文件及目錄命名規(guī)范:
每一個(gè)目錄中應(yīng)該包含一個(gè)缺省的html 文件,文件名統(tǒng)一用index.htm
文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合
盡量按單詞的英語(yǔ)翻譯為名稱。例如:feedback(信息反饋),aboutus(關(guān)于我們)
多個(gè)同類型文件使用英文字母加數(shù)字命名,字母和數(shù)字之間用_分隔。例如:news_01.htm。注意,數(shù)字位數(shù)與文件個(gè)數(shù)成正比,不夠的用0補(bǔ)齊。例如共有200條新聞,其中第18條命名為news_018.htm
圖片的命名規(guī)范 :
名稱分為頭尾兩兩部分,用下劃線隔開。
頭部分表示此圖片的大類性質(zhì)。例如: 放置在頁(yè)面頂部的廣告、裝飾圖案等長(zhǎng)方形的圖片我們?nèi)∶篵anner ;標(biāo)志性的圖片我們?nèi)∶麨椋簂ogo ;在頁(yè)面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ;在頁(yè)面上某一個(gè)位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶簃enu ;裝飾用的照片我們?nèi)∶簆ic ;不帶鏈接表示標(biāo)題的圖片我們?nèi)∶簍itle 依照此原則類推。
尾部分用來(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"命名。
其它文件命名規(guī)范
js的命名原則以功能的英語(yǔ)單詞為名。例如:廣告條的js文件名為:ad.js
所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi
02 目錄結(jié)構(gòu)規(guī)范
目錄建立的原則:以最少的層次提供最清晰簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)。
目錄的命名以小寫英文字母,下劃線組成。(參照命名規(guī)范)
根目錄一般只存放index.htm以及其他必須的系統(tǒng)文件
每個(gè)主要欄目開設(shè)一個(gè)相應(yīng)的獨(dú)立目錄
根目錄下的images用于存放各頁(yè)面都要使用的公用圖片,子目錄下的images目錄存放本欄目頁(yè)面使用的私有圖片
所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
所有CGI程序存放在根目錄下的cgi-bin目錄
所有CSS文件存放在根目錄下style目錄
每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄。例如:簡(jiǎn)體中文gb
所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄
03 尺寸規(guī)范
尺寸規(guī)范請(qǐng)根據(jù)您的實(shí)際情況調(diào)整:
頁(yè)面標(biāo)準(zhǔn)按800*600分辨率制作,推薦尺寸為766*430px
頁(yè)面長(zhǎng)度原則上不超過(guò)3屏,寬度不超過(guò)1屏
每個(gè)標(biāo)準(zhǔn)頁(yè)面為A4幅面大小,即8.5X11英寸
全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px,另外120*90,120*60也是小圖標(biāo)的標(biāo)準(zhǔn)尺寸
每個(gè)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)60K,全尺寸banner不超過(guò)14K
04 首頁(yè)代碼規(guī)范
首頁(yè)的代碼關(guān)鍵在head區(qū),head區(qū)是指首頁(yè)HTML代碼的和之間的內(nèi)容。
head區(qū)必須加入的標(biāo)識(shí)
公司版權(quán)注釋
網(wǎng)頁(yè)顯示字符集 例如:
簡(jiǎn)體中文:
繁體中文:
英 語(yǔ):
原始制作者信息
搜索關(guān)鍵字
網(wǎng)頁(yè)的css規(guī)范
網(wǎng)頁(yè)標(biāo)題
head區(qū)可以選擇加入的標(biāo)識(shí)
設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期,必須到服務(wù)器上重新調(diào)閱。
禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。
用來(lái)防止別人在框架里調(diào)用你的頁(yè)面。
自動(dòng)跳轉(zhuǎn)。
網(wǎng)頁(yè)搜索機(jī)器人向?qū)?用來(lái)告訴搜索機(jī)器人哪些頁(yè)面需要索引,哪些頁(yè)面不需要索引。
CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。
收藏夾圖標(biāo)
JS調(diào)用規(guī)范
所有的javascript腳本盡量采取外部調(diào)用
CSS書寫規(guī)范
所有的CSS的盡量采用外部調(diào)用
書寫時(shí)重定義的最先,偽類其次,自定義最后(其中a:link a:visited a:hover a:actived 要按照順序?qū)懀┍阌谧约汉退碎喿x。
為了保證不同瀏覽器上字號(hào)保持一致,字號(hào)建議用點(diǎn)數(shù)pt和像素px來(lái)定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經(jīng)過(guò)優(yōu)化的字號(hào),黑體字或者宋體字加粗時(shí),一般選用11pt和14.7px 的字號(hào)比較合適。
CSS推薦模板。
body標(biāo)識(shí)
為了保證瀏覽器的兼容性,必須設(shè)置頁(yè)面背景
05 形象設(shè)計(jì)規(guī)范
網(wǎng)站的CI整體形象包括下面幾個(gè)要素
標(biāo)志(logo)
網(wǎng)站必須有獨(dú)立的標(biāo)志
標(biāo)志可以以網(wǎng)站中英文名稱設(shè)計(jì),也可以采用特別的圖案。原則是簡(jiǎn)單易記。
標(biāo)志必須可以用黑白和彩色分別清晰表現(xiàn)
標(biāo)志圖片的名稱為"logo_域名.gif",例如:logo_sina.gif
盡量提供標(biāo)志的矢量圖片
請(qǐng)盡可能在每個(gè)頁(yè)面上都使用標(biāo)志
標(biāo)準(zhǔn)色
網(wǎng)站應(yīng)該有自己的標(biāo)準(zhǔn)色(主體色)
標(biāo)準(zhǔn)色原則上不超過(guò)兩種,如果有兩種,其中一種為標(biāo)準(zhǔn)色,另一種為標(biāo)準(zhǔn)輔助色
標(biāo)準(zhǔn)色應(yīng)盡量采用216種web安全色之內(nèi)的色彩
必須提供標(biāo)準(zhǔn)色確切的RGB和CYMK數(shù)值
請(qǐng)盡可能使用標(biāo)準(zhǔn)色
標(biāo)準(zhǔn)字體
網(wǎng)站應(yīng)該定義一種標(biāo)準(zhǔn)字體(指logo上,圖片上使用的字體)
標(biāo)準(zhǔn)字體原則上定義兩種,一種中文字體,一種英文字體 (不包括文本內(nèi)容字體)
必須提供標(biāo)準(zhǔn)字體的名稱和字庫(kù)
請(qǐng)盡可能使用標(biāo)準(zhǔn)字體
06 內(nèi)容編輯規(guī)范
內(nèi)容
必須遵守我國(guó)《計(jì)算機(jī)信息網(wǎng)絡(luò)國(guó)際 聯(lián)網(wǎng)安全保護(hù)管理辦法》的規(guī)定
任何單位和個(gè)人不得利用國(guó)際聯(lián)網(wǎng)制作、復(fù)制、查閱和傳播下列信息:
(一)煽動(dòng)抗拒、破壞憲法和法律、行政法規(guī)實(shí)施的;
(二)煽動(dòng)顛覆國(guó)家政權(quán),推翻社會(huì)主義制度的;
(三)煽動(dòng)分裂國(guó)家、破壞國(guó)家統(tǒng)一的;
(四)煽動(dòng)民族仇恨、民族歧視,破壞民族團(tuán)結(jié)的;
(五)捏造或者歪曲事實(shí),散布謠言,擾亂社會(huì)秩序的;
(六)宣揚(yáng)封建迷信、淫穢、色情、賭博、暴力、兇殺、 恐怖,教唆犯罪的;
(七)公然侮辱他人或者捏造事實(shí)誹謗他人的;
(八)損害國(guó)家機(jī)關(guān)信譽(yù)的;
(九)其他違反憲法和法律、行政法規(guī)的。
轉(zhuǎn)載必須找到原出處,經(jīng)聯(lián)系后使用
標(biāo)題
力求簡(jiǎn)短、醒目、新穎、吸引人。
正文
文章的段首空兩格,與傳統(tǒng)格式保持一致
段與段之間空一行可以使文章更清晰易看
杜絕錯(cuò)字、別字和自造字
簡(jiǎn)體版中不得夾雜繁體字
譯名要按我國(guó)規(guī)范。例如:singapore統(tǒng)一翻譯"新加坡"不能用"星加坡"
全角數(shù)字符號(hào)(不含標(biāo)點(diǎn))應(yīng)改為半角
07 新技術(shù)使用規(guī)范
使用新技術(shù)原則是:兼容瀏覽器,保證下載速度,照顧最多數(shù)的用戶。
cookie用于識(shí)別、跟蹤和支持訪問(wèn)者,通過(guò)cookie你可以了解用戶的訪問(wèn)路徑,收集和存儲(chǔ)用戶的喜好,但要考慮到用戶關(guān)閉cookie的情況處理,非要用cookie,應(yīng)提供全面的解決辦法。
Java是一種跨平臺(tái)的面向?qū)ο蟮木幊陶Z(yǔ)言,它在Web中的應(yīng)用主要是Java Applet,但是Java Applet的下載速度較慢,謹(jǐn)慎使用。
在服務(wù)器端,最好打開SSI解析,但不要使用過(guò)多的SSI嵌套。不能使用SSI時(shí),可以用include Library(包含庫(kù)文件)代替,效果要差一些
Flash已經(jīng)是較普遍的技術(shù),推薦使用。
新網(wǎng)頁(yè)制作建議采用XHTML規(guī)范,便于未來(lái)和XML接軌。
XML系列技術(shù)可以在服務(wù)器端使用,客戶端暫時(shí)不推薦使用
非特殊要求,不推薦在網(wǎng)頁(yè)上提供需要下載額外插件的多媒體技術(shù)
程序語(yǔ)言推薦使用PHP,JSP,Java等跨平臺(tái)語(yǔ)言,不推薦CGI,ASP技術(shù)
08 導(dǎo)航規(guī)范
導(dǎo)航要簡(jiǎn)單、清晰,建議不超過(guò)3層的鏈接
用于導(dǎo)航的文字要簡(jiǎn)明扼要,字?jǐn)?shù)限制在一行以內(nèi)
首頁(yè),各欄目一級(jí)頁(yè)面之間互鏈,各欄目一級(jí)和本欄目二級(jí)頁(yè)面之間互鏈
超過(guò)三級(jí)頁(yè)面,在頁(yè)面頂部設(shè)置導(dǎo)航條,標(biāo)明位置
突出最近更新的信息,可以加上更新時(shí)間或New標(biāo)識(shí)
連續(xù)性頁(yè)面應(yīng)加入上一頁(yè),下一頁(yè)按鈕
超過(guò)一屏的內(nèi)容,在底部應(yīng)有g(shù)o top按鈕
超過(guò)三屏的內(nèi)容,應(yīng)在頭部設(shè)提綱,直接鏈接到文內(nèi)錨點(diǎn)
09 數(shù)據(jù)庫(kù)使用規(guī)范
服務(wù)器上有關(guān)數(shù)據(jù)庫(kù)的一切操作只能由服務(wù)器管理人員進(jìn)行。
程序中訪問(wèn)數(shù)據(jù)庫(kù)時(shí)使用統(tǒng)一的用戶、統(tǒng)一的連接文件訪問(wèn)數(shù)據(jù)庫(kù)。
原則上每一個(gè)欄目只能建一個(gè)庫(kù),庫(kù)名與各欄目的英文名稱相一致,庫(kù)中再包含若干表。比較大的、重點(diǎn)的欄目可以考慮單獨(dú)建庫(kù),庫(kù)名與欄目的英文名稱相一致。
數(shù)據(jù)庫(kù)、表、字段、索引、視圖等一系列與數(shù)據(jù)庫(kù)相關(guān)的名稱必須全部使用與內(nèi)容相關(guān)的英文單詞命名,對(duì)于一個(gè)單詞難以表達(dá)的,可以考慮用多個(gè)單詞加下劃線(_)連接(不能超過(guò)四個(gè)單詞)命名。 (參見命名規(guī)范)
不再使用的數(shù)據(jù)庫(kù)、表應(yīng)刪除,在刪除之前必須備份(包括結(jié)構(gòu)和內(nèi)容)。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁(yè)面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢(shì)?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2014-10-23 09:00:58] 網(wǎng)頁(yè)制作與策劃的關(guān)鍵所在
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島輪胎網(wǎng)站設(shè)計(jì)公司 青島SEO 營(yíng)銷型網(wǎng)站建設(shè) 青島網(wǎng)站建設(shè)公司哪家好 微信營(yíng)銷的優(yōu)勢(shì) 如何做網(wǎng)站優(yōu)化 平面設(shè)計(jì) 青島輪胎網(wǎng)站設(shè)計(jì) 網(wǎng)站設(shè)計(jì)趨勢(shì) H5 插畫 青島網(wǎng)站建設(shè) 網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè) 良好的導(dǎo)航 版面布局 青島開發(fā)區(qū)建站公司 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站視覺 HTML5 高端輪胎網(wǎng)站設(shè)計(jì) 青島flash網(wǎng)站 網(wǎng)站優(yōu)化 空白和簡(jiǎn)潔的設(shè)計(jì) 網(wǎng)站動(dòng)畫 外貿(mào)網(wǎng)站建設(shè) 網(wǎng)站SEO 網(wǎng)站改版 集團(tuán)官網(wǎng) 集團(tuán)公司網(wǎng)站建設(shè) SEO優(yōu)化