市政府网站建设技术规范

目录/提纲：……
目录一、规划建设内容和目标5
二、总体规划架构说明6
三、子网站建设基本要求和统一规范6
四、建设方式21
五、维护方式22
六、运行维护管理23
二、体规划架构说明
三、子网站建设基本要求和统一规范
（一）统一标识
（二）统一域名管理
（三）统一基本栏目设置
（四）统一规范网页设计
（五）统一的技术语言
（六）成熟的内容管理系统
（七）统一的数据标准
（八）网站照片规范
（九）统一访问日志
（十）提供子站模板
四、建设方式
（一）主机托管建设方式
（二）依托政府门户网站群建设方式
（三）采用本地管理方式
五、维护方式
（五）郑州市数字城市办公室定期对子网站运行状况进行监测，并定期发布监测结果
六、运行维护管理
一、制定背景
二、名词解释
三、制定目标
四、适用对象
五、制定原理和原则
（一）规范制定原理
（二）规范制定原则
六、规范条款
（一）内容字段信息规范
（二）网页属性及内容字段标注规范
（三）内容变更索引文件发布规范
（四）检索系统规范
……
郑州市政府网站建设技术规范

（2013 第一版）

目录
一、 规划建设内容和目标 5
二、 总体规划架构说明 6
三、 子网站建设基本要求和统一规范 6
(一) 统一标识 6
(二) 统一域名管理 6
(三) 统一基本栏目设置 7
3.1政府信息类 7
3.2办事服务类 8
3.3交流互动类 8
(四) 统一规范网页设计 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
(八) 网站照片规范 12
(九) 统一访问日志 13
(十) 提供子站模板 13
10.1版面布局格式说明 13
10.2主题风格库 18
(十一) 子网站基本功能 18
(十二) 统一接口要求 20
(十三) 二次开发说明 21
四、 建设方式 21
(一) 主机托管建设方式 21
(二) 依托政府门户网站群建设方式 21
(三) 采用本地管理方式 22
五、 维护方式 22
六、 运行维护管理 23
附件一 24
附件二 25
附件三 27

　　　　为深入贯彻落实《中华人民共和国政府信息公开条例》及河南省政府有关文件精神，加快建设完善郑州市政府门户网站各部门子网站，进一步规范我市政府信息公开工作，同时为进一步体现郑州市人民政府门户网站的整体风格，确保门户网站内容的权威性和功能的完整性，各部门子网站建设应按照政府门户网站建设总目标的要求，通过不断加强对子网站的建设，以政务公开、便民服务、网上办事、沟通民意等网上服务为目的，逐步实现政府职能的转变和服务型机关的建立。
　　　　　　　　一、规划建设内容和目标　
　　　　(一)各部门各单位可依托“郑州市人民政府门户网站群”平台建立部门子网站。
　　　　(二)规范“郑州市人民政府门户网站”网站群各子站栏目设置。各部门网站建立，应参照工业和信息化部《政府网站发展评估_指标体系(试行)》(2009年4月22日)，围绕提高政府网站信息公开
……（新文秘网https://www.wm114.cn省略1620字，正式会员可完整阅读）……　

