網(wǎng)站設(shè)計技術(shù)規(guī)范(一)
1 命名規(guī)范
文件命名的原則:以最少的字母達到最容易理解的意義。
一般文件及目錄命名規(guī)范:
" 每一個目錄中應(yīng)該包含一個缺省的html 文件,文件名統(tǒng)一用index.htm
" 文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合
" 盡量按單詞的英語翻譯為名稱。例如:feedback(信息反饋),aboutus(關(guān)于我們)
" 多個同類型文件使用英文字母加數(shù)字命名,字母和數(shù)字之間用_分隔。例如:news_01.htm。注意,數(shù)字位數(shù)與文件個數(shù)成正比,不夠的用0補齊。例如共有200條新聞,其中第18條命名為news_018.htm
圖片的命名規(guī)范 :
" 名稱分為頭尾兩兩部分,用下劃線隔開。
" 頭部分表示此圖片的大類性質(zhì)。例如: 放置在頁面頂部的廣告、裝飾圖案等長方形的圖片我們?nèi)∶篵anner ;標志性的圖片我們?nèi)∶麨椋簂ogo
;在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨閎utton ;在頁面上某一個位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶簃enu
;裝飾用的照片我們?nèi)∶簆ic ;不帶鏈接表示標題的圖片我們?nèi)∶簍itle 依照此原則類推。
" 尾部分用來表示圖片的具體含義,用英文字母表示。例如: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的命名原則以功能的英語單詞為名。例如:廣告條的js文件名為:ad.js
" 所有的CGI文件后綴為cgi。所有CGI程序的配置文件為config.cgi
2 目錄結(jié)構(gòu)規(guī)范
目錄建立的原則:以最少的層次提供最清晰簡便的訪問結(jié)構(gòu)。
" 目錄的命名以小寫英文字母,下劃線組成。(參照命名規(guī)范)
" 根目錄一般只存放index.htm以及其他必須的系統(tǒng)文件
" 每個主要欄目開設(shè)一個相應(yīng)的獨立目錄
" 根目錄下的images用于存放各頁面都要使用的公用圖片,子目錄下的images目錄存放本欄目頁面使用的私有圖片
" 所有JS,ASP,PHP等腳本存放在根目錄下的scripts目錄
" 所有CGI程序存放在根目錄下的cgi-bin目錄
" 所有CSS文件存放在根目錄下style目錄
" 每個語言版本存放于獨立的目錄。例如:簡體中文gb
" 所有flash, avi, ram, quicktime 等多媒體文件存放在根目錄下的media目錄
3 尺寸規(guī)范
尺寸規(guī)范請根據(jù)您的實際情況調(diào)整:
" 頁面標準按800*600分辨率制作,推薦尺寸為766*430px
" 頁面長度原則上不超過3屏,寬度不超過1屏
" 每個標準頁面為A4幅面大小,即8.5X11英寸
" 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px,另外120*90,120*60也是小圖標的標準尺寸
" 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K
4 首頁代碼規(guī)范
首頁的代碼關(guān)鍵在head區(qū),head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。
head區(qū)必須加入的標識
" 公司版權(quán)注釋 <!--- The site is designed by yourcompany,Inc 03/2001 --->
" 網(wǎng)頁顯示字符集 例如:
簡體中文:<META HTTP-EQUIV="Content-Type" C>
繁體中文:<META HTTP-EQUIV="Content-Type" C>
英 語:<META HTTP-EQUIV="Content-Type" C>
" 原始制作者信息 <META name="author" cmailto:webmaster@yoursite.com">
webmaster@yoursite.com">
" 網(wǎng)站簡介 <META NAME="DESCRIPTION" C>
" 搜索關(guān)鍵字 <META NAME="keywords" C>
" 網(wǎng)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css">
" 網(wǎng)頁標題 <title>這里是你的網(wǎng)頁標題</title>
head區(qū)可以選擇加入的標識
" 設(shè)定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務(wù)器上重新調(diào)閱。
<META HTTP-EQUIV="expires" C>
" 禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容。
<META HTTP-EQUIV="Pragma" C>
" 用來防止別人在框架里調(diào)用你的頁面。
<META HTTP-EQUIV="Window-target" C>
" 自動跳轉(zhuǎn)。
<META HTTP-EQUIV="Refresh" C>
5指時間停留5秒。
" 網(wǎng)頁搜索機器人向?qū)?用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引。
<META NAME="robots" C>
CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。
" 收藏夾圖標
<link rel = "Shortcut Icon" href="favicon.ico">