环保局门户网站建议方案11171[1]

环保局门户网站解决方案

引擎、消息引擎、数据访问、XML、目录服务、单点登录等基础功能组件。提供强大二次开发定制能力。

? 核心业务层

包括所有的业务应用系统，完成大部分的业务逻辑处理。其中泉港区环保局门户网站基于LW-CMS/LW-UCAP构建，相当于网站后台管理功能。政府信息公开系统依托外网网站，后台管理同样采用LW-UCAP研发的LW-GPIRS业务应用程序，负责处理信息公开内容审核、发布等。

? 接入层

主要是最终用户使用者，包括系统管理员、社会公众人员和机关工作人员。 以上是对系统总体逻辑体系结构的介绍，简要描述了各个层次的功能，分层设计即方便扩展，又可以帮助了解我们对本项目的规划思路。

6

环保局门户网站解决方案

第三章 门户网站前台建设

根据前述需求分析，本章将明确提出项目的项目建设指导思想、总体设计思路，同时结合多年大型电子政务建设经验，对本项目的系统总体业务逻辑结构提出总体规划。

3.1 建设思路

以政府门户网站绩效考评标准为基础，结合先进的信息采集技术与内容管理技术，实现对泉港区环保局门户网站的优化，对信息门户前台页面、栏目进行设计，采用多层架构开发一个方便维护、操作简便的网站后台管理系统，建成泉港区环保局的对外宣传和事务处理的门户。

职能单位的门户网站是信息化时代的政府与社会公众之间的有效联系载体，是电子政务重要的对外服务窗口，泉港区环保局门户网站的建设目标是：具有高性能、高可靠性、技术先进、能实现统一的信息发布、集中的信息存储备份、专业的系统管理维护和便捷的网上办事系统的门户网站。

在网站系统的建设中，应注重网络平台、应用体系、数据库体系和安全体系的规划和建设，实现以下目标：

1、

网络平台：支持多媒体信息传输，能灵活调度网络资源，有效完备的网管功能，有切换到备份系统的能力，有安全防范和审计分析能力。

2、

应用体系：重点建好全局性的、自上而下的网上应用项目，包括可开放的各类静态数据库全部实现资源共享。

3、

数据库体系：建立分步式的安全可靠的数据库体系；具有高效的信息采集、分析、整理、数据备份和恢复功能；逐步建立适应信息共享标准的各类数据库实体。

4、

安全体系：建立标准统一、分级管理、适应应用需要、切实可行的网络安全保障体系。

3.2 网站美工及版面设计

7

环保局门户网站解决方案

以下设计理念和版面编排说明将做为网站的主要依据，具体进行模板设计时，将依据各页的用途与功能进行适当调整。

3.2.1 美工设计理念

? 信息门户的整体形象设计以大气、端庄、严谨、协调统一为准则，并在局部进

行个性化、多样化、细致化修饰网页，采用艳丽的小块色彩、眩动的小图标丰富网页内容。

? 采用点、线、面结合，构架整体框架。点，有集中视线、紧缩空间、引起注意

的功能。用“点”表现重要信息。线，给人以速度，明确、平稳、安定、广阔，而锐利的感觉，曲线则优美轻快，富于旋律。用“线”勾勒区块模块分布。“面”中方形稳定、明确、严肃，四方八稳的内容块与细致秀美的“线”体现出端庄严谨。

? 在相同中求变化，在不同中求统一。在反复中寻找动与静的完美结合，寻求单

纯与复杂、细腻与奔放、定向与不定向之间的对比。虚实对比，显与隐对比，大小对比相辅相成，造成丰富的层次感。

? 图片之间保留一个相近或近似的因素，让他自然的过渡，相互渗透达到协调的

效果。

? 利用重叠、明暗、透视表现页面的物理空间感。

? 总之在形状、色相、明度间协调搭配，使之成为一个多资多彩的整体。以内容

突出、色彩鲜艳为基点，使之成为一个具有良好视觉效果、权威的综合门户网站。

3.2.2 网站版面编排

整个页面的设计可分为7部分：网站标识（logo），主要栏目链接标题，搜索，导航，广告，内容区，版权信息。

1) 标识（logo）

标识是品牌的象征，突出网站鲜明的个性、整体的构思，标识统一置于左上角。标志和标题应该醒目清晰。

2) 主要栏目链接标题（title）

8

环保局门户网站解决方案

采用文字形式（便于修改），标题文字须于背景有较大的明度反差，标题背景又要于页面上的临近元素形成较强的分界线，须有足够的可扩展空间在增加新栏目的同时不影响到整体布局。

3) 搜索 （Search）

在中间文本正文上方安排该功能，该功能是常用模块，放置在明显处便于查找被发现。提供多方面的搜索分类，并能在搜索中再搜索。

4) 导航 (navigation)

用于导航的文字要简明扼要，有清晰的字底区分，涵盖的范围不要太广，且应限制在一行以内。目的是让用户知道自己现在“身”在何处，并能用最少的点击到达目标。保证每页都有到网站首页的链接。

5) 宣传 (banner)

由于是权威网站，宣传条有着重要的作用。在制作时，宣传的规格可以自定义，尽量使用体现职能的大图片，然后在上面附falsh宣传语，可按需要更改宣传语。大块面的色块和清晰的图片体现出大气。

6) 内容区（content）

以竖三排排列，中间列信息内容多的条目。在每个内容区头用明显的字体交代该区的内容标题，附用活泼的图标加以修饰。正文内容全部定义为9pt大小，各个内容区之间要能明显的区分。为方便各个内容区的交换，更改，隐藏时之间的融合，拼接，所以矩形是内容区形状是最好的选择。（其中的用户登录，调查，小logo链接等都属于内容区）

7) 版权信息 (copyright)

是为了避免下面的内容太空，加上它，不仅充实了内容，而且使网站看上去比较规范。文字的底图要和整体风格相搭配，协调，忌讳“贴”上去的

8) 其它 (other)

页面以IE浏览器为主，1024*768分辨率显示（内容区域多且复杂）页面文字背景用浅色 ，页面的长度<=3屏，多出用分页显示。新闻图片的尺寸<150*150像素，从性能角度考虑，分别采用.jpg和.gif格式。用符号突出特别重要的内容，不要过多，保持页面的简洁。

9