網頁制(zhì)作(zuò)規範詳情一(≈¶♦yī)覽

　　網頁制(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)h↔¶♣£tml文(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ú)：feed∑∏©<back(信息反饋)，aboutus(關©¥于我們)

　　多(duō)個(gè)同類型文(wén)件(jiàn)使用(yòng)英 €文(wén)字母加數(shù)字命名，字母和(hé)§‍數(shù)字之間(jiān)用(yòng)_分(fēn↑§)隔。例如(rú)：news_01.htm。注意，數(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)置在頁面頂部的(d≤₽∑e)廣告、裝飾圖案等長(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)，性質←λ∞∏相(xiàng)同的(de)鏈接欄目的(de)圖片我們取名：m¶↔γenu；裝飾用(yòng)的(de)照(zhào)片我們取名：pic；™‍♣£不(bù)帶鏈接表示标題的(de)圖片我們取名：title依照(zh↑→λ♦ào)此原則類推。

　　尾部分(fēn)用(yòng)來(lái)表示圖片的(de)具<₽體(tǐ)含義，用(yòng)英文(wén¥ )字母表示。例如(rú)：banner_sohu.gifbaφ↕₹≈nner_sina.gifmenu_abou≈₹£‍tus.gifmenu_job.giftitle_n<'"ews.giflogo_police.giflogo_national.÷×‍​gifpic_people.jpgpic_hill.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程序的(de)配置文(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)images目±λα錄存放(fàng)本欄目頁面使用(yòng)的(de)私有(yǒu)圖♣ε 片

　　所有(yǒu)JS,ASP,PHP等腳本存放✘&(fàng)在根目錄下(xià)的(de)scr€'₩♠ipts目錄

