網頁制(zhì)作(zuò)規範詳情一(yī)覽∏ 。命名規範，文(wén)件(jiàn)命名©的(de)原則：以最少(shǎo)的(de)字母↔÷↑達到(dào)最容易理(lǐ)解的(de)意義©>®☆，一(yī)般文(wén)件(jiàn)及目錄命名規範：
每一(yī)個(gè)目錄中應該包含一(yī)個(gè)缺省±∏§<的(de)html文(wén)件(jiàn)，文(wén)件(jiàn)名統✘₩¶一(yī)用(yòng)index.htm
文(wén)件(jiàn)名稱統一(yī)用(yò"★ng)小(xiǎo)寫的(de)英文(wén™•')字母、數(shù)字和(hé)下(xià)劃線的(de)組合
盡量按單詞的(de)英語翻譯為(wè¶φσ↕i)名稱。例如(rú)：feedback(♠♥£♦信息反饋)，aboutus(關于我們)
多(duō)個(gè)同類型文(wén)件(jiàn)使用(&'>yòng)英文(wén)字母加數(shù)字命名，字母和(hé)數(Ω÷shù)字之間(jiān)用(yòng)_分(fēn→™)隔。例如(rú)：news_01.ht↓♦γ∞m。注意，數(shù)字位數(shù)與→±$文(wén)件(jiàn)個(gè)數(shù)≈¶成正比，不(bù)夠的(de)用(yòng)0補齊。例如(♥±rú)共有(yǒu)200條新聞，其中第18條命名為(w趙€i)news_018.htm
圖片的(de)命名規範：
名稱分(fēn)為(wèi)頭尾兩兩部分(fēn ¥π)，用(yòng)下(xià)劃線隔開(kāi)。
頭部分(fēn)表示此圖片的(de)大(d<εà)類性質。例如(rú)：放(fàng)置在頁面頂部的(de)廣告、裝飾圖案等×≤"長(cháng)方形的(de)圖片我們取名：εφ>banner；标志(zhì)性的(de)圖片我們₩取名為(wèi)：logo；在頁面上(shàng)位置§δ✘不(bù)固定并且帶有(yǒu)鏈接的(de)小(xiǎo)圖片我們取名★Ω為(wèi)button；在頁面上(shàng₹→)某一(yī)個(gè)位置連續出現(xiàn)，性質相(x↔÷₩•iàng)同的(de)鏈接欄目的(de)圖片我們♥♠$取名：menu；裝飾用(yòng)的(d∞ Ωe)照(zhào)片我們取名：pic；不(bφ'±ù)帶鏈接表示标題的(de)圖片我們取名：tiσ™tle依照(zhào)此原則類推。
尾部分(fēn)用(yòng)來(lái)表示圖片的(de)具體(tǐ)ε含義，用(yòng)英文(wén)字母表示。例如(rú)：banner_soΩ♣ φhu.gifbanner_sina.gifmenu_a↓ "&boutus.gifmenu_job.giftitle_news×Ω.giflogo_police.giflogo_n↓♦"•ational.gifpic_people.jpgpic_h•¥ill.jpg.
有(yǒu)onmouse效果的(de)圖片，兩張分(fēn)别在原× ™有(yǒu)文(wén)件(jiàn)名後加"_on♦→•←"和(hé)"_off"≠£δ;命名。
其它文(wén)件(jiàn)命名≥✔₹規範
js的(de)命名原則以功能(néng)的(de)英語單詞為±ε(wèi)名。例如(rú)：廣告條的(de)j™↔ε✘s文(wén)件(jiàn)名為(wèi):ad.js
所有(yǒu)的(de)CGI文(wén)件(jiàn ♦♠)後綴為(wèi)cgi。所有(yǒu)CGI程序的(d σ↔↔e)配置文(wén)件(jiàn)為(wèi)config≤↕.cgi
02目錄結構規範
目錄建立的(de)原則：以最少(shǎoσ>÷")的(de)層次提供最清晰簡便的(de)訪問(wèn)結構。
目錄的(de)命名以小(xiǎo)σ≤ ≠寫英文(wén)字母，下(xià)劃線組成。(參照(zhào±≠♥♠)命名規範)
根目錄一(yī)般隻存放(fàng)index.htm以及&→其他(tā)必須的(de)系統文(wén)件(jiàn)
每個(gè)主要(yào)欄目開(kāi)設一(yī)個♦γ (gè)相(xiàng)應的(de)獨立目錄
根目錄下(xià)的(de)images用(yòng) ≠&于存放(fàng)各頁面都(dōu)要(y>£±♠ào)使用(yòng)的(de)公用(yòng)₩♥€圖片，子(zǐ)目錄下(xià)的(de)im<δ≥γages目錄存放(fàng)本欄目頁面使用(yòng)的(de)私有(yǒ®δu)圖片
所有(yǒu)JS,ASP,PHP等腳本存放(f×ε$≤àng)在根目錄下(xià)的(de)scripts目錄
所有(yǒu)CGI程序存放(fà<π₹ng)在根目錄下(xià)的(de)cgi-bin目錄
所有(yǒu)CSS文(wén)件(jiàn)存放(fàng)在根目錄®↕φ下(xià)style目錄
每個(gè)語言版本存放(fàng)于獨立 קα的(de)目錄。例如(rú)：簡體(tǐ)中文(wén)δ×☆₹gb
所有(yǒu)flash,avi,ram,quicktime等多(§☆↓duō)媒體(tǐ)文(wén)件(jiàn)存放(fàng)在<£©>根目錄下(xià)的(de)media目錄
03尺寸規範
尺寸規範請(qǐng)根據您的(de)實際情況調整：
頁面标準按800*600分(fēn)辨率¶λ←制(zhì)作(zuò)，推薦尺寸為(wèi)76♦↔↔6*430px
頁面長(cháng)度原則上(shàng)不(bù)超過3©φ屏，寬度不(bù)超過1屏
每個(gè)标準頁面為(wèi)A4幅面大(dà≥≥')小(xiǎo)，即8.5X11英寸
全尺寸banner為(wèi)468*60px，半尺寸ban"™₩ner為(wèi)234*60px，小(xiǎo)banner為(wèi) '88*31px，另外(wài)120*90™←，120*60也(yě)是(shì)小(xiǎo)圖标的(de)标™☆準尺寸
每個(gè)非首頁靜(jìng)态頁面含圖片字節不(bù)超過60★&<K，全尺寸banner不(bù)超過14K
04首頁代碼規範
首頁的(de)代碼關鍵在head區(q↔≈≤ū)，head區(qū)是(shì)指首頁Hπ≈TML代碼的(de)<head>和(hé§♠§)</head>之間(jiānα∑≥)的(de)內(nèi)容。
head區(qū)必須加入的(de)标識
公司版權注釋<!---Thesiteisdesigne>≤→↔dbyyourcompany,Inc03/200δ×1--->
網頁顯示字符集例如(rú)：
簡體(tǐ)中文(wén)：<MET♠≤π∑AHTTP-EQUIV="Content-Type"CO$©NTENT="text/html;char♥♥βλset=gb2312">
繁體(tǐ)中文(wén)：<MET≠σ÷AHTTP-EQUIV="Content-Typ→♥✘×e"CONTENT="text/html;charsδ✘≠et=BIG5">
英語：<METAHTTP-EQUIV="Con®♣✘tent-Type"CONTE↑₽∞NT="text/html;charset=i∞↓so-8859-1">
原始制(zhì)作(zuò)者信息<METAn≥♦∑ame="author"content=&qu>✘φot;8967347@qq.com">
網站(zhàn)簡介<METANAME=&quoσ¥×t;DESCRIPTION"CONTENT $="這(zhè)裡(lǐ)填您網站(zhàn)的(de)$×簡介">
搜索關鍵字<METANAME=&q★≠uot;keywords"CONTENT=& ≠₹quot;關鍵字1,關鍵字2,關鍵字3,..✘☆.">
網頁的(de)css規範<LINKhref="style'"/style.css"rel=&'∏quot;stylesheet"typ♣ ₽↑e="text/css">
網頁标題<title>這(zhè)∞↔裡(lǐ)是(shì)你(nǐ)的(de)網頁标題<₹∞≥₽/title>
head區(qū)可(kě)以選擇↔§∞₹加入的(de)标識
設定網頁的(de)到(dào)期時(shí∏♥)間(jiān)。一(yī)旦網頁過期，必須到(dπ✔ào)服務器(qì)上(shàng)重新調閱。
<METAHTTP-EQUIV="expir₽ φes"CONTENT="Wed,26Feb19970φ♥¥8:21:57GMT">
禁止浏覽器(qì)從(cóng)本地(dì)機(jīγ≥)的(de)緩存中調閱頁面內(nèi)容。
<METAHTTP-EQUIV="Pragm"¥★"a"CONTENT="no-cach★¶±e">
用(yòng)來(lái)防止别人(rén)在±Ω→ 框架裡(lǐ)調用(yòng)你(nǐ)的(de)頁面。
<METAHTTP-EQUI ∑V="Window-target&qφ¶ uot;CONTENT="_top♣÷"×">
自(zì)動跳(tiào)轉。
<METAHTTP-EQUIV="Refres≥→©h"CONTENT="5;URL=http://ww↔₽w.68design.net">
5指時(shí)間(jiān)停留5秒(miǎo)。
網頁搜索機(jī)器(qì)人(r₩✔>>én)向導.用(yòng)來(lái)告訴搜索機(jī)器±¥✘(qì)人(rén)哪些(xiē)頁面需要(yào)索引，哪些(xiē)頁面不★ (bù)需要(yào)索引。
<METANAME="♥¶;robots"CONTENT="none" ®®>
CONTENT的(de)參數(shù♠✘δ)有(yǒu)all,none,index,noindex,follow,no¶follow。默認是(shì)all。
收藏夾圖标
<linkrel="ShortcutIcon"∞"¶;href="favicon.ico">
JS調用(yòng)規範
所有(yǒu)的(de)javascript腳本盡量采β✔₹取外(wài)部調用(yòng)
<SCRIPTLANGUAGE="J ↓↑avaScript"SRC="script/xε€xxxx.js"></SCRIPT>
CSS書(shū)寫規範
所有(yǒu)的(de)CSS的(de×™<)盡量采用(yòng)外(wài)部調用(yòng)
<LINKhref="style/style.γ™$∞css"rel="stylesheet&q ₩∏uot;type="text/css&'★δquot;>書(shū)寫時(shí)重定義的(dγ↔e)最先，僞類其次，自(zì)定義最後（其中a:linka:± ∑visiteda:hovera:actived要(yào♠↔₹β)按照(zhào)順序寫）便于自(zì)己和(hé)他(tā♥☆↓")人(rén)閱讀(dú)。
為(wèi)了(le)保證不(bù)同浏覽器(qì)上(shàng)φ₽字号保持一(yī)緻，字号建議(yì)用©↑(yòng)點數(shù)pt和(hé)像素px來(láiγ<)定義，pt一(yī)般使用(yòng)中文(wén)宋體(tǐ)的(d© e)9pt和(hé)11pt，px一(yī)般使用(♠γyòng)中文(wén)宋體(tǐ)12px✔∞<和(hé)14.7px這(zhè)是(shì)經過優化(hu∞£à)的(de)字号，黑(hēi)體(tǐ)字↕或者宋體(tǐ)字加粗時(shí)，一(yī)般選用(yσ®òng)11pt和(hé)14.7px的(de)字号比&≠σ較合适。
CSS推薦模闆。
<styletype="text/css"&★ ←gt;
<!—
p{text-indent:2em;}
body{font-family:&qλ<♥uot;宋體(tǐ)";font-size:9pt;color:≈®#000000;margin-top:0px;margin-£♠right:0px;margin-bott₩¶®om:0px;margin-left:0px}
table{font-family:"宋體(tǐ)&quo®™t;;font-size:9pt;line-height:20p→Ω♣x;color:#000000}
a:link{font-size:9pt;color:∑✔→'#0000FF;text-decoration:none}
a:visited{font-size:9☆★pt;color:#990099;text-decoration:none}§π✔
a:hover{font-size:9pt;color:#"$↓FF9900;text-decoration:none}
a:active{font-size:9pt;col§≤or:#FF9900;text-decoration:none}
a.1:link{font-size:9pt;color:#3366∏✔cc;text-decoration:none}
a.1:visited{font-size:9pt;coφ<≠lor:#3366cc;text-decoration:none}
a.1:hover{font-size:9pt;color:#F±ΩF9900;text-decoration:none}
a.1:active{font-size:9pt;color:#FF99$β00;text-decoration:none}
.blue{font-family:"<®λ↓;宋體(tǐ)";font-size:10.5pt;line-hei±₩γ®ght:20px;color:#0099FF;♦≤>↓letter-spacing:5em}
-->
</style>
body标識
為(wèi)了(le)保證浏覽器(qì)的(deγ♥✔λ)兼容性，必須設置頁面背景<bodybgcolor="¶σλ#FFFFFF">
05形象設計(jì)規範
網站(zhàn)的(de)CI整體(tǐ)形象包括下(ε÷☆xià)面幾個(gè)要(yào)素
标志(zhì)(logo)
網站(zhàn)必須有(yǒu)獨立的(de)标志(zh§↓ì)
标志(zhì)可(kě)以以網站(zhàn)中英文¥☆₹♠(wén)名稱設計(jì)，也(yě)可(kě)以采用(yòng)特别的≥£(de)圖案。原則是(shì)簡單易記。
标志(zhì)必須可(kě)以用(yòng)黑(hēi)白(bái¶©☆ )和(hé)彩色分(fēn)别清晰表現(xiàn)
标志(zhì)圖片的(de)名稱為(wèi)&×≈quot;logo_域名.gif"，例如(rú)：logo_sina•×.gif
盡量提供标志(zhì)的(de)矢量圖片
請(qǐng)盡可(kě)能(néng)→©在每個(gè)頁面上(shàng)都(dō♠×∏u)使用(yòng)标志(zhì)
标準色
網站(zhàn)應該有(yǒu)自(zì)己的(de)标準色（主體(tǐ&§)色）
标準色原則上(shàng)不(bù)超過兩種，如(¶≤✔rú)果有(yǒu)兩種，其中一(yī)種為(wèi)标準色，另一 €β♦(yī)種為(wèi)标準輔助色
标準色應盡量采用(yòng)216種web安全色 ≈∞之內(nèi)的(de)色彩
必須提供标準色确切的(de)RGB和(hé)CY↔MK數(shù)值
請(qǐng)盡可(kě)能(néng)使用(↑€yòng)标準色
标準字體(tǐ)
網站(zhàn)應該定義一(yī)種标準字體(×¥↔Ωtǐ)（指logo上(shàng)，圖片上(shàng)使用γ≠(yòng)的(de)字體(tǐ)）
标準字體(tǐ)原則上(shàng)定義兩種，一(yδ¥±ī)種中文(wén)字體(tǐ)，一(yī)種英文(wén)字♠∏體(tǐ)（不(bù)包括文(wén)本內(nèi)容♥↓©字體(tǐ)）
必須提供标準字體(tǐ)的(de)名稱σ ¥和(hé)字庫
請(qǐng)盡可(kě)能(néng)使π∞<β用(yòng)标準字體(tǐ)
06內(nèi)容編輯規範
內(nèi)容
必須遵守我國(guó)《計(jì)算(suàn)機(jī)信息網絡φ←≤國(guó)際聯網安全保護管理(lǐ)辦法》的(de)規↔∏₩Ω定
任何單位和(hé)個(gè)人(rén)不(bù)得(de)利用(yòπ "βng)國(guó)際聯網制(zhì)作(zuò)、複制(zhì)÷ •、查閱和(hé)傳播下(xià)列信息：
标題
力求簡短(duǎn)、醒目、新穎、吸引人(rén)。
正文(wén)
文(wén)章(zhāng)的(de)段首空(kōng)兩格，與傳統¥™☆格式保持一(yī)緻
段與段之間(jiān)空(kōng)一(yī)行(xíngσ≈)可(kě)以使文(wén)章(zhāng)更清晰易≈★←看(kàn)
杜絕錯(cuò)字、别字和(hé)自(zì)造字
簡體(tǐ)版中不(bù)得(de)夾雜(zá)繁體("Ωδtǐ)字
譯名要(yào)按我國(guó)規範。例如(rú)：sing"γapore統一(yī)翻譯"新加坡"↔∞§;不(bù)能(néng)用(yòng)"星加坡">™ ;
全角數(shù)字符号（不(bù)含标點）應改為(λ♥wèi)半角
07新技(jì)術(shù)使用(yòng)規範
使用(yòng)新技(jì)術(shù∑Ω)原則是(shì)：兼容浏覽器(qì)，保證下(xià)載速度，≤∞照(zhào)顧最多(duō)數(shù)的(de)用(yòng)戶™ε↕>。
cookie用(yòng)于識别、跟蹤和(hé)支∞¶持訪問(wèn)者，通(tōng)過cookie你(nǐ)可(kě)以了(l✔↓e)解用(yòng)戶的(de)訪問(wèn)路(lù)徑，收集和(hé)₩↕←存儲用(yòng)戶的(de)喜好(hǎo)，"ε&★但(dàn)要(yào)考慮到(dào)用(yòng)戶關閉cookie的(d¶≈♥±e)情況處理(lǐ)，非要(yào)用(<•☆yòng)cookie，應提供全面的(de)解決辦法。 "&
Java是(shì)一(yī)種跨平σσ台的(de)面向對(duì)象的(de)編程語言，它在Web中×α的(de)應用(yòng)主要(yào)是(shì)J∞☆avaApplet，但(dàn)是(shì)JavaA→¥ελpplet的(de)下(xià)載速度較慢γ∏β(màn)，謹慎使用(yòng)。
在服務器(qì)端，最好(hǎo)打開(kāi)SSI解析≠♠™Ω，但(dàn)不(bù)要(yào)使用(yòng)過多(§↔φduō)的(de)SSI嵌套。不(bù)能(néng)使用(yòng)SSI£δ時(shí)，可(kě)以用(yòng)includeLi§λ✘brary（包含庫文(wén)件(jiàn)"∞）代替，效果要(yào)差一(yī)些(xiē)
Flash已經是(shì)較普遍的(de)技(jì)術(¶§β¥shù)，推薦使用(yòng)。
新網頁制(zhì)作(zuò)建議(y♣₩♥εì)采用(yòng)XHTML規範，便于未來(l©₹ ái)和(hé)XML接軌。
XML系列技(jì)術(shù)可(kě)以在服務器(qì)端使∑₽$用(yòng)，客戶端暫時(shí)不(bù)推薦使用(←λφπyòng)
非特殊要(yào)求，不(bù)推薦在網頁上(shàng)提供需£≥©要(yào)下(xià)載額外(wài)插件(jiàn$•φ)的(de)多(duō)媒體(tǐ)技(jì)術(¥≤↕shù)
程序語言推薦使用(yòng)PHP，JSP，Javβ♠δεa等跨平台語言，不(bù)推薦CGI,ASP技¥φ(jì)術(shù)
08導航規範
導航要(yào)簡單、清晰，建議(yì)不(bù)超過3層的(®≥→de)鏈接
用(yòng)于導航的(de)文(wén)字要(y λ♦σào)簡明(míng)扼要(yào)，字數(shù)限制(zhì)在一(yī)∞&行(xíng)以內(nèi)
首頁，各欄目一(yī)級頁面之間(jiān)互鏈，各欄目一(yī)級和α¥(hé)本欄目二級頁面之間(jiān)互≠<鏈
超過三級頁面，在頁面頂部設置導航條，标明γ×↕(míng)位置
突出最近(jìn)更新的(de)信息，可(kě)以加上(∑ shàng)更新時(shí)間(jiān)或New标識
連續性頁面應加入上(shàng)一(yī)頁，下(xià)一(• yī)頁按鈕
超過一(yī)屏的(de)內(nèi)容，在底部應有(yǒu)ε¶gotop按鈕
超過三屏的(de)內(nèi)容，應在頭部設提綱，直接鏈接到(✔λεdào)文(wén)內(nèi)錨點
09數(shù)據庫使用(yòng)規範
服務器(qì)上(shàng)有(yǒu)"←關數(shù)據庫的(de)一(yī)切操作(zuò)隻能(néng)由服 ≈務器(qì)管理(lǐ)人(rén)員(yuán)進$₽行(xíng)。
程序中訪問(wèn)數(shù)據庫時(shí)使用(yòng)統一(y™ ī)的(de)用(yòng)戶、統一(yī)的(de)連接≤§<¥文(wén)件(jiàn)訪問(wèn)數(shù)據&∑庫。
原則上(shàng)每一(yī)個(gè)欄目隻能★γ≥(néng)建一(yī)個(gè)庫，庫名與各欄目的(de)英文(wé¶σn)名稱相(xiàng)一(yī)緻，庫中再'♦α包含若幹表。比較大(dà)的(de)、重點的(de)欄目可(kě)λ¥Ω以考慮單獨建庫，庫名與欄目的(de)英文(wén)名稱相(xià ↑€ng)一(yī)緻。
數(shù)據庫、表、字段、索引、視(shì)圖等一( ↕↕yī)系列與數(shù)據庫相(xiàng)關的(de↓₽©δ)名稱必須全部使用(yòng)與內(nèi)容相(xià✘≈↓ng)關的(de)英文(wén)單詞命名，對(duì)于一(yī)個(gè)™✔單詞難以表達的(de)，可(kě)以考慮用(yòng)多(duō)個(×¥☆gè)單詞加下(xià)劃線（_）連接（不(bù)能(néng§☆® )超過四個(gè)單詞）命名。(參見(jiàn)命名規範)
不(bù)再使用(yòng)的(de)數(shù)據庫、&±®÷表應删除，在删除之前必須備份（包括結構和(hα±∏←é)內(nèi)容）。
