全國(guó)業(yè)務(wù)咨詢熱線

15905495358

《網(wǎng)站建設(shè)目錄規(guī)范試行》（以下簡(jiǎn)稱《規(guī)范》）目的是從整體上規(guī)范網(wǎng)站建設(shè)過程中的統(tǒng)一性和可擴(kuò)展性，方便于團(tuán)隊(duì)中更好的協(xié)作及設(shè)計(jì)者以后的維護(hù)。請(qǐng)注意《規(guī)范》中的用詞，以確定哪些是“必須”哪些是“參考”。

此《規(guī)范》為試行版，內(nèi)容在不斷完善更新中。如果你有什么意見和建議，或發(fā)現(xiàn)內(nèi)容有什么錯(cuò)誤請(qǐng)積極指正，我們將及時(shí)改進(jìn)修正。

網(wǎng)站建設(shè)標(biāo)準(zhǔn),網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站建設(shè)公司

二、網(wǎng)站建設(shè)基本流程規(guī)范

網(wǎng)站建設(shè)（或者升級(jí)改版）應(yīng)包含下列基本流程：

1、制定網(wǎng)站規(guī)劃方案：包括網(wǎng)站預(yù)期目標(biāo)、行業(yè)競(jìng)爭(zhēng)狀況分析、網(wǎng)站欄目結(jié)構(gòu)、用戶行為分析及內(nèi)容規(guī)劃、網(wǎng)頁模版設(shè)計(jì)、網(wǎng)站服務(wù)器技術(shù)選型、網(wǎng)站運(yùn)營(yíng)維護(hù)規(guī)范等基本內(nèi)容；

2、網(wǎng)站技術(shù)開發(fā)、網(wǎng)站模板制作；

3、網(wǎng)站測(cè)試；

4、網(wǎng)站內(nèi)容發(fā)布；

5、網(wǎng)站維護(hù)及管理。

三、網(wǎng)站優(yōu)化規(guī)范

網(wǎng)站優(yōu)化的最終目的是為用戶獲取有價(jià)值信息提供方便，網(wǎng)站優(yōu)化包括三個(gè)方面：對(duì)用戶獲取信息優(yōu)化、搜索引擎優(yōu)化、網(wǎng)站維護(hù)優(yōu)化。

1、網(wǎng)站欄目結(jié)構(gòu)合理，欄目設(shè)置不要過于復(fù)雜；

2、網(wǎng)站導(dǎo)航清晰且全站統(tǒng)一，通過任何一個(gè)網(wǎng)頁可以逐級(jí)返回上一級(jí)欄目直到首頁；

3、網(wǎng)頁布局設(shè)計(jì)合理，網(wǎng)站設(shè)計(jì)符合用戶瀏覽習(xí)慣；

4、重要文字信息盡可能出現(xiàn)在網(wǎng)頁靠前位置；

5、字體清晰，CSS風(fēng)格協(xié)調(diào)一致；

6、最多3次點(diǎn)擊可到達(dá)產(chǎn)品詳細(xì)內(nèi)容頁面；

7、通過網(wǎng)站任何一個(gè)網(wǎng)頁不超過3次點(diǎn)擊可達(dá)到站內(nèi)其他任何一個(gè)網(wǎng)頁；

8、遵照搜索引擎為管理員提供的網(wǎng)站優(yōu)化指南，通過網(wǎng)站結(jié)構(gòu)和內(nèi)容等基本要素的優(yōu)化為搜索引擎檢索信息提供方便，不采用任何被搜索引擎視為垃圾信息的方法和欺騙搜索引擎的方式（如堆積關(guān)鍵詞、用戶不可見文本、頁面跳轉(zhuǎn)、復(fù)制網(wǎng)頁等等）；

9、網(wǎng)站首頁、欄目首頁及產(chǎn)品內(nèi)容頁面均有一定的文字信息量；

10、每個(gè)網(wǎng)頁有獨(dú)立的、可概括說明該網(wǎng)頁核心內(nèi)容的網(wǎng)頁標(biāo)題（而不是全站或者一個(gè)欄目共用一個(gè)網(wǎng)頁標(biāo)題）；

11、每個(gè)網(wǎng)頁有獨(dú)立的、與該網(wǎng)頁內(nèi)容相關(guān)的META標(biāo)簽設(shè)計(jì)（包括description和keywords）；

12、每個(gè)網(wǎng)頁有獨(dú)立的URL；

13、產(chǎn)品內(nèi)容頁面URL盡可能簡(jiǎn)短且體現(xiàn)出產(chǎn)品屬性；

