中科三方網(wǎng)站開(kāi)發(fā)規(guī)范

中科三方網(wǎng)站開(kāi)發(fā)規(guī)范企劃部2023年2月《網(wǎng)站建設(shè)目錄規(guī)范試行》（以下簡(jiǎn)稱《規(guī)范》）目的是從整體上規(guī)范網(wǎng)站建設(shè)過(guò)程中的統(tǒng)一性和可擴(kuò)展性，方便于團(tuán)隊(duì)中更好的協(xié)作及設(shè)計(jì)者以后的維護(hù)。請(qǐng)注意《規(guī)范》中的用詞，以擬定哪些是“必須”哪些是“參考”。此《規(guī)范》為試行版，內(nèi)容在不斷完善更新中。假如你有什么意見(jiàn)和建議，或發(fā)現(xiàn)內(nèi)容有什么錯(cuò)誤請(qǐng)積極指正，我們將及時(shí)改善修正。網(wǎng)站建設(shè)基本流程規(guī)范網(wǎng)站建設(shè)（或者升級(jí)改版）應(yīng)包含下列基本流程：1、制定網(wǎng)站規(guī)劃方案：涉及網(wǎng)站預(yù)期目的、行業(yè)競(jìng)爭(zhēng)狀況分析、網(wǎng)站欄目結(jié)構(gòu)、用戶行為分析及內(nèi)容規(guī)劃、網(wǎng)頁(yè)模版設(shè)計(jì)、網(wǎng)站服務(wù)器技術(shù)選型、網(wǎng)站運(yùn)營(yíng)維護(hù)規(guī)范等基本內(nèi)容；2、網(wǎng)站技術(shù)開(kāi)發(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è)立不要過(guò)于復(fù)雜；2、網(wǎng)站導(dǎo)航清楚且全站統(tǒng)一，通過(guò)任何一個(gè)網(wǎng)頁(yè)可以逐級(jí)返回上一級(jí)欄目直到首頁(yè)；3、網(wǎng)頁(yè)布局設(shè)計(jì)合理，網(wǎng)站設(shè)計(jì)符合用戶瀏覽習(xí)慣；4、重要文字信息盡也許出現(xiàn)在網(wǎng)頁(yè)靠前位置；5、字體清楚，CSS風(fēng)格協(xié)調(diào)一致；6、最多3次點(diǎn)擊可到達(dá)產(chǎn)品或信息具體內(nèi)容頁(yè)面；7、通過(guò)網(wǎng)站任何一個(gè)網(wǎng)頁(yè)不超過(guò)3次點(diǎn)擊可達(dá)成站內(nèi)其他任何一個(gè)網(wǎng)頁(yè)；8、遵照搜索引擎為管理員提供的網(wǎng)站優(yōu)化指南，通過(guò)網(wǎng)站結(jié)構(gòu)和內(nèi)容等基本要素的優(yōu)化為搜索引擎檢索信息提供方便，不采用任何被搜索引擎視為垃圾信息的方法和欺騙搜索引擎的方式（如堆積關(guān)鍵詞、用戶不可見(jiàn)文本、頁(yè)面跳轉(zhuǎn)、復(fù)制網(wǎng)頁(yè)等等）；9、網(wǎng)站首頁(yè)、欄目首頁(yè)及內(nèi)容頁(yè)面均有一定的文字信息量；10、每個(gè)網(wǎng)頁(yè)有獨(dú)立的、可概括說(shuō)明該網(wǎng)頁(yè)核心內(nèi)容的網(wǎng)頁(yè)標(biāo)題（而不是全站或者一個(gè)欄目共用一個(gè)網(wǎng)頁(yè)標(biāo)題）；11、每個(gè)網(wǎng)頁(yè)有獨(dú)立的、與該網(wǎng)頁(yè)內(nèi)容相關(guān)的META標(biāo)簽設(shè)計(jì)（涉及description和keywords）；12、每個(gè)網(wǎng)頁(yè)有獨(dú)立的URL；13、內(nèi)容頁(yè)面URL盡也許簡(jiǎn)短；14、產(chǎn)品/公司新聞具體內(nèi)容頁(yè)面是獨(dú)立網(wǎng)頁(yè)不是彈出窗口；15、對(duì)于產(chǎn)品品種多的公司網(wǎng)站，要有合理的產(chǎn)品分頁(yè)方式；16、網(wǎng)站內(nèi)容保持適當(dāng)?shù)母轮芷?。網(wǎng)站建設(shè)實(shí)行規(guī)范一、網(wǎng)站建設(shè)尺寸規(guī)范 1、頁(yè)面標(biāo)準(zhǔn)按800*600分辨率全屏制作，每個(gè)頁(yè)面的寬度為778象素；頁(yè)面標(biāo)準(zhǔn)按1024*768分辨率全屏制作，每個(gè)頁(yè)面的寬度為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è)非首頁(yè)靜態(tài)頁(yè)面含圖片字節(jié)不超過(guò)80K，全尺寸banner不超過(guò)20K；二、網(wǎng)站建設(shè)目錄規(guī)范遵從原則：以最少的層次提供最清楚簡(jiǎn)便的訪問(wèn)結(jié)構(gòu)；以最少的字母達(dá)成最容易理解的意義。1、目錄以代表此目錄文獻(xiàn)內(nèi)容含義的英文單詞命名，目錄名若為單個(gè)單詞，均須小寫，目錄名若大于等于兩個(gè)單詞，從第二個(gè)單詞起的每個(gè)單詞的首字母大寫，其余字母小寫。2、網(wǎng)站根目錄：只允許存放網(wǎng)站缺省命名文獻(xiàn)索引文獻(xiàn)（如default.shtml）一個(gè)，以及其它必備的文獻(xiàn)（如golas.asa,Web.config）。3、網(wǎng)站根目錄下開(kāi)設(shè)images子目錄，用以存放不同欄目的頁(yè)面都要用到的公共圖片，例如網(wǎng)站標(biāo)記、導(dǎo)航欄圖片、按鈕等。每個(gè)目錄下私有圖片存放于各自獨(dú)立images目錄。4、在網(wǎng)站根目錄下開(kāi)設(shè)Templates目錄，用以存放各欄目的模板文獻(xiàn)；Templates中另建與網(wǎng)站根目錄下相應(yīng)的欄目目錄，存放不同欄目相應(yīng)的模板文獻(xiàn)，每個(gè)目錄中默認(rèn)文獻(xiàn)：content.htm,list.htm分別是內(nèi)容頁(yè)的模板、列表頁(yè)的模板，其他需要用到的模板根據(jù)實(shí)際用處按規(guī)定命名，在文獻(xiàn)命名規(guī)則中具體闡述。5、在網(wǎng)站根目錄下開(kāi)設(shè)styles、scripts目錄，分別存放樣式表文獻(xiàn)與客戶端腳本文獻(xiàn)。6、在網(wǎng)站根目錄下開(kāi)設(shè)upload子目錄，用以存放網(wǎng)站后臺(tái)上傳的文獻(xiàn)；根據(jù)實(shí)際需要建立download目錄，用以存放提供應(yīng)瀏覽者下載的文獻(xiàn)。7、在網(wǎng)站根目錄下開(kāi)設(shè)include目錄，存放公用的包含文獻(xiàn)（如top.htm、head.htm、foot.htm）。8、在網(wǎng)站根目錄下開(kāi)設(shè)plus目錄，存放所有網(wǎng)站建設(shè)中用到的服務(wù)器端的程序文獻(xiàn)（如search.asp、function.asp）。9、每個(gè)語(yǔ)言版本存放于獨(dú)立的目錄。已有版本語(yǔ)言設(shè)立為：簡(jiǎn)體中文\gb繁體中文\big5英語(yǔ)\en韓語(yǔ)\kr日語(yǔ)\jp俄語(yǔ)\ru10、在網(wǎng)站根目錄下按照欄目結(jié)構(gòu)，為每個(gè)重要功能(主菜單)建立一個(gè)相應(yīng)的獨(dú)立目錄。目錄名為此欄目的英文翻譯（例如：關(guān)于我們\aboutus信息反饋\feedback產(chǎn)品\product），根據(jù)需要在每一個(gè)欄目目錄中開(kāi)設(shè)images子目錄，用以放置此欄目專用圖片。(例如：\aboutus\images；\product\images)?？偨Y(jié)：所有的js文獻(xiàn)存放在根目錄下下的scripts目錄；所有的CSS文獻(xiàn)存放在根目錄下的styles目錄；所有的程序存放在根目錄下的plus目錄；所有公用的包含文獻(xiàn)存放在根目錄下的include目錄；所有的模板文獻(xiàn)存放在根目錄下的Templates目錄；所有的公用的圖片文獻(xiàn)存放在根目錄下的images目錄；所有的上傳文獻(xiàn)存放在根目錄下的upload目錄；所有的提供應(yīng)瀏覽者下在的文獻(xiàn)存放在根目錄下的download目錄；假如建設(shè)中的網(wǎng)站為多語(yǔ)言版本的，根據(jù)其語(yǔ)言版本存放于獨(dú)立的目錄，目錄命名規(guī)則以國(guó)家英文簡(jiǎn)碼為準(zhǔn)；三、網(wǎng)站建設(shè)文字，標(biāo)點(diǎn)規(guī)范1、非正文頁(yè)面每頁(yè)內(nèi)容盡量在1000字以內(nèi)網(wǎng)頁(yè)的文字必須采用樣式定義，以避免由于顯示器的差異導(dǎo)致頁(yè)面差異；2、文章正文內(nèi)容，CSS樣式設(shè)立應(yīng)當(dāng)有交互性，可以讓訪問(wèn)者自已調(diào)整文字的大小及行距等；（以適應(yīng)不同訪問(wèn)者訪問(wèn)，增長(zhǎng)網(wǎng)站的和諧性。）默認(rèn)為：字號(hào)用點(diǎn)數(shù)pt和像素px來(lái)定義，pt一般使用中文宋體的9pt和11pt，px一般使用中文宋體12px和14px，黑體字或者宋體字加粗時(shí)，一般選用11pt和14.7px；行距建議用比例來(lái)定義，常用的兩個(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ó)語(yǔ)言字符，必需出現(xiàn)的，應(yīng)把內(nèi)容做成圖片。四、網(wǎng)站建設(shè)導(dǎo)航規(guī)范1、每一個(gè)頁(yè)面都應(yīng)當(dāng)出現(xiàn)的固定信息：內(nèi)容涉及：主頁(yè)，網(wǎng)站介紹，網(wǎng)站地圖，聯(lián)系方式，反饋，搜索工具，常見(jiàn)問(wèn)題解答，實(shí)際內(nèi)容欄目(涉及相關(guān)站點(diǎn)鏈接、新聞頁(yè))；2、每頁(yè)必須有面包屑導(dǎo)航條，格式例：首頁(yè)->頻道名稱->欄目名稱->文章標(biāo)題；菜單名稱要統(tǒng)一：標(biāo)題欄目前后一致；3、欄目假如采用圖標(biāo),圖片的ALT屬性要寫本圖片或按鈕的名稱，以避免圖像表達(dá)不清或圖像無(wú)法下載。4、無(wú)任何鏈接內(nèi)容的不做成按鈕的形式。5、每個(gè)頁(yè)面底端都需要加注《版權(quán)聲明》，要根據(jù)不同的語(yǔ)言版本調(diào)用。標(biāo)注方法：中文版—中英文；英文版—中英文；（標(biāo)注內(nèi)容需用圖片，防止訪問(wèn)者字符編碼不全顯示不正常）；6、網(wǎng)站文字鏈接的顏色在點(diǎn)擊前和點(diǎn)擊后要有區(qū)別。讓訪問(wèn)者知道哪些內(nèi)容是看過(guò)的，哪些內(nèi)容尚未訪問(wèn)；五、網(wǎng)站建設(shè)文獻(xiàn)命名規(guī)范遵從原則：以最少的字母達(dá)成最容易理解的意義。文獻(xiàn)的名稱所有用小寫英文字母、數(shù)字、下劃線的組合，其中不得包含漢字、空格和特殊字符；命名原則的指導(dǎo)思想：一是使得你自己和工作組的每一個(gè)成員可以方便的理解每一個(gè)文獻(xiàn)的意義;二是當(dāng)我們?cè)谖墨I(xiàn)夾中使用按名稱排序時(shí)可以排列在一起，以便查找、修改、替換、計(jì)算負(fù)載量等等操作；1、網(wǎng)站主頁(yè)，各欄目主頁(yè)的名稱一定要用“default.擴(kuò)展名”命名；2、文獻(xiàn)以代表此文獻(xiàn)內(nèi)容含義的英文單詞命名，文獻(xiàn)名為單個(gè)單詞，均須小寫，文獻(xiàn)名大于等于兩個(gè)單詞，從第二個(gè)單詞起的每個(gè)單詞的首字母大寫，其余字母小寫。如aboutLeftMenu.htm3、圖片的命名原則遵循以下幾條規(guī)范：1)圖片名稱為首、尾兩部分，尾部分第一個(gè)字母大寫以作區(qū)分。2)首部分表達(dá)圖片大類性質(zhì)。如廣告（banner）、標(biāo)志（logo）、菜單（menu）、按鈕（button）、標(biāo)題圖片（title）等。有onmouse效果的圖片，兩張分別在原有文獻(xiàn)名后加"_on"和"_off"命名。(可進(jìn)一步完善此規(guī)范，并把一系列命名規(guī)則整理成條款列出)3)尾部分表達(dá)圖片的具體含義。4)圖片文獻(xiàn)命名舉例如下：menuAboutUs.gif、menuNews.gif、logo.gif、bannerYahoo.gif、bannerSina.gif、buttonSearch.gif六、網(wǎng)站建設(shè)文獻(xiàn)格式規(guī)范1、圖片的使用以JPG及GIF為主，顏色較豐富變化較多的圖片使用JPG文獻(xiàn)，其他則建議使用GIF文獻(xiàn)；2、靜態(tài)網(wǎng)頁(yè)及被調(diào)用和包含的網(wǎng)頁(yè)文獻(xiàn)均以.htm為擴(kuò)展名七、網(wǎng)站建設(shè)文獻(xiàn)存放規(guī)范這部分內(nèi)容與網(wǎng)站目錄規(guī)范基本相同，1、假如建設(shè)中的網(wǎng)站為多語(yǔ)言版本的，文版主文獻(xiàn)夾必須用英文簡(jiǎn)碼命名。如：韓文版的所有內(nèi)容都必須放到kr文獻(xiàn)夾中。其他的子文獻(xiàn)夾或文獻(xiàn)要和中文版的名字一一相應(yīng)；2、各頁(yè)面所用的圖片要放到相應(yīng)的images文獻(xiàn)夾中；子欄目頁(yè)面用到的圖片放到欄目目錄的images文獻(xiàn)夾中；3、站點(diǎn)中所使用到的JavaScript文獻(xiàn)都存放在根目錄下的scripts目錄中；4、站點(diǎn)中所使用的樣式表文獻(xiàn)都放到根目錄下的styles目錄中，原則上是每個(gè)欄目都要有自己的樣式表文獻(xiàn)，并有一個(gè)公用的樣式表文獻(xiàn)，但在具體使用中可以根據(jù)站點(diǎn)規(guī)模的大小靈活操作；5、所有的程序及應(yīng)用文獻(xiàn)都放在站點(diǎn)根目錄下的plus目錄中；6、所有公用的包含文獻(xiàn)和被調(diào)用的文獻(xiàn)都放在include目錄中，每個(gè)欄目私有的包含及調(diào)用文獻(xiàn)可放各自的欄目目錄中；7、站點(diǎn)中使用的模板文獻(xiàn)都放在站點(diǎn)根目錄下的Templates目錄中，并按照其所屬欄目分別放在相應(yīng)的目錄中，Templates目錄中的目錄結(jié)構(gòu)應(yīng)當(dāng)與站點(diǎn)中的主欄目結(jié)構(gòu)一致，保證目錄的相應(yīng)；8、通過(guò)網(wǎng)站后臺(tái)上傳的文獻(xiàn)均放在站點(diǎn)根目錄的upload目錄中，并設(shè)立目錄權(quán)限為不可執(zhí)行腳本；9、所有提供應(yīng)瀏覽者下載的文獻(xiàn)存放在根目錄下的download目錄中，假如這個(gè)目錄中的文獻(xiàn)可以通過(guò)后臺(tái)上傳，要設(shè)立目錄權(quán)限為不可執(zhí)行腳本；八、網(wǎng)站鏈接結(jié)構(gòu)規(guī)范遵從原則：用最少的鏈接，使瀏覽最有效率1、首頁(yè)與一級(jí)頁(yè)面間，使用星狀鏈接結(jié)構(gòu)2、一級(jí)頁(yè)面與二級(jí)頁(yè)面間，使用樹(shù)狀鏈接結(jié)構(gòu)4、超過(guò)三級(jí)頁(yè)面，在頁(yè)面顯眼位置，設(shè)立導(dǎo)航，回到首頁(yè)或相關(guān)欄目。九、HTML書寫規(guī)范head區(qū)代碼規(guī)范1、版權(quán)注釋<!---Thesiteisdesignedby--->2、網(wǎng)頁(yè)顯示字符集簡(jiǎn)體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=gb2312">繁體中文：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=BIG5">英語(yǔ)：<METAHTTP-EQUIV="Content-Type"CONTENT="text/html;charset=iso-8859-1">……3、制作者信息<METAname="author"content="">4、網(wǎng)站簡(jiǎn)介<METANAME="DESCRIPTION"CONTENT="當(dāng)前頁(yè)的介紹">5、搜索關(guān)鍵字<METANAME="keywords"CONTENT="關(guān)鍵字,關(guān)鍵字1,關(guān)鍵字2,關(guān)鍵字3">6、網(wǎng)頁(yè)的css規(guī)范<LINKhref="xxx/xxx.css"rel="stylesheet"type="text/css">7、內(nèi)容頁(yè)標(biāo)題<title>內(nèi)容標(biāo)題_中科三方-互聯(lián)網(wǎng)基礎(chǔ)服務(wù)|信息化服務(wù)專家</title>列表欄目頁(yè)標(biāo)題<title>欄目名稱_中科三方-互聯(lián)網(wǎng)基礎(chǔ)服務(wù)|信息化服務(wù)專家</title>8、所有的javascript調(diào)用盡量采用外部調(diào)用<SCRIPTLANGUAGE="JavaScript"SRC="xxx/xxxxx.js"></SCRIPT>可選加入標(biāo)簽1、設(shè)定網(wǎng)頁(yè)的到期時(shí)間。一旦網(wǎng)頁(yè)過(guò)期，必須到服務(wù)器上重新調(diào)閱。<METAHTTP-EQUIV="expires"CONTENT="Wed,18Feb202308:21:57GMT">2、嚴(yán)禁瀏覽器從本地機(jī)的緩存中調(diào)閱頁(yè)面內(nèi)容。<METAHTTP-EQUIV="Pragma"CONTENT="no-cache">3、防止其它網(wǎng)站在框架里調(diào)用本站頁(yè)面。<METAHTTP-EQUIV="Window-target"CONTENT="_top">4、自動(dòng)跳轉(zhuǎn)。<METAHTTP-EQUIV="Refresh"CONTENT="5;URL=http://www.****.**">5、網(wǎng)頁(yè)搜索機(jī)器人向?qū)?，告訴搜索機(jī)器人哪些頁(yè)面需要索引，哪些頁(yè)面不需要索引。用以保護(hù)需點(diǎn)數(shù)才干瀏覽的頁(yè)面。<METANAME="robots"CONTENT="none">CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認(rèn)是all。6、收藏夾圖標(biāo)<linkrel="ShortcutIcon"href="***.ico">內(nèi)容的代碼書寫規(guī)范html中javascript的書寫：<head>…..<scripttype="text/javascript"><!—…..--></script></head>三、html中元素的書寫：1、元素屬性值必須包含在雙引號(hào)中；<fontcolor=”#000000”size=”3”face=”Arial”>2、form中必須加action屬性，并且不能為空。<formaction=”/r/add.cgi”method=”post”>假如不需要使用action屬性，也必須定義：<formaction=”no”>3、img的alt屬性不可以缺少；<imgsrc="/q/img/btn_style.gif"border="0"alt="Select”>4、head與</head>之間必須有title；<head>……<title>yourtitle</title>……</head>5、tr、td必須定義在table之間；<table><tr><td>……</td>….</tr></table>6、button按鈕必須定義在form之間，否則netscape不支持；<formaction=”……”method=”post”><inputtype=”button”name=”but”value=”back”></form>7、在javascript中的字符串中出現(xiàn)的“/”前要用轉(zhuǎn)義符“\”：<scripttype=”text/javascript”><!—functioncheck(str){varstr=”\/r\/add.cgi”;……}--></script>8、onclick屬性必須和onkeypress成對(duì)寫(onmousedown+onkeydown、onmouseup+onkeyup)<ahref=”javascript:void[0]”onClick=”javascript:wopen(….);returnfalse”onkeypress=”javascript:wopen(…);returnfalse”>mm</a>9、用URL傳值時(shí)直接寫&是不可以的，可用&替換：<ahref=”/r/add.cgi?uid=sqz&sid=1&pid=1”></a>四、縮近規(guī)則：<table>中<td></td>,<tr></tr>等必須保持嚴(yán)格的縮近規(guī)則，以"Tab"鍵為準(zhǔn)：<table><tr><td><table><tr><td>…</td>…

</tr></table></td>….</tr></table>程序代碼規(guī)范程序注釋規(guī)范數(shù)據(jù)庫(kù)使用規(guī)范附一、當(dāng)網(wǎng)站注重百度優(yōu)化時(shí)，網(wǎng)站中的途徑盡量所有采用相對(duì)途徑。由于在目前搜索引擎中百度對(duì)絕對(duì)途徑比較排斥。附二、CSS樣式表命名規(guī)則樣式命名登錄條:loginBar標(biāo)志:logo側(cè)欄:sideBar廣告:banner導(dǎo)航:nav子導(dǎo)航:subNav菜單:menu子菜單:subMenu搜索:searc