市政府網(wǎng)站建設(shè)技術(shù)規(guī)范

目錄/提綱：……
目錄一、規(guī)劃建設(shè)內(nèi)容和目標(biāo)5
二、總體規(guī)劃架構(gòu)說明6
三、子網(wǎng)站建設(shè)基本要求和統(tǒng)一規(guī)范6
四、建設(shè)方式21
五、維護(hù)方式22
六、運(yùn)行維護(hù)管理23
二、體規(guī)劃架構(gòu)說明
三、子網(wǎng)站建設(shè)基本要求和統(tǒng)一規(guī)范
（一）統(tǒng)一標(biāo)識
（二）統(tǒng)一域名管理
（三）統(tǒng)一基本欄目設(shè)置
（四）統(tǒng)一規(guī)范網(wǎng)頁設(shè)計(jì)
（五）統(tǒng)一的技術(shù)語言
（六）成熟的內(nèi)容管理系統(tǒng)
（七）統(tǒng)一的數(shù)據(jù)標(biāo)準(zhǔn)
（八）網(wǎng)站照片規(guī)范
（九）統(tǒng)一訪問日志
（十）提供子站模板
四、建設(shè)方式
（一）主機(jī)托管建設(shè)方式
（二）依托政府門戶網(wǎng)站群建設(shè)方式
（三）采用本地管理方式
五、維護(hù)方式
（五）鄭州市數(shù)字城市辦公室定期對子網(wǎng)站運(yùn)行狀況進(jìn)行監(jiān)測，并定期發(fā)布監(jiān)測結(jié)果
六、運(yùn)行維護(hù)管理
一、制定背景
二、名詞解釋
三、制定目標(biāo)
四、適用對象
五、制定原理和原則
（一）規(guī)范制定原理
（二）規(guī)范制定原則
六、規(guī)范條款
（一）內(nèi)容字段信息規(guī)范
（二）網(wǎng)頁屬性及內(nèi)容字段標(biāo)注規(guī)范
（三）內(nèi)容變更索引文件發(fā)布規(guī)范
（四）檢索系統(tǒng)規(guī)范
……
鄭州市政府網(wǎng)站建設(shè)技術(shù)規(guī)范

（2013 第一版）

目錄
一、 規(guī)劃建設(shè)內(nèi)容和目標(biāo) 5
二、 總體規(guī)劃架構(gòu)說明 6
三、 子網(wǎng)站建設(shè)基本要求和統(tǒng)一規(guī)范 6
(一) 統(tǒng)一標(biāo)識 6
(二) 統(tǒng)一域名管理 6
(三) 統(tǒng)一基本欄目設(shè)置 7
3.1政府信息類 7
3.2辦事服務(wù)類 8
3.3交流互動類 8
(四) 統(tǒng)一規(guī)范網(wǎng)頁設(shè)計(jì) 8
4.1頁面的層次結(jié)構(gòu) 9
4.2頁面支持的分辨率 9
4.3文件的目錄結(jié)構(gòu) 9
4.4導(dǎo)航 9
4.5信息檢索 9
4.6鏈接 10
4.7頁面和圖形的顏色 10
4.8圖形 10
4.9頁面元素的大小 10
4.10標(biāo)準(zhǔn)的頁眉和頁腳 11
4.11統(tǒng)一維護(hù)的樣式表 11
4.12允許反饋 11
4.13 其他 11
(五) 統(tǒng)一的技術(shù)語言 11
(六) 成熟的內(nèi)容管理系統(tǒng) 11
(七) 統(tǒng)一的數(shù)據(jù)標(biāo)準(zhǔn) 11
(八) 網(wǎng)站照片規(guī)范 12
(九) 統(tǒng)一訪問日志 13
(十) 提供子站模板 13
10.1版面布局格式說明 13
10.2主題風(fēng)格庫 18
(十一) 子網(wǎng)站基本功能 18
(十二) 統(tǒng)一接口要求 20
(十三) 二次開發(fā)說明 21
四、 建設(shè)方式 21
(一) 主機(jī)托管建設(shè)方式 21
(二) 依托政府門戶網(wǎng)站群建設(shè)方式 21
(三) 采用本地管理方式 22
五、 維護(hù)方式 22
六、 運(yùn)行維護(hù)管理 23
附件一 24
附件二 25
附件三 27