14、產(chǎn)品/企業(yè)新聞詳細(xì)內(nèi)容頁面是獨(dú)立網(wǎng)頁不是彈出窗口；

15、對(duì)于產(chǎn)品品種多的企業(yè)網(wǎng)站，要有合理的產(chǎn)品分頁方式；

16、網(wǎng)站內(nèi)容保持適當(dāng)?shù)母轮芷凇?/span>

四、網(wǎng)站建設(shè)實(shí)施規(guī)范

A、網(wǎng)站建設(shè)尺寸規(guī)范

1、頁面標(biāo)準(zhǔn)按800*600分辨率全屏制作，每個(gè)頁面的寬度為778象素；頁面標(biāo)準(zhǔn)按1024*768分辨率全屏制作，每個(gè)頁面的寬度為1004象素； 1024*768分辨率，建議寬度使用960像素。

2、全尺寸Banner統(tǒng)一規(guī)格為470×70px，半尺寸banner為234*60px，小banner為88*31px ；部分banner可根椐實(shí)際情況設(shè)置尺寸；

3、Logo統(tǒng)一為160*70px；

4、每個(gè)非首頁靜態(tài)頁面含圖片字節(jié)不超過80K，全尺寸banner不超過20K ；（點(diǎn)擊了解更多：響應(yīng)式網(wǎng)站建設(shè)深受歡迎的根本原因是更符合用戶要求）

B、網(wǎng)站建設(shè)目錄規(guī)范

遵從原則：以最少的層次提供最清晰簡(jiǎn)便的訪問結(jié)構(gòu)；以最少的字母達(dá)到最容易理解的意義。

1、目錄以代表此目錄文件內(nèi)容含義的英文單詞命名，目錄名若為單個(gè)單詞，均須小寫，目錄名若大于等于兩個(gè)單詞，從第二個(gè)單詞起的每個(gè)單詞的首字母大寫，其余字母小寫。

2、網(wǎng)站根目錄：只允許存放網(wǎng)站缺省命名文件索引文件（如default.shtml）一個(gè)，以及其它必備的文件（如golas.asa, Web.config）。

3、網(wǎng)站根目錄下開設(shè)images子目錄，用以存放不同欄目的頁面都要用到的公共圖片，例如網(wǎng)站標(biāo)識(shí)、導(dǎo)航欄圖片、按鈕等。每個(gè)目錄下私有圖片存放于各自獨(dú)立images目錄。

4、在網(wǎng)站根目錄下開設(shè)Templates目錄，用以存放各欄目的模板文件；Templates 中另建與網(wǎng)站根目錄下對(duì)應(yīng)的欄目目錄，存放不同欄目對(duì)應(yīng)的模板文件，每個(gè)目錄中默認(rèn)文件：content.htm , list.htm 分別是內(nèi)容頁的模板、列表頁的模板，其他需要用到的模板根據(jù)實(shí)際用處按規(guī)定命名，在文件命名規(guī)則中詳細(xì)闡述。

5、在網(wǎng)站根目錄下開設(shè)styles、scripts目錄，分別存放樣式表文件與客戶端腳本文件。

6、在網(wǎng)站根目錄下開設(shè)upload子目錄，用以存放網(wǎng)站后臺(tái)上傳的文件；

根據(jù)實(shí)際需要建立download目錄，用以存放提供給瀏覽者下載的文件。

7、在網(wǎng)站根目錄下開設(shè)include目錄，存放公用的包含文件（如top.htm、head.htm、foot.htm）。

8、在網(wǎng)站根目錄下開設(shè)plus目錄，存放所有網(wǎng)站建設(shè)中用到的服務(wù)器端的程序文件（如 search.asp、function.asp）。

9、每個(gè)語言版本存放于獨(dú)立的目錄。已有版本語言設(shè)置為：

簡(jiǎn)體中文 gb

繁體中文 ig5

英語 en

韓語 kr

日語 jp

俄語 u

10、在網(wǎng)站根目錄下按照欄目結(jié)構(gòu)，為每個(gè)主要功能(主菜單)建立一個(gè)相應(yīng)的獨(dú)立目錄。目錄名為此欄目的英文翻譯（例如：關(guān)于我們 boutus信息反饋 eedback產(chǎn) 品 product），根據(jù)需要在每一個(gè)欄目目錄中開設(shè)images子目錄，用以放置此欄目專用圖片。(例如：boutusimages； productimages)。

總結(jié)：

所有的js文件存放在根目錄下下的scripts目錄；