投诉举报
建议建言
民意征集 民意征集
调查评议 调查评议
在线访谈 在线访谈
ZZIC ZZIC办件 将zzic办件公示
　　（四）统一规范网页设计
　　　　网站总体风格沉稳、朴实，主题突出，网页结构清晰合理，链接一目了然，符合大多数用户的阅读习惯。政府信息公开专栏的每个栏目都可以直接由首页点击进入，体现重视政府信息公开思想意图。
　　4.1页面的层次结构
　　　　保持页面之间关系的平衡，从网站的一个页面到另一页面，点击次数一般不超过三次。整个网站提供站点导航地图。
　　4.2页面支持的分辨率
　　　　在页面设计过程中考虑对不同显示器分辩率的支持，对于表格宽度、高度的设定建议使用相对值控制，以保证页面可以支持1024*768、1280*1024等不同格式分辨率。
　　4.3文件的目录结构
　　　　文件的目录结构一般不超过三层。图片和HTML文件将放到不同的目录里。目录的名称将使用有意义的单词或拼音，使得网站的组织结构清晰明了。
　　　　文件名不使用空格或特殊字符。使用html作为文件的扩展名，在存放页面的目录里，每一目录里有一个inde*.html文件。所有图片存放在IMAGES目录里。所有原始的图片存放在IMG_SRC目录里。_、视频还有多媒体文件存放在MEDIA目录里。
　　4.4导航
　　　　导航系统的结构与风格保持统一。首页面能使网民方便地进入网站的二、三级子栏目。每个页面都设置返回主页面的链接。网站的导航简单、易用，网站里的所有页面都可以进一步访问其他页面。
　　4.5信息检索
　　　　网站页面提供多条件的网站信息检索。如按标题、按时间、按内容等。
　　4.6链接
　　　　静态页面的图片链接附加文字说明，且图片附加说明文字与该页面的TITLE(标题)一致。
　　4.7页面和图形的颜色
　　　　所有的颜色均从256种WEB安全色里挑选。
　　4.8图形
　　　　图形是为网站内容服务的，不使用与信息内容无关的图片。对于图形文件应该进行优化，单个图片的字节大小不要超过40KB，整个页面图形总量一般不超过105KB。大于40KB的图片要切割为字节小的图片。
　　　　图形文件上传前的扩展名一律用小写字母，图形文件名要限定在8个字符以内。
　　4.9页面元素的大小
　　　　页面元素文件尺寸的基本规定如下： 背景图片2～6K；网站LOGO12K；映射图(IMAGEMAP)40K；主图40K；按钮2～6K；自定义图标12K；字定义横线2～8K；BANNERS和导航条40K；照片40K；VRML40K；_、视频如果超过40K，标出文件实际大小；可下载的多媒体文件如果超过40K，标出文件实际大小。
　　4.10、标准的页眉和页脚
　　　　为了保持网站风格的统一，每个页面都设置页眉和页脚。页眉放置代表网站风格的BANNER或LOGO，页脚显示版权信息、EMAIL链接等。
　　4.11统一维护的样式表
　　　　为保持网站风格统一，要使用统一维护的样式表，对网页中的文字、链接等样式进行设置，在网站风格变化或改版时无需逐一修改模板，只要更改相关样式表即可快速完成。
　　4.12允许反馈
　　　　无论用户处于那一级页面，都可以轻松地向网站管理员发送email，email的链接要放在当前页面的页脚上。
　　4.13 其他
　　　　在主页和网站地图里要显示“关于我们”的链接，方便用户同网站所有者进行交流；将所有最重要的元素和信息放到第一屏显示；将LOGO放到每个页面的固定位置；当链接需要下载的文件时，标明该文件的大小；不使用设计制作未完成的页面；只使用用户提供的电子文本资料；在显著位置显示网站系统的版权信息。
　　　　（五）统一的技术语言
　　　　建议使用常用的编程语言，推荐与市政府门户网站保持一致的java语言，符合J2EE规范。
　　　　　（六）成熟的内容管理系统
　　　　建议采用成熟的内容管理系统管理网站的内容，数据采用数据库的方式存储。推荐采用现在运行的市政府内容管理系统平台。
　　　　　（七）统一的数据标准
　　　　网站发布的信息资料应遵循国家、行业或地方颁布的相关数据标准，提供数据访问途径，包括数据存储、访问方式、访问权限等．
　　　　网站数据库根据子站建设需求：推荐采用Oralce、MYSQL 等主流数据库作为网站底层数据库。
　　数据必须满足郑州市政府门户网站共享或抓取，实现与郑州市政府门户网站的信息共享和服务共享。各子站根据统一数据交换标准生成相应的接口文档，以方便主站的数据获取。(河南省政府门户网站内容格式规范，详见附件三)。
　　　　　（八）网站照片规范
　　　　各级部门负责网络的人员平常要关注学习常用的摄影知识，掌握一些常识性的摄影技巧和构图理念，学会简单的PS图片处理技术。
　　　　各级部门在举行各类活动和会议时，如需要拍摄照片，要注意会场秩序（会议刚开始时多拍些），拍摄时注意人物主次（领导和其他人员）。
　　　　在没有拍到好照片的情况下，在发文上稿子时可单发文字稿，不要免强配发图片。
　　　　拍摄的照片，应以汉语拼音字母命名，后缀名为Jpg 或jpeg格式，每张照片的大小不得超过500K。一条信息附图不要超三张照片。
　　　　　（九）统一访问日志
　　　　各子网站要向郑州市数字城市办公室开放访问日志。统一采用市政府已经购置的网站访问监控系统。
　　　　　（十）提供子站模板
　　　　对子网站设计和表现没有更高要求的单位，郑州市政府门户网站群内容管理平台提供子网站模板,通过版面布局格式选择，主题风格选择、栏目添加、栏目点选等方式能够快速生成部门子网站。
10.1版面布局格式说明
　　　　郑州市政府门户网站群平台提供子网站版面布局格式主要包括以下五种格式：
　　　　1.上边和左、右边相结合，这种布局又分为3个不同的比例，分别如下：图（1）、图（2）、图（3），版式效果也截然不同。