　　所有(yǒu)CGI程序存放(fàng)在根目錄下(xià)的(de)c←↑∑∑gi-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,q☆≠✔uicktime等多(duō)媒體(tǐ)文(wén)件(j‍£×£iàn)存放(fàng)在根目錄下(xi•"×à)的(de)media目錄

　　03尺寸規範

　　尺寸規範請(qǐng)根據您的(deσ")實際情況調整：

　　頁面标準按800*600分(fēn)辨¶±率制(zhì)作(zuò)，推薦尺寸為(wèi∞✘)766*430px

　　頁面長(cháng)度原則上(shàng)不(bù)超過3屏，↓€" 寬度不(bù)超過1屏

　　每個(gè)标準頁面為(wèi)A4幅‌≥"ε面大(dà)小(xiǎo)，即8.5X11英寸

　　全尺寸banner為(wèi)468*60px，半尺寸banne↓¥☆r為(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ù)超過60K，全尺寸banner不(bù₩≤×☆)超過14K

　　04首頁代碼規範

　　首頁的(de)代碼關鍵在head區(qū)，head區¥ (qū)是(shì)指首頁HTML代碼的(de)和(hé)之間(jiān)的(de)內(nèi)容。

　　head區(qū)必須加入的(de)标識

　　公司版權注釋

　　網頁顯示字符集例如(rú)：

　　簡體(tǐ)中文(wén)：

　　繁體(tǐ)中文(wén)：

　　英語：

　　原始制(zhì)作(zuò)者信息

　　網站(zhàn)簡介

　　搜索關鍵字

　　網頁的(de)css規範

　　網頁标題

　　head區(qū)可(kě)以選擇加入的(de)标識α &♠

　　設定網頁的(de)到(dào)期時(shí)間(jiān)。一(yī)旦≠λ←網頁過期，必須到(dào)服務器(qì)上(shà★×&¥ng)重新調閱。

　　

　　禁止浏覽器(qì)從(cóng)本地(d•→ì)機(jī)的(de)緩存中調閱頁面內(nèi)容。

　　

　　用(yòng)來(lái)防止别人(rén)在框架裡(lǐ)調"≈§用(yòng)你(nǐ)的(de)頁面。

　　

　　自(zì)動跳(tiào)轉。

　　

　　5指時(shí)間(jiān)停留5秒(miǎo)。

　　網頁搜索機(jī)器(qì)人(rén)向導.用(yònπαg)來(lái)告訴搜索機(jī)器(qì)人(rén™★∏)哪些(xiē)頁面需要(yào)索引，哪些(xiē)頁面不(bù)需要(÷"yào)索引。

　　

　　CONTENT的(de)參數(shù)有(yǒu)all,n$λ♥↓one,index,noindex,follow,nofollow。默認是(♥∞✔>shì)all。

　　收藏夾圖标

　　

　　JS調用(yòng)規範

　　所有(yǒu)的(de)javascript腳本盡Ω>♠>量采取外(wài)部調用(yòng)

　　

　　CSS書(shū)寫規範

　　所有(yǒu)的(de)CSS的(de)盡÷ 量采用(yòng)外(wài)部調用(yòng)€♣§

　　書(shū)寫時(shí)重定義的(de)最先，僞類其次，自(zì)定義最✘‌ ¥後（其中a:linka:visiteda:hovera:act♠ε€​ived要(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ǐ)的(de)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推薦模闆。

　　

　　

　　p{text-indent:2em;}$↔

　　body{font-family:"宋體(tǐ↑'•®)";font-size:9pt;color:#000000;ma‍γrgin-top:0px;margin-right:0px;margin-bo↑₹γttom:0px;margin-left:0px}

　　table{font-family:"宋體(tǐ)";font-size₩₩:9pt;line-height:20px;color:#000§π000}

　　a:link{font-size:9pt;color:#0000FF↔♠♠ ;text-decoration:none}

　　a:visited{font-size:9pt;colo♣≥r:#990099;text-decoration:none}

　　a:hover{font-size:9pt;color↓•':#FF9900;text-decorati↕÷βon:none}

　　a:active{font-size:9pt;color:#FF99α©00;text-decoration:none}

　　a.1:link{font-size:9pt;color:#3366c"δc;text-decoration:none}

　　a.1:visited{font-size:9pt;color:#£♥3366cc;text-decoration≠£♦:none}

　　a.1:hover{font-size:9pt;cπ±olor:#FF9900;text-decoration: ≥§πnone}

　　a.1:active{font-size:9pt;color:#φσFF9900;text-decoration:none}

　　.blue{font-family:"宋體π↔(tǐ)";font-size:10.5pεε↕ t;line-height:20px;color:♣λ#0099FF;letter-spacing:5em}

　　-->

　　

　　body标識

　　為(wèi)了(le)保證浏覽器(qì)↓≈​的(de)兼容性，必須設置頁面背景

　　05形象設計(jì)規範

　　網站(zhàn)的(de)CI整體(tǐ)形象包括下(xià)☆♣α面幾個(gè)要(yào)素

　　标志(zhì)(logo)

　　網站(zhàn)必須有(yǒu)獨立的(de)标志(z≠©hì)

　　标志(zhì)可(kě)以以網站(zhàn)中英文(wé≠≥n)名稱設計(jì)，也(yě)可(kě)以采用(yònδ g)特别的(de)圖案。原則是(shì)簡單易記。

　　标志(zhì)必須可(kě)以用(£♠πyòng)黑(hēi)白(bái)和(hé)彩色分₹¶§♣(fēn)别清晰表現(xiàn)

　　标志(zhì)圖片的(de)名稱為(wèi)"logo_域名.g≥♥π"if"，例如(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é)CYM¶π♥←K數(shù)值

　　請(qǐng)盡可(kě)能(néngλ♣λ)使用(yòng)标準色

　　标準字體(tǐ)

　　網站(zhàn)應該定義一(yī)種标準字體(tǐ)（指l₹ ✔ogo上(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é)傳播下(x£ παià)列信息：

　　标題

　　力求簡短(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ú)：¥εsingapore統一(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ě)以了(le)解用(yòng)戶的(de)訪問(wα èn)路(lù)徑，收集和(hé)存儲用≤δ✘(yòng)戶的(de)喜好(hǎo)，但(dàn)要(yào)考∞✘¥ 慮到(dào)用(yòng)戶關閉cookie的(de)情況處理(lǐ)≠>∏，非要(yào)用(yòng)cookie，應提供全面的(de)解決₩‌₹辦法。

　　Java是(shì)一(yī)種跨平台的☆γ∑$(de)面向對(duì)象的(de)編程語言，它在Web β→中的(de)應用(yòng)主要(yào→ )是(shì)JavaApplet，但(dàn)是(®δshì)JavaApplet的(de)下(xià)載速度較慢(≈λδmàn)，謹慎使用(yòng)。

　　在服務器(qì)端，最好(hǎo)打開(kāi)SSI解析，但(dà®​©n)不(bù)要(yào)使用(yòng)過多(duō)的(de)Sφδ±SI嵌套。不(bù)能(néng)使用(yòng)SSI時(§®≤®shí)，可(kě)以用(yòng)includ≠ eLibrary（包含庫文(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òn‌≥δg)

　　非特殊要(yào)求，不(bù)推Ωε₽Ω薦在網頁上(shàng)提供需要(yàoδ€↔γ)下(xià)載額外(wài)插件(jiàn)的(de)ε✔>多(duō)媒體(tǐ)技(jì)術(shù)

　　程序語言推薦使用(yòng)PHP，JSP，Java等跨平台語言，不(b  ←ù)推薦CGI,ASP技(jì)術(shù)

　　08導航規範

　　導航要(yào)簡單、清晰，建議(yì)不(€πbù)超過3層的(de)鏈接

　　用(yòng)于導航的(de)文(wén)字要(yào)簡明(mín↓‍✘g)扼要(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)關數(s&♠hù)據庫的(de)一(yī)切操作(zuò)隻能(néng)由服務器±★(qì)管理(lǐ)人(rén)員(yuán)進行(xín←✘♠¶g)。

　　程序中訪問(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àn£→g)一(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)容）。