所有的CSS文件存放在根目錄下的styles目錄；

所有公用的包含文件存放在根目錄下的include目錄；

所有的模板文件存放在根目錄下的Templates目錄；

所有的公用的圖片文件存放在根目錄下的images目錄；

所有的上傳文件存放在根目錄下的upload目錄；

所有的提供給瀏覽者下在的文件存放在根目錄下的download目錄；

如果建設(shè)中的網(wǎng)站為多語言版本的，根據(jù)其語言版本存放于獨(dú)立的目錄，

目錄命名規(guī)則以國(guó)家英文簡(jiǎn)碼為準(zhǔn)；

C、網(wǎng)站建設(shè)文字，標(biāo)點(diǎn)規(guī)范

1、非正文頁面每頁內(nèi)容盡量在1000字以內(nèi)網(wǎng)頁的文字必須采用樣式定義，以避免由于顯示器的差異造成頁面差異；

2 、文章正文內(nèi)容，CSS樣式設(shè)置應(yīng)該有交互性，可以讓訪問者自已調(diào)整文字的大小及行距等；（以適應(yīng)不同訪問者訪問，增加網(wǎng)站的友好性。）默認(rèn)為：字號(hào)用點(diǎn)數(shù)pt和像素px來定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px 和14，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px；行距建議用百分比來定義，常用的兩個(gè)行距的值是line-height:120%/150%.

3 、中文版中正文默認(rèn)使用宋體；

4 、英文版中正文默認(rèn)使用Arial字體；

5 、中文段首要空2個(gè)漢字的位置，西文段首不空；

6 、西文中一定要用西文半角標(biāo)點(diǎn)符號(hào)，西文中不得使用全角符號(hào)（請(qǐng)注意空格）；

7 、外文版內(nèi)不能出現(xiàn)別國(guó)語言字符，必需出現(xiàn)的，應(yīng)把內(nèi)容做成圖片。（點(diǎn)擊了解更多：網(wǎng)站建設(shè)改版時(shí)應(yīng)避免網(wǎng)站結(jié)構(gòu)布局的大規(guī)模顛覆性調(diào)整）

D、網(wǎng)站建設(shè)導(dǎo)航規(guī)范

1、每一個(gè)頁面都因該出現(xiàn)的固定信息：

內(nèi)容包括：主頁，網(wǎng)站介紹，站點(diǎn)視圖，聯(lián)系方式，反饋，搜索工具，常見問題解答，實(shí)際內(nèi)容欄目(包括相關(guān)站點(diǎn)鏈接、新聞頁)；

2、每頁必須有導(dǎo)航條，格式例：首頁->頻道名稱->欄目名稱->文章標(biāo)題；菜單名稱要統(tǒng)一：標(biāo)題欄目前后一致；

3、欄目如果采用圖標(biāo), 圖片的ALT屬性要寫本圖片或按鈕的名稱，以避免圖像表達(dá)不清或圖像無法下載。

4、無任何鏈接內(nèi)容的不做成按鈕的形式。

5、每個(gè)頁面底端都需要加注《版權(quán)聲明》，要根據(jù)不同的語言版本調(diào)用。標(biāo)注方法：中文版—中英文；英文版—中英文；法文版—中法文；日文版—中日文；韓文版—中韓文；（標(biāo)注內(nèi)容需用圖片，防止訪問者字符編碼不全顯示不正常）；

6、網(wǎng)站文字鏈接的顏色在點(diǎn)擊前和點(diǎn)擊后要有區(qū)別。讓訪問者知道哪些內(nèi)容是看過的，哪些內(nèi)容還未訪問；

E、網(wǎng)站建設(shè)文件命名規(guī)范

遵從原則：以最少的字母達(dá)到最容易理解的意義。

文件的名稱全部用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；命名原則的指導(dǎo)思想：一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)文件的意義;二是當(dāng)我們?cè)谖募A中使用按名稱排序時(shí)能夠排列在一起，以便查找、修改、替換、計(jì)算負(fù)載量等等操作；

1、網(wǎng)站主頁，各欄目主頁的名稱一定要用“default.擴(kuò)展名”命名；

2、文件以代表此文件內(nèi)容含義的英文單詞命名，文件名為單個(gè)單詞，均須小寫，文件名大于等于兩個(gè)單詞，從第二個(gè)單詞起的每個(gè)單詞的首字母大寫，其余字母小寫。如aboutLeftMenu.htm

3、圖片的命名原則遵循以下幾條規(guī)范：

1) 圖片名稱為首、尾兩部分，尾部分*個(gè)字母大寫以作區(qū)分。