(郑州市****局)头部图片
导航：政务公开|信息公开专栏|办事指南|交流互动
领导信息 政务信息 通知公告
部门概况
宣传图片
政策文件 规划计划
网站搜索
专题信息
部门采购 特色栏目
表格下载
办事指南 在线办事
生活指南 在线访谈 民意征集
信息查询
Zzic办件公示 调查评议
领导信箱
网站链接（上级部门链接、同级单位网站链接、其它网站链接）
图（1） 布局（1）
　　　　图（1）这样的布局是常用的一种方式，上面是页面的提头和广告条，左边是按钮和其它的链接，这样的布局有其本质上的优点，因为人的注意力主要在右下角，所以主要想得到的信息都能最大可能的获取，而且很方便。但是有一个问题不得不注意，就是按钮在左边，都知道人们一般是用右手来操作鼠标的，要到左边去点击按钮就要移动过整个屏幕，所以每次都这样会很不方便。当然这也有一个习惯的问题，现在多数网站都采用这种形式，无形中造成使用者一打开网页都是习惯性的在左边去点击按钮。要能够在这种基础上做一些变化，就能做出很好的网页来。
　　　　图（2）是目前最多网站采用的布局方式，这样的布局相对来说比较合理，避免了图（1）出现的左边按钮问题，又结合了中国传统意义上的左为上的原则，把重要的部分放在左边，右边放一些功能性的内容，弥补了其他布局的缺陷。
上部(郑州市****局)头部图片
导航：政务公开|信息公开专栏|办事指南|交流互动
政务信息 通知公告 领导信息
部门概况
宣传图片
网站搜索

政策文件 规划计划
部门采购 特色栏目
办事指南
在线办事
专题信息
表格下载
在线访谈 民意征集 生活指南
信息查询
Zzic办件公示
调查评议
领导信箱
网站链接（上级部门链接、同级单位网站链接、其它网站链接）
　　　图（2） 布局（2）
　　　　目前还有一种布局，左边和右边各占50%的比例，左右均衡在排版方面很不容易做，但视觉上会会比较平稳，这是比较新颖的布局格式，很受一些个性网站的青睐，如下图布局（3）：
上部(郑州市****局)头部图片
导航：政务公开|信息公开专栏|办事指南|交流互动|网站搜索
　　　(左部)领导信息 　　　(右部)部门概况
……（未完，全文共25302字，当前仅显示4551字，请阅读下面提示信息。收藏《市政府网站建设技术规范》）