市政府網站建設技術規(guī)范

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

（2013 第一版）

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

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

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






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

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