2) 首部分表示圖片大類性質(zhì)。如廣告（banner）、標(biāo)志（logo）、菜單（menu）、按鈕（button）、標(biāo)題圖片（title）等。有onmouse效果的圖片，兩張分別在原有文件名后加"_on"和"_off"命名。(可進(jìn)一步完善此規(guī)范，并把一系列命名規(guī)則整理成條款列出)

3) 尾部分表示圖片的具體含義。

4) 圖片文件命名舉例如下：menuAboutUs.gif、menuNews.gif、logo.gif、bannerYahoo.gif、bannerSina.gif、buttonSearch.gif

F、網(wǎng)站建設(shè)文件格式規(guī)范

1、圖片的使用以JPG及GIF為主，顏色較豐富變化較多的圖片使用JPG文件，其他則建議使用GIF文件；

2、靜態(tài)網(wǎng)頁及被調(diào)用和包含的網(wǎng)頁文件均以.htm為擴(kuò)展名

G、網(wǎng)站建設(shè)文件存放規(guī)范

這部分內(nèi)容與網(wǎng)站目錄規(guī)范基本相同，

1、如果建設(shè)中的網(wǎng)站為多語言版本的，文版主文件夾必須用英文簡(jiǎn)碼命名。如：韓文版的所有內(nèi)容都必須放到kr文件夾中。其他的子文件夾或文件要和中文版的名字一一對(duì)應(yīng)；

2、各頁面所用的圖片要放到相應(yīng)的images文件夾中；子欄目頁面用到的圖片放到欄目目錄的images文件夾中；

3、站點(diǎn)中所使用到的JavaScript文件都存放在根目錄下的scripts目錄中；

4、站點(diǎn)中所使用的樣式表文件都放到根目錄下的styles目錄中，原則上是每個(gè)欄目都要有自己的樣式表文件，并有一個(gè)公用的樣式表文件，但在具體使用中可以根據(jù)站點(diǎn)規(guī)模的大小靈活操作；

5、所有的程序及應(yīng)用文件都放在站點(diǎn)根目錄下的plus目錄中；

6、所有公用的包含文件和被調(diào)用的文件都放在include目錄中，每個(gè)欄目私有的包含及調(diào)用文件可放各自的欄目目錄中；

7、站點(diǎn)中使用的模板文件都放在站點(diǎn)根目錄下的Templates目錄中，并按照其所屬欄目分別放在對(duì)應(yīng)的目錄中，Templates目錄中的目錄結(jié)構(gòu)應(yīng)該與站點(diǎn)中的主欄目結(jié)構(gòu)一致，保證目錄的對(duì)應(yīng)；

8、通過網(wǎng)站后臺(tái)上傳的文件均放在站點(diǎn)根目錄的upload目錄中，并設(shè)置目錄權(quán)限為不可執(zhí)行腳本；

9、所有提供給瀏覽者下載的文件存放在根目錄下的download目錄中，如果這個(gè)目錄中的文件可以通過后臺(tái)上傳，要設(shè)置目錄權(quán)限為不可執(zhí)行腳本；

H、網(wǎng)站鏈接結(jié)構(gòu)規(guī)范

遵從原則：用最少的鏈接，使瀏覽最有效率

1、首頁與一級(jí)頁面間，使用星狀鏈接結(jié)構(gòu)

2、一級(jí)頁面與二級(jí)頁面間，使用樹狀鏈接結(jié)構(gòu)

4、超過三級(jí)頁面，在頁面顯眼位置，設(shè)置導(dǎo)航，回到首頁或相關(guān)欄目。

I、HTML書寫規(guī)范

head區(qū)代碼規(guī)范

1、版權(quán)注釋

2、網(wǎng)頁顯示字符集

簡(jiǎn)體中文：

繁體中文：

英語：

……

3、制作者信息

4、網(wǎng)站簡(jiǎn)介

5、搜索關(guān)鍵字

6、網(wǎng)頁的css規(guī)范

7、內(nèi)容頁標(biāo)題

列表欄目頁標(biāo)題

8、所有的javascript調(diào)用盡量采取外部調(diào)用

可選加入標(biāo)簽

1、設(shè)定網(wǎng)頁的到期時(shí)間。一旦網(wǎng)頁過期，必須到服務(wù)器上重新調(diào)閱。

2、禁止瀏覽器從本地機(jī)的緩存中調(diào)閱頁面內(nèi)容。

3、防止其它網(wǎng)站在框架里調(diào)用本站頁面。