　　　　為深入貫徹落實(shí)《中華人民共和國政府信息公開條例》及河南省政府有關(guān)文件精神，加快建設(shè)完善鄭州市政府門戶網(wǎng)站各部門子網(wǎng)站，進(jìn)一步規(guī)范我市政府信息公開工作，同時為進(jìn)一步體現(xiàn)鄭州市人民政府門戶網(wǎng)站的整體風(fēng)格，確保門戶網(wǎng)站內(nèi)容的權(quán)威性和功能的完整性，各部門子網(wǎng)站建設(shè)應(yīng)按照政府門戶網(wǎng)站建設(shè)總目標(biāo)的要求，通過不斷加強(qiáng)對子網(wǎng)站的建設(shè)，以政務(wù)公開、便民服務(wù)、網(wǎng)上辦事、溝通民意等網(wǎng)上服務(wù)為目的，逐步實(shí)現(xiàn)政府職能的轉(zhuǎn)變和服務(wù)型機(jī)關(guān)的建立。
　　　　　　　　一、規(guī)劃建設(shè)內(nèi)容和目標(biāo)　
　　　　(一)各部門各單位可依托“鄭州市人民政府門戶網(wǎng)站群”平臺建立部門子網(wǎng)站。
　　　　(二)規(guī)范“鄭州市人民政府門戶網(wǎng)站”網(wǎng)站群各子站欄目設(shè)置。各部門網(wǎng)站建立，應(yīng)參照工業(yè)和信息化部《政府網(wǎng)站發(fā)展評估核心指標(biāo)體系(試行)》(2009年4月22日)，圍繞提高政府網(wǎng)站信息公開
……（新文秘網(wǎng)http://www.jey722.cn省略1620字，正式會員可完整閱讀）……　

