第4章电子政务网站建设下.ppt

《第4章电子政务网站建设下.ppt》由会员分享，可在线阅读，更多相关《第4章电子政务网站建设下.ppt（28页珍藏版）》请在三一文库上搜索。

1、4.4 网站设计,4.4.1 网站的栏目设计 4.4.2 网站的目录结构设计 4.4.3 网站的链接结构设计 4.4.4 网站的整体风格设计,4.4.1 网站的栏目设计,（1）面向服务对象设置的栏目： 居民：按照人从生到死的生命周期，设置了生育服务等133个子栏目。 企事业：按照企业从生到死的生命周期，设置了设立准营等105个子栏目。 投资者：设置了青岛概况等43个栏目。 旅游者：设置了常用信息等36个栏目。 服务通道：设置了服务妇女、服务残疾人、服务老年人、服务三农4个大栏目65个子栏目。 （2）按照应用需求设置的栏目。从信息发布、在线服务、双向沟通等方面，设置了12个大栏目： 市长之窗：设

2、有市长专页、市长信箱2个子栏目，主要介绍市长简历、工作分工、联系渠道等内容。 政务之窗：设有组织机构、联系方式、公文法规、政府通告、政府会议、民愿处理、决策公开等11个子栏目，主要发布市政府公文、会议通报、人事任免、为民办的大事、人民来信办理结果、财政投资情况和各部门服务事项、行政审批、工作职能以及内设处室职能、办公电话、投资电话等基本信息。 便民服务：设有常用电话、表格下载、天气预报、航班时刻、列车时刻、汽车时刻、数字地图等9个子栏目，主要发布涉及到政务公开、为民服务的便捷信息。 青岛市情：设有青岛概况、统计信息、青岛年鉴和青岛史志4个子栏目，主要发布全市经济社会发展情况。 政府采购：设有政

3、策法规，采购、招标、邀标和中标公告等6个子栏目，主要介绍政府采购的政策和各类公告。 行政许可：设有许可事项、表格下载、在线服务3个子栏目，主要介绍政府审批、审核、核准和咨询等服务事项。 沟通政府：设有市长信箱、建言献策、行政效能、纪检监察4个子栏目，主要发布政民沟通、行政监督监察的邮箱地址。 热点专题：设有新年新思路、先进性教育活动、两创一迎、治理违法建筑、学海尔学振超精神等32个专题栏目，发布各类时政和为民服务的专题。 政务要闻：设有图片新闻、视频新闻、部门动态3个子栏目，均为政务信息发布。 政府通告：发布市政府或市政府职能部门发布的通告。 部门动态：发布市直各部门的工作情况。 视频点播：发

4、布青岛电视台提供的各类视频信息。,4.4.2 网站的目录结构设计,（1）不要将所有文件都存放在根目录下。若不按层次组织，把所有文件都放在根目录下，会造成如下问题： 文件管理混乱，影响工作效率。 上传速度慢。 （2）目录的层次不要太深。目录的层次太深，会给维护带来不便。一般要控制在3层左右。 （3）按栏目内容分类建立子目录。,4.4.3 网站的链接结构设计,（1）树状链接结构，其首页链接指向一级页面，一级页面链接指向二级页面；访问者一级级进入，一级级退出。链接结构清晰，访问者明确知道自己在什么位置，但是一个栏目下的子页面到另一个栏目下的子页面，必须绕经首页，每次浏览必须回到浏览效率低。 （2）星

5、状链接结构，其每个页面相互之间都建立有链接，可以互相浏览。,4.4.4 网站的整体风格设计,1. 网站整体风格的内涵 网站风格（style）指站点的整体形象给浏览者的综合感受。 （1）网站风格首先要建立在有价值的内容之上。 （2）网站风格是建设者的创意(idea)的体现。创意是传达信息的一种特别方式。例如“Webdesigner”(网页设计师)写成“wEbdEsignEr”，就是一种创意。 （3）网站的风格由站点的CI（标志、色彩、字体、标语）、版面布局、浏览方式、交互性、文字、语气、内容价值、存在意义、站点荣誉等等诸多因素决定。 （4）风格是独特的，是站点不同与其他网站的地方。或者色彩，或者