4、自動(dòng)跳轉(zhuǎn)。<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.****. **">

5、網(wǎng)頁搜索機(jī)器人向?qū)?，告訴搜索機(jī)器人哪些頁面需要索引，哪些頁面不需要索引。用以保護(hù)需點(diǎn)數(shù)才能瀏覽的頁面。

CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。

6、收藏夾圖標(biāo) <link rel = "Shortcut Icon" href="***.ico">

內(nèi)容的代碼書寫規(guī)范

html中javascript的書寫：

<head>

…..

<!—

…..

-->

</script>

</head>

html中元素的書寫：

1、元素屬性值必須包含在雙引號(hào)中；

2、 form 中必須加action屬性，并且不能為空。

如果不需要使用action屬性，也必須定義：

3、 img的alt屬性不可以缺少；

4、 head與</head>之間必須有title；

<head>

……

<title>your title </title>

……

</head>

5、 tr、td必須定義在table之間；

<table>

<tr>

….

</tr>

</table>

6、 button按鈕必須定義在form之間，否則netscape不支持；

</form>

7、在javascript中的字符串中出現(xiàn)的“/”前要用轉(zhuǎn)義符“”：

<!—

function check(str) {

var str=”/r/add.cgi”;

……

}

-->

</script>

8、 onclick 屬性必須和 onkeypress 成對(duì)寫( onmousedown + onkeydown、onmouseup + onkeyup)

9、用URL傳值時(shí)直接寫&是不可以的，可用&替換：

縮近規(guī)則：

<table>中<td></td>,<tr></tr>等必須保持嚴(yán)格的縮近規(guī)則，以"Tab"鍵為準(zhǔn)：

<table>

<tr>

<td>

<table>

<tr>

…

</tr>

</table>

</td>

….

</tr>

</table>

程序代碼規(guī)范

程序注釋規(guī)范

數(shù)據(jù)庫使用規(guī)范

附一、當(dāng)網(wǎng)站注重百度優(yōu)化時(shí)，網(wǎng)站中的路徑盡量全部采用相對(duì)路徑。

因?yàn)樵谀壳八阉饕嬷邪俣葘?duì)*路徑比較排斥。

附二、CSS樣式表命名規(guī)則

樣式命名

登錄條:loginBar

標(biāo)志:logo

側(cè)欄:sideBar

廣告:banner

導(dǎo)航:nav

子導(dǎo)航:subNav

菜單:menu

子菜單:subMenu

搜索:search

滾動(dòng):scroll

頁面主體:main

內(nèi)容:content

標(biāo)簽頁:tab

文章列表:list

提示信息:msg

小技巧:tips

欄目標(biāo)題:title

友情鏈接:friendLink

頁腳:footer

加入:joinus

指南:guild

服務(wù):service

熱點(diǎn):hot

新聞:news

下載:download

注冊(cè):regsiter

狀態(tài):status

按鈕:btn

投票:vote

合作伙伴:partner

版權(quán):copyRight

CSSID的命名

外套:wrap

主導(dǎo)航:mainNav

子導(dǎo)航:subnav

頁腳:footer

整個(gè)頁面:content

頁眉:header

頁腳:footer

商標(biāo):label

標(biāo)題:title

主導(dǎo)航:mainNav(globalNav)

頂導(dǎo)航:topnav

邊導(dǎo)航:sidebar

左導(dǎo)航:leftsideBar

右導(dǎo)航:rightsideBar

旗志:logo

標(biāo)語:banner

菜單內(nèi)容1:menu1Content

菜單容量:menuContainer

子菜單:submenu

邊導(dǎo)航圖標(biāo):sidebarIcon

注釋:note

面包屑:breadCrumb(即頁面所處位置導(dǎo)航提示)

容器:container

內(nèi)容:content

搜索:search

登陸:login

功能區(qū):shop(如購物車，收銀臺(tái))

當(dāng)前的current

樣式文件命名

主要的:master.css

布局版面:layout.css

專欄:columns.css

文字:font.css

打印樣式:print.css

主題:themes.css

注釋的寫法

/* Footer */

內(nèi)容區(qū)

/* End Footer */

中文字幕午夜乱理片|亚洲av综合av天堂|一级a爱片日韩在线观看|国产精品久久亚洲不卡动漫|国产一区二区精品福利地址|免费毛片儿亚洲视频综合网|国内精品自产拍不卡在线观看|亚洲国产AV人性放荡人妇系列

關(guān)于我們

產(chǎn)品分類

近況動(dòng)態(tài)

客戶案例

頁面索引