投訴舉報(bào)
建議建言
民意征集 民意征集
調(diào)查評議 調(diào)查評議
在線訪談 在線訪談
ZZIC ZZIC辦件 將zzic辦件公示
　　（四）統(tǒng)一規(guī)范網(wǎng)頁設(shè)計(jì)
　　　　網(wǎng)站總體風(fēng)格沉穩(wěn)、樸實(shí)，主題突出，網(wǎng)頁結(jié)構(gòu)清晰合理，鏈接一目了然，符合大多數(shù)用戶的閱讀習(xí)慣。政府信息公開專欄的每個欄目都可以直接由首頁點(diǎn)擊進(jìn)入，體現(xiàn)重視政府信息公開思想意圖。
　　4.1頁面的層次結(jié)構(gòu)
　　　　保持頁面之間關(guān)系的平衡，從網(wǎng)站的一個頁面到另一頁面，點(diǎn)擊次數(shù)一般不超過三次。整個網(wǎng)站提供站點(diǎn)導(dǎo)航地圖。
　　4.2頁面支持的分辨率
　　　　在頁面設(shè)計(jì)過程中考慮對不同顯示器分辯率的支持，對于表格寬度、高度的設(shè)定建議使用相對值控制，以保證頁面可以支持1024*768、1280*1024等不同格式分辨率。
　　4.3文件的目錄結(jié)構(gòu)
　　　　文件的目錄結(jié)構(gòu)一般不超過三層。圖片和HTML文件將放到不同的目錄里。目錄的名稱將使用有意義的單詞或拼音，使得網(wǎng)站的組織結(jié)構(gòu)清晰明了。
　　　　文件名不使用空格或特殊字符。使用html作為文件的擴(kuò)展名，在存放頁面的目錄里，每一目錄里有一個inde*.html文件。所有圖片存放在IMAGES目錄里。所有原始的圖片存放在IMG_SRC目錄里。_、視頻還有多媒體文件存放在MEDIA目錄里。
　　4.4導(dǎo)航
　　　　導(dǎo)航系統(tǒng)的結(jié)構(gòu)與風(fēng)格保持統(tǒng)一。首頁面能使網(wǎng)民方便地進(jìn)入網(wǎng)站的二、三級子欄目。每個頁面都設(shè)置返回主頁面的鏈接。網(wǎng)站的導(dǎo)航簡單、易用，網(wǎng)站里的所有頁面都可以進(jìn)一步訪問其他頁面。
　　4.5信息檢索
　　　　網(wǎng)站頁面提供多條件的網(wǎng)站信息檢索。如按標(biāo)題、按時間、按內(nèi)容等。
　　4.6鏈接
　　　　靜態(tài)頁面的圖片鏈接附加文字說明，且圖片附加說明文字與該頁面的TITLE(標(biāo)題)一致。
　　4.7頁面和圖形的顏色
　　　　所有的顏色均從256種WEB安全色里挑選。
　　4.8圖形
　　　　圖形是為網(wǎng)站內(nèi)容服務(wù)的，不使用與信息內(nèi)容無關(guān)的圖片。對于圖形文件應(yīng)該進(jìn)行優(yōu)化，單個圖片的字節(jié)大小不要超過40KB，整個頁面圖形總量一般不超過105KB。大于40KB的圖片要切割為字節(jié)小的圖片。
　　　　圖形文件上傳前的擴(kuò)展名一律用小寫字母，圖形文件名要限定在8個字符以內(nèi)。
　　4.9頁面元素的大小
　　　　頁面元素文件尺寸的基本規(guī)定如下： 背景圖片2～6K；網(wǎng)站LOGO12K；映射圖(IMAGEMAP)40K；主圖40K；按鈕2～6K；自定義圖標(biāo)12K；字定義橫線2～8K；BANNERS和導(dǎo)航條40K；照片40K；VRML40K；_、視頻如果超過40K，標(biāo)出文件實(shí)際大�。豢上螺d的多媒體文件如果超過40K，標(biāo)出文件實(shí)際大小。
　　4.10、標(biāo)準(zhǔn)的頁眉和頁腳
　　　　為了保持網(wǎng)站風(fēng)格的統(tǒng)一，每個頁面都設(shè)置頁眉和頁腳。頁眉放置代表網(wǎng)站風(fēng)格的BANNER或LOGO，頁腳顯示版權(quán)信息、EMAIL鏈接等。
　　4.11統(tǒng)一維護(hù)的樣式表
　　　　為保持網(wǎng)站風(fēng)格統(tǒng)一，要使用統(tǒng)一維護(hù)的樣式表，對網(wǎng)頁中的文字、鏈接等樣式進(jìn)行設(shè)置，在網(wǎng)站風(fēng)格變化或改版時無需逐一修改模板，只要更改相關(guān)樣式表即可快速完成。
　　4.12允許反饋
　　　　無論用戶處于那一級頁面，都可以輕松地向網(wǎng)站管理員發(fā)送email，email的鏈接要放在當(dāng)前頁面的頁腳上。
　　4.13 其他
　　　　在主頁和網(wǎng)站地圖里要顯示“關(guān)于我們”的鏈接，方便用戶同網(wǎng)站所有者進(jìn)行交流；將所有最重要的元素和信息放到第一屏顯示；將LOGO放到每個頁面的固定位置；當(dāng)鏈接需要下載的文件時，標(biāo)明該文件的大��；不使用設(shè)計(jì)制作未完成的頁面；只使用用戶提供的電子文本資料；在顯著位置顯示網(wǎng)站系統(tǒng)的版權(quán)信息。
　　　�。ㄎ澹┙y(tǒng)一的技術(shù)語言
　　　　建議使用常用的編程語言，推薦與市政府門戶網(wǎng)站保持一致的java語言，符合J2EE規(guī)范。
　　　　�。┏墒斓膬�(nèi)容管理系統(tǒng)
　　　　建議采用成熟的內(nèi)容管理系統(tǒng)管理網(wǎng)站的內(nèi)容，數(shù)據(jù)采用數(shù)據(jù)庫的方式存儲。推薦采用現(xiàn)在運(yùn)行的市政府內(nèi)容管理系統(tǒng)平臺。
　　　　�。ㄆ撸┙y(tǒng)一的數(shù)據(jù)標(biāo)準(zhǔn)
　　　　網(wǎng)站發(fā)布的信息資料應(yīng)遵循國家、行業(yè)或地方頒布的相關(guān)數(shù)據(jù)標(biāo)準(zhǔn)，提供數(shù)據(jù)訪問途徑，包括數(shù)據(jù)存儲、訪問方式、訪問權(quán)限等．
　　　　網(wǎng)站數(shù)據(jù)庫根據(jù)子站建設(shè)需求：推薦采用Oralce、MYSQL 等主流數(shù)據(jù)庫作為網(wǎng)站底層數(shù)據(jù)庫。
　　數(shù)據(jù)必須滿足鄭州市政府門戶網(wǎng)站共享或抓取，實(shí)現(xiàn)與鄭州市政府門戶網(wǎng)站的信息共享和服務(wù)共享。各子站根據(jù)統(tǒng)一數(shù)據(jù)交換標(biāo)準(zhǔn)生成相應(yīng)的接口文檔，以方便主站的數(shù)據(jù)獲取。(河南省政府門戶網(wǎng)站內(nèi)容格式規(guī)范，詳見附件三)。
　　　　�。ò耍┚W(wǎng)站照片規(guī)范
　　　　各級部門負(fù)責(zé)網(wǎng)絡(luò)的人員平常要關(guān)注學(xué)習(xí)常用的攝影知識，掌握一些常識性的攝影技巧和構(gòu)圖理念，學(xué)會簡單的PS圖片處理技術(shù)。
　　　　各級部門在舉行各類活動和會議時，如需要拍攝照片，要注意會場秩序（會議剛開始時多拍些），拍攝時注意人物主次（領(lǐng)導(dǎo)和其他人員）。
　　　　在沒有拍到好照片的情況下，在發(fā)文上稿子時可單發(fā)文字稿，不要免強(qiáng)配發(fā)圖片。
　　　　拍攝的照片，應(yīng)以漢語拼音字母命名，后綴名為Jpg 或jpeg格式，每張照片的大小不得超過500K。一條信息附圖不要超三張照片。
　　　　�。ň牛┙y(tǒng)一訪問日志
　　　　各子網(wǎng)站要向鄭州市數(shù)字城市辦公室開放訪問日志。統(tǒng)一采用市政府已經(jīng)購置的網(wǎng)站訪問監(jiān)控系統(tǒng)。
　　　　�。ㄊ┨峁┳诱灸０�
　　　　對子網(wǎng)站設(shè)計(jì)和表現(xiàn)沒有更高要求的單位，鄭州市政府門戶網(wǎng)站群內(nèi)容管理平臺提供子網(wǎng)站模板,通過版面布局格式選擇，主題風(fēng)格選擇、欄目添加、欄目點(diǎn)選等方式能夠快速生成部門子網(wǎng)站。
10.1版面布局格式說明
　　　　鄭州市政府門戶網(wǎng)站群平臺提供子網(wǎng)站版面布局格式主要包括以下五種格式：
　　　　1.上邊和左、右邊相結(jié)合，這種布局又分為3個不同的比例，分別如下：圖（1）、圖（2）、圖（3），版式效果也截然不同。