6、技术，或者是交互方式，能让浏览者明确分辨出所建设的网站独有的。 （5）风格是有人性的。通过网站的无障碍化，建立无间隙政府，表现政府的亲民形象。 （6）风格的形成不是一次定位的，要在实践中不断强化，调整，修饰。,2. 网站艺术风格的设计 （1）网站的标志设计。标志是一个网站特色和内涵的集中体现，具有简洁明了的代表性。标志可以是中文、英文字母；可以是符号，图案。,（2）网页色彩的选择。不同的颜色会给人们不同的心理感受，设计网页时，要结合主题的需要选择合适的色彩。 红色：一种激奋的色彩，能使人产生喜庆、热情、活力的感觉。 绿色：介于冷暖两种色彩的中间，显得和睦、宁静、健康、安全。与金黄、淡白搭配，可

7、以营造优雅、舒适的气氛。 橙色：一种激奋的色彩，具有轻快、欢欣、热烈、温馨、时尚的效果。 蓝色：最具凉爽、清新、专业的色彩。与白色混合，能体现柔顺、淡雅、浪漫的气氛。 白色：让人产生洁白、明快、纯真、清洁的感觉。 黑色：使人产生深沉、神秘、寂静、悲哀、压抑的感觉。 灰色：让人联想到中庸、平凡、温和、谦让、中立和高雅的感觉。 每种色彩在饱和度、透明度上略微变化会产生不同的感觉。以绿色为例，黄绿色有青春、旺盛的视觉意境；蓝绿色则显得幽静、阴深。在网页配色中，不要将所有的颜色都用到，尽量控制在三种色彩以内，背景色和前景文字的对比尽量要大，以便让文字看起来更清晰。,（3）网站基准色调设计。网站给人的第

8、一印象来自视觉感受，其中关系最大的是基准色调。 基准色调广泛运用于网站的标志、标题、主菜单和背景色块，能够使网站给人以整体、统一的印象。基准色调以外的其他色彩只是作为对比和衬托。一般来说，网站的基准色调只能是一种，最多不过三种。 （4）网站基准字体设计。基准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。可以根据需要选择一些特别字体。例如： 少儿网站可以用咪咪体，给人以活泼童真的印象； 艺术网站可以用篆字、隶书，可以衬托出深厚的文化底蕴； 高新技术站点可以用艺术体，以显示出简洁、强烈的现代感； 政府站点的标准字体则应在宋体、黑体或楷体中做选择，显得庄重、大方。,（5）板块造

9、型设计。不同的形状给人以不同的感受。例如： 矩形给人正式、规则的感受。很多政府网页都是以矩形为整体造型； 圆形给人柔和、团结、温暖、安全的感受等，许多时尚站点喜欢以圆形为页面整体造型： 三角形给人力量、权威、牢固、进攻性的感受，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型； 菱形给人平衡、协调、公平的感受，一些交友站点常运用菱形作为页面整体造型。 虽然不同形状代表着不同的意义，但目前的网页制作多数是结合多个图形来设计的，其中某种图形的比例可能占得多一些。,4.5 网站实施,4.5.1 本地站点构建 4.5.2 网页版式设计 4.5.3 网页制作工具选择 4.5.4 网站测试 4.

10、5.5 网站发布 4.5.6 网站维护,4.5.1 本地站点构建,在制作网页之前，首先应该在本地计算机的磁盘上建立一个本地站点（安装IIS或Apache服务器），以便于规划整个站点的结构。规划好的站点可使日后的工作更加有条理，方便系统地管理站点中的每个文件。在完成对站点文件的编辑后，还可以用将本地站点上传到因特网上。,4.5.2 网页版式设计,1. 网页板式设计的基本原则 （1）形式与内容统一。版式设计所追求的完美形式必须符合主题的思想内容。 （2）主题鲜明突出。版式设计要具有清晰的条理性。为此要按照主从关系的顺序，使放大的主体形象成为视觉中心，以此表达主题思想。 （3）强化整体布局。各种编排

11、要素在编排结构及色彩上作整体设计。整体性的考虑可以从以下几个方面进行： 加强结构组织的整体性，如形成水平结构、垂直结构、斜向结构、曲线结构，形成版面方向视觉的秩序性。 加强文案的集合性，将文案中的多种信息合成块状，形成版面的条理性。 加强展开页的整体性，使不同的展开页（如目录型展开嶡版、跨页版等）均在同一视线下展示。,2. 网页板式设计的技术要求 （1）平衡性。平衡可以给人安定、平稳、协调的感觉，它不仅表现文字和图像分布上，还表现在色彩上。 （2）.对比性。对比性通过形态和色彩等元素的差异，例如黑白对比，圆形与方形对比等，形成鲜明的视觉效果，创造出富有变化的效果。 （3）适度疏密。网页要做到疏