(鄭州市****局)頭部圖片
導(dǎo)航：政務(wù)公開|信息公開專欄|辦事指南|交流互動
領(lǐng)導(dǎo)信息 政務(wù)信息 通知公告
部門概況
宣傳圖片
政策文件 規(guī)劃計(jì)劃
網(wǎng)站搜索
專題信息
部門采購 特色欄目
表格下載
辦事指南 在線辦事
生活指南 在線訪談 民意征集
信息查詢
Zzic辦件公示 調(diào)查評議
領(lǐng)導(dǎo)信箱
網(wǎng)站鏈接（上級部門鏈接、同級單位網(wǎng)站鏈接、其它網(wǎng)站鏈接）
圖（1） 布局（1）
　　　　圖（1）這樣的布局是常用的一種方式，上面是頁面的提頭和廣告條，左邊是按鈕和其它的鏈接，這樣的布局有其本質(zhì)上的優(yōu)點(diǎn)，因?yàn)槿说淖⒁饬χ饕谟蚁陆�，所以主要想得到的信息都能最大可能的獲取，而且很方便。但是有一個問題不得不注意，就是按鈕在左邊，都知道人們一般是用右手來操作鼠標(biāo)的，要到左邊去點(diǎn)擊按鈕就要移動過整個屏幕，所以每次都這樣會很不方便。當(dāng)然這也有一個習(xí)慣的問題，現(xiàn)在多數(shù)網(wǎng)站都采用這種形式，無形中造成使用者一打開網(wǎng)頁都是習(xí)慣性的在左邊去點(diǎn)擊按鈕。要能夠在這種基礎(chǔ)上做一些變化，就能做出很好的網(wǎng)頁來。
　　　　圖（2）是目前最多網(wǎng)站采用的布局方式，這樣的布局相對來說比較合理，避免了圖（1）出現(xiàn)的左邊按鈕問題，又結(jié)合了中國傳統(tǒng)意義上的左為上的原則，把重要的部分放在左邊，右邊放一些功能性的內(nèi)容，彌補(bǔ)了其他布局的缺陷。
上部(鄭州市****局)頭部圖片
導(dǎo)航：政務(wù)公開|信息公開專欄|辦事指南|交流互動
政務(wù)信息 通知公告 領(lǐng)導(dǎo)信息
部門概況
宣傳圖片
網(wǎng)站搜索

政策文件 規(guī)劃計(jì)劃
部門采購 特色欄目
辦事指南
在線辦事
專題信息
表格下載
在線訪談 民意征集 生活指南
信息查詢
Zzic辦件公示
調(diào)查評議
領(lǐng)導(dǎo)信箱
網(wǎng)站鏈接（上級部門鏈接、同級單位網(wǎng)站鏈接、其它網(wǎng)站鏈接）
　　　圖（2） 布局（2）
　　　　目前還有一種布局，左邊和右邊各占50%的比例，左右均衡在排版方面很不容易做，但視覺上會會比較平穩(wěn)，這是比較新穎的布局格式，很受一些個性網(wǎng)站的青睞，如下圖布局（3）：
上部(鄭州市****局)頭部圖片
導(dǎo)航：政務(wù)公開|信息公開專欄|辦事指南|交流互動|網(wǎng)站搜索
　　　(左部)領(lǐng)導(dǎo)信息 　　　(右部)部門概況
……（未完，全文共25302字，當(dāng)前僅顯示4551字，請閱讀下面提示信息。收藏《市政府網(wǎng)站建設(shè)技術(shù)規(guī)范》）