12、密有度，适当留白，运用空格，改变行间距、字间距等制造一些变化的效果。 （4）巧妙对称。对称是一种美，但过度的对称就会给人一种呆板、死气沉沉的感觉。因此要适当地打破对称，虽然不一定都要做到黄金分割，但制造一点变化，使得版面协调。,4.5.3 网页制作工具选择,网页制作工具Microsoft FrontPage,网页制作工具Adobe Dreamweaver,Fireworks 8操作界面,Ulead PhotoImpact 12操作界面,Photoshop CS2 9.0 操作界面,Flash 8 操作界面,Ulead Gif Animator 5.0操作界面,4.5.4 网站测试,1. 上传前

13、的测试内容 （1）网页在不同浏览器中的运行性能。 （2）网页在不同操作系统中的运行效果。 （3）外观测试。评估各个网页元素在浏览器中显示是否符合设计意愿，包括： 字体大小 表格间距 表单（用来接受用户信息的机制）外观 拼写校验测试,2. 上传后的测试内容 （1）链接测试。检查各网页是否存在掉链现象。小资料：脚本与脚本语言 （2）网页下载速度浏览速度测试。 （3）复杂网页中的脚本和程序测试。,3. 测试方法 （1）不同人员与不同位置的测试。 （2）利用程序测试。 （3）由权威网站测试。,4.5.5 网站发布,网站发布就是把在本地站点上开发的所有网页资源上传到指定的服务器主机上，使用户可以通过客户

14、端的浏览器对其进行阅读。上传可以利用专门的上传软件，如CuteFTP和Dreamweaver的FTP。 注意，上传之后，还要进行超链接测试、浏览速度测试和脚本测试。,4.5.6 网站维护,1. 网站运行维护 网站的运行维护就是保证服务器硬件和软件的正常运行，也包括数据资源的可靠使用。保证硬件可靠性的办法是提供良好的环境保证，入机房的温度、湿度、通风，同时最好准备有备用服务器。 2. 网站系统升级 网站系统升级主要指服务器软件系统升级，即采用新版本的软件代替原有软件，提高系统的功能。 3. 网站内容更新 网站内容更新就是随时采集最新有关信息加入到Web数据库中，或制作新的网页上传到Web服务器中

15、。,4.6 政府网站绩效评估,4.6.1 政府网站绩效评估体系概述 4.6.2 中国政府网站绩效评估（赛迪）指标体系,4.6.1 政府网站绩效评估体系概述,联合国公共经济与公共管理局从“政府网站建设现状”、“信息基础设施建设”以及“人力资源素质”三个方面来计算和衡量一个国家电子政务发展水平的“电子政务指数”。 按照这个评估系统，被评估的国家必须满足以下一些条件： 存在官方政府网站； 提供信息发布、互动性业务以及在线处理业务； 在教育、医疗健康、劳动就业、社会福利与服务、金融5个关键部门建有网站并提供在线服务； 使用单一的入门网站等。 它所划分的电子政务发展的起步、提高、交互、在线事务处理以及无

16、缝链接5个阶段，实际上描述的就是各国的“政府网站建设现状”。 美国布朗大学电子政务绩效评估中使用的绩效指标，也是从网站的5个特征进行选取和组织的。 国内对政府网站评估较有影响的有“中国城市门户网站”评估、赛迪公司的中国政府网站评估和国脉公司的个性化测评服务。,对于电子政务、政府网站的绩效评估的趋势： （1）绩效评估指标体系量化； （2）现代管理理论的应用，如目标管理理论和KPI理论的应用。 （3）技术指标与社会效益指标走向统一，例如有人正在考虑将IBM电子政务研究院提出的灵活、可升级、可靠三维度技术指标体系与埃森哲咨询公司提出的服务成熟度和客户关系管理两维度社会效益指标体系结合。 （4）由于电子政务以及政府网站建设是一个新鲜事物，还在不断发展之中，所以其评估指标体系以及权重，每年都会有一些调整。,4.6.2 中国政府网站绩效评估（赛迪） 指标体系,从2002年起委托赛迪顾问股份有限公司对我国政府网站建设和运行维护情况进行一年一度的调查研究。2007年1月11日，由国务院办公厅、国务院信息化工作办公室主办，中国电子信息产业发展研究院承办的“第五届（2006）中国政府网站绩效评估结果发布暨经验交流会”在北京召开。在会上公布了2006年中国政府网站绩效评估结果，分别按照国务院部委、省级、地市级、县级排名。,