政府网站的内容开发与运作管理设计(ppt 90页).ppt

第5章政府网站的内容设计与开发,本章内容地图,5.1政府网站内容设计与开发概述5.2政府网站信息结构的设计5.3政府网站系统的元数据及其实现5.4政府网站网页的设计,引子,2001年9月28日，“中国上海”政府门户网站试开通2002年1月1日，正式开通2002年5月1日，全新改版,主页整体布局分为左右两大部分左上部为导航区左中部为热键区左下部为友好链接区右上部为个性化服务区及核心栏目导航区，将5大办公服务栏目用图标并排呈列，位置与左部导航区基本平齐右中部提供了“政务新闻”、“网上评议”等动态栏目，以及“办事直通车”、“服务导航”等快速访问功能右下部为上海政府部门网站的链接表,目前，我国政府部门建立的网站已超过1万个，其中，中央国家机关已建成门户网站90多个，基本实现了中央国家机关在网上集体亮相，网上办公、网上审批等工作已逐步开展。政府网站能否承担起公众与政府通过网络进行政务对话的介质和窗口，其内容开发的好坏具有决定性意义。,5.1政府网站内容设计与开发概述,政府网站的内容设计与开发是指借助一定的软件工具，将规划和分析阶段的结果以一系列网页及其相关应用程序的形式表现出来，有人也将这项工作称为“网页设计”。这里将“政府网站的内容设计与开发”看成比“网页设计”内涵更丰富的一个概念。除了网页编写外，还包括网页信息组织和开发、应用程序设计等。,什么是政府网站的内容设计与开发？,5.1政府网站内容设计与开发概述,5.1.1政府网站内容设计与开发的原则5.1.2政府网站内容设计与开发的方法5.1.3政府网站内容设计与开发的流程,5.1.1政府网站内容设计与开发的原则,目的性原则特色性原则适用性原则一致性原则美观性原则,包括,目的性原则,目标定义得越具体，越有利于实现,政府站点要提供哪个时间段哪些种类的信息？其中哪些信息最为关键？要以哪些媒体形式来表现这些信息？要提高哪些工作的透明度？人们通过站点可以足不出户地完成哪些办事程序？网上办事程序要占据整个办公流程的多少？在网站上是否需要长期开展民意调查？民意调查是否非常重要？,特色性原则,政府网站的内容应该体现政府的特色，包括特色的信息特色的服务建设“政府信息和服务”的“网上专卖店”比“百货商店”更好,适用性原则,效益观念和“用户至上”理念的反映目标性原则和特色性原则的合理延伸和有益补充确保站点上的每一个元素都有其存在的必要性，而且都存在于恰当的位置上,穿着不必时髦，舒服就好,一致性原则,对于网站设计而言，整体效果比单个网页的效果更为关重要，故而不能孤立地设计各组成部分，避免导致凌乱、头绪多的不良效果让用户不仅在视觉上产生一致感，同时也要在心理上认同网站的整体性,美观性原则,应该遵循基本美学原理和排版原则，以适当的色彩、图表、图标、字体、布局烘托出“简单清新、格调明朗”的艺术效果,5.1政府网站内容设计与开发概述,5.1.1政府网站内容设计与开发的原则5.1.2政府网站内容设计与开发的方法5.1.3政府网站内容设计与开发的流程,5.1.2政府网站内容设计与开发的方法,自顶向下的设计方法自底向上的设计方法不断增补的设计方法,包括,自顶向下的设计方法,从政府网站的主页开始设计，然后向下一层层展开，主要做法是先规划好整个网站的组织结构和风格，以主页为依据，设计好各类网页的“模板”，作为以后开发的基础，即通过在模板上逐步添加内容来实现网页。优点：在设计开始对日后全部工作有详细的规定和严格的控制，网站具有合理的结构，版面统一设置的网页。缺点：相对欠缺灵活度。,自底向上的设计方法,先设计各普通网页，再通过归纳总结，设计网站的主页。优点：比较灵活，可以适时调整网站的内容和功能，网页的个性化色彩比较突出。缺点：容易造成网站风格不统一，容易导致网页制作过程中的反复，从而影响工作效率。,不断增补的设计方法,在政府机关网站开发需求提出后，立即设计出相应的网页，随着需求的不断增加，不断开发出新的网页。这是一种需求驱动的设计方法。优点：能够在短时间内建立网站。缺点：缺乏总体规划，容易导致网站风格不统一。,如何选择设计方法？,实际工作中，一般是根据需要，结合使用以上三种方法，即先采用自顶向下的方法进行网站总体设计，在具体网页实现的过程中可以采用自底向上或不断增补的设计方法。,5.1政府网站内容设计与开发概述,5.1.1政府网站内容设计与开发的原则5.1.2政府网站内容设计与开发的方法5.1.3政府网站内容设计与开发的流程,5.1.3政府网站内容设计与开发的流程,整个政府网站设计流程包括：在网站前期规划、系统分析的基础上，细化网站的目标和功能，由设计人员共同研究确定网站的基本内容框架，并借助一定的工具软件予以实现。,可以从时间和逻辑两个角度来介绍政府网站内容设计与开发的流程。,时间角度,时间角度就是从网站内容设计开始到结束的基本过程看，该工作所包含哪几阶段顺序衔接的工作，完成前一阶段才能进入后一阶段,研究规划和分析阶段的文档资料，收集素材进行网站的形象设计构建网站的内容结构确立文件目录结构设计网站的链接结构选择合适的制作工具，制作主页及其他网页调试网站,政府网站的形象设计,政府网站的形象，是指政府网站在视觉上的整体形象。网上政府也有其外观形象，包括站点的标志（LOGO）、色彩、字体、多媒体的应用效果、版面布局等。政府网站的形象应体现出政府庄重、严肃、权威的特点。,以色彩为例：政府网站的标准色彩以稳重、大气、冷静的冷色调或中性色彩为好。新西兰政府门户（t.nz）、中国上海（）香港电子政府网站（.hk）选用了蓝色为主色调，首都之窗（）选择了深红色为基色，澳大利亚政府总门户（.au）美国第一政府网（www.FirstG）选用深红和蓝色为标准色彩，澳大利亚联邦政府门户网站（.au）则采用蓝色和土黄色为主色。,逻辑角度,逻辑角度就是对于各个阶段的开发工作，应依次从事哪几方面的工作,设计草案审批草案实施修改,按部就班学习5.2？,回到本章内容地图？,复习5.1？,5.2政府网站信息结构的设计,设计政府网站信息结构，主要需要明确三种相互关联的结构：内容结构、目录结构和链接结构。内容结构是网站信息的逻辑结构目录结构是网站信息的存储结构链接结构是用户在网站访问的路径设置内容结构是最重要、最基本的信息结构，其他两类信息结构都要在其基础上进行设计。,5.2政府网站信息结构的设计,5.2.1政府网站内容结构设计5.2.2政府网站目录结构的设计5.2.3政府网站链接结构的设计,5.2.1政府网站内容结构设计,网站内容结构设计是指根据网站需要实现的基本功能，罗列出网站提供的信息种类和服务项目，并进行适当地分类或归类，明确其名称，并排定顺序。网站内容结构实际上是网站的大纲，它揭示了网站内容的内在联系和组织方式，并将各个内容在整个网站中的位置标示出来。层次结构是安排网站内容的一种常见方式，它采用分类的逻辑方法按照从总到分的顺序组织网站内容。,政府网站有两种基本的类型，一是具体政府部门的网站，即基本网站，这类政府网站主要反映机构本身的信息内容和服务项目。另一类是门户网站，是一个跨机构的入口网，它是提供政府信息和服务的总窗口，这类政府网站是电子政务实现的平台。由于这两种网站的功能不尽相同，内容也有很大的区别，结构也应有所不同。,基本网站的内容结构,基本网站的内容主要以本政府机构的信息和服务为主，是该政府部门职能实现电子化、网络化的窗口,政务公开网上办公公众反馈信息信息公布特色信息及相关链接,政府门户网站的内容结构,政府门户网站的内容按客户需求来组织，主要以政府为网站用户提供的服务为主线来建立信息结构。,政府对公民政府对企业政府对政府政府对国际用户政务新闻国家或地方风貌政府机构简介政府机构网站地址,5.2政府网站信息结构的设计,5.2.1政府网站内容结构设计5.2.2政府网站目录结构的设计5.2.3政府网站链接结构的设计,5.2.2政府网站目录结构的设计,网站信息以文件为保存单位。为了便于对这些文件进行管理，创建网站时必须建立合理的文件目录结构，明晰各个文件的存储位置。内容结构的好坏，关系到用户的访问质量；目录结构的好坏，则对于站点本身的维护、扩充、更新和移植有着重要的影响。,网站目录结构一般采用层次化的树状结构，创建网站文件目录时应注意做到以下几点：勿将所有文件都存放在根目录下按照内容结构建立目录体系目录的层次不宜过多网站目录及文件的命名应规范,5.2政府网站信息结构的设计,5.2.1政府网站内容结构设计5.2.2政府网站目录结构的设计5.2.3政府网站链接结构的设计,5.2.3政府网站链接结构的设计,网站的链接结构是指页面之间相互链接的模式。它建立在目录结构基础之上，但不是与目录结构完全一致。链接结构和目录结构的主要区别在于：目录结构是平面的，而链接结构是立体的。,政府网站链接结构的模式有许多种，主要包括：线性结构分级结构星状结构混合结构,线性结构,访问者按照从头至尾的顺序浏览网站。,分级结构,也称“树状结构”，是应用最为普遍的一种链接模式。这种结构的网站从主页开始，从一级结构逐渐进入下一级的分支结构。,星状结构,也称“Web结构”，即浏览者可以从网站的任何一个页面出发，最后遍及整个网站的所有页面。,混合结构,在大部分的实际网站设计中，总是将以上几种结构混合起来使用，达到比较理想的效果。,如：在主页和一级页面之间用星状链接结构，一级和以下各级页面之间用树状链接结构，在由一篇长文档分割而成的多个页面之间采用线性结构。,原则：用最少的链接，使得浏览最有效率。量化标准：“三次点击原理”，它要求对于任何网页，用户点击三次都应该能够到达。,按部就班学习5.3？,复习5.2？,回到本章内容地图？,复习5.1？,5.3政府网站系统的元数据及其实现,5.3.1什么是元数据5.3.2都柏林核心元素集5.3.3元数据在政府网站内容开发中的应用,5.3.1什么是元数据,元数据的英文为Metadata，本意是关于数据的数据。在因特网中，元数据是指描述任何因特网数据和资源，促进因特网信息资源的组织和发现的数据，以协助对网络资源的识别、描述、指示其位置。,元数据的作用,定位和检索著录和描述资源管理资源保护与长期保存,当场练习,请利用搜索引擎寻找关于“政府网站设计”方面的文献，您是如何检索的？你找到了什么？,5.3政府网站系统的元数据及其实现,5.3.1什么是元数据5.3.2都柏林核心元数据集5.3.3元数据在政府网站内容开发中的应用,5.3.2都柏林核心元数据集,1995年，在美国俄亥俄州的都柏林召开了由OCLC和美国超级计算机应用中心主持的第一届元数据研讨会，最终产生了一个包括13个元素的元素集，包括题名（Title）、创作者（Creator）、主题及关键词（SubjectandKeywords）、描述（Description）、出版者（Publisher）、其他贡献者（Contributor）、时间（Date）、类型（Type）、格式（Format）、标识（Identifier）、来源（Source）、语言（Language）、关联（Relation），后来，又增加了2个元素：范围（Coverage）、版权（Rights）。目前，都柏林核心元数据集共包括15个元素。,5.3政府网站系统的元数据及其实现,5.3.1什么是元数据5.3.2都柏林核心元素集5.3.3元数据在政府网站内容开发中的应用,5.3.3元数据在政府网站内容开发中的应用,一些先进国家开始以元数据管理和XML作为数据交换标准为核心的政府信息资源建设方案：以元数据作为资源建设的标准，自上而下贯穿各级行业行政部门，从元数据管理的角度，为行业的行政管理和行业信息资源的整合提供技术基础；以XML作为数据交换的标准，将元数据标准用XML来实现，在统一的信息平台之上，集成从数据采集、处理和传输，到信息管理、分析和共享信息处理的整个流程，并在数据交换和共享的层面上，实现不同系统的联合与互联。,实例：美国GILS,20世纪90年代，许多元数据格式在各个领域出现。其中，GILS由美国联邦文书委员会倡议制定，它利用网络技术和国际标准来搜集与标引信息，可以识别整个联邦政府的公共信息资源、描述这些资源中的可用信息以及提供获取这些信息的帮助，以便用户能以各种途径检索到这些信息以及世界范围内的其他信息。目前，GILS（GovernmentInformationLocatorService）已成为政府信息描述标准。,美国第一政府网的高级检索界面/fgsearch/index.jsp,实例：澳大利亚AGLS,澳大利亚政府使用了澳大利亚政府资源定位元数据标准AGLS（AustralianGovernmentLocatorService），AGLS于1997年被开发，1998年11月得到了澳大利亚各级政府使用上的认可。它以都柏林核心元数据集为基础，依据政府信息的特点，制定了19个元素，以提高政府信息的检索和服务。其中最基本的元素是：创作者（Creator）、题名（Title）、日期（Data）、主题或功能（SubjectorFunction）、标识符或可获取性（IdentifierorAvailability）。,澳大利亚联邦政府门户网站高级检索界面.au/KSP?phase=117a20:f4cb0b521d:-67a8&action=menuInitialiseAdvanced,新西兰政府定位服务元数据标准是在澳大利亚AGLS的基础上的延伸，它对19个元素进行了归类:,实例：新西兰政府,按部就班学习5.4？,复习5.2？,回到本章内容地图？,复习5.1？,复习5.3？,5.4政府网站网页的设计,5.4.1网页5.4.2政府网页设计的关键环节5.4.3主页设计5.4.4网页制作工具,5.4.1网页,网页就是我们通过网络浏览器看到的网站页面，它是一个文件，由文字、图表、音频、视频构成。,网页的类型,按照表现效果和生成方式，网页分为两种：静态网页：采用HTML编写的、显示效果为静态的网页，它保存在Web服务器中，用户访问时直接从服务器中调出，无需系统实时生成，目前大部分的网页属于静态网页。动态网页：分为两种，一是表现形式动态化的网页，二是数据内容动态生成的网页。,动态网页,表现形式动态化的网页静态网页中添加活动内容，比如附加一些由其他语言（如Javascript、VBscript、Java等）所编写的小程序，以使原本内容固定的HTML文件具有动态效果，显得生动和吸引人比如图片从屏幕左面慢慢飘到右面，随鼠标移动显示不同的文字内容，滚动屏幕等,数据内容动态生成的网页采用CGI、ASP、JSP、PHP等Web数据库接口技术动态生成的页面，动态网页并不是完整地存储在网站服务器中，而是由计算机实时生成，只有在接到用户的访问要求后才生成并传输到用户的浏览器中，这些技术面向服务器端,5.4政府网站网页的设计,5.4.1网页5.4.2政府网页设计的关键环节5.4.3主页设计5.4.4网页制作工具,5.4.2政府网页设计的关键环节,网页的标题网站的整体风格网页的可读性网站的可理解性网页的可检索性网站的交互性,包括,网页的标题,三种标识一个网页的办法：URL文件名标题比如:,网站的整体风格,整体风格是用户对网站形象的综合感受。风格体现在诸多方面：网页的布局、色彩、网页上的图片（大小、处理效果）、文字（字体、颜色）、线条（线型、线宽）、标题等。整体风格比较抽象，没有一个固定的程式可以参照和模仿，因而比较难以把握。,政府网站要有风格，这个风格要与政府的特点相符。包括：庄重、严肃、规范、平实、简约、亲切、明朗、清新等。政府网站要有整体的风格，即网站内网页的风格要统一。,网页的可读性,可读性是指网页能在用户端打开，并能够正常输出。,需要充分考虑带宽、浏览器兼容性、字体兼容性和插件流行程度等。应考虑低端用户的情况。,实例,澳大利亚政府网站提供文本版（.au/text/index.html)，其信息和服务和普通版本完全一致,从而保证低端用户的快速访问。,网站的可理解性,可理解性是指网站的结构、功能，网页的内容、操作能够为用户所理解。,设立网站指南的栏目提醒用户当前位置尽量不使用较为生僻的词语对于专业的术语、复杂的操作等提供直接的、容易理解的帮助网页中的图片要添加文字说明如采用本网站之外的内容，应标明出处明确本网站版权的归属,措施,网页的可检索性,可检索性是指用户能够通过不同的查找办法快速寻找到所需信息。,各级栏目及相关内容有主次之分，将主要的信息放在突出的位置上，常用的功能放到容易操作的位置上用简洁、规范、概括、有吸引力的词语来撰写网页及文档的标题、关键词信息分类科学准确提供明确的导航条和网站地图当网站网页数目较多时，提供搜索引擎服务，并尽量完善检索功能,措施,5.4政府网站网页的设计,5.4.1网页5.4.2政府网页设计的关键环节5.4.3主页设计5.4.4网页制作工具,5.4.3主页设计,主页又称首页，是政府网站的形象页面，是网站的“门面”，人们往往看到网站的第一页就已经对站点有一个整体的感觉。主页的设计效果在很大程度上决定了是否能够吸引浏览者留在站点上继续点击进入，是否让用户找到了网站中的相应内容。所以，因而主页的设计是一个网站成功与否的关键，要对之给予充分的重视。,主页的设计需要考虑以下步骤：,确定主页的功能模块设计主页的版面布局设计主页的色彩,常用的主页设计的版面布局,“国”字型：也可以称为“同”字型。页面最上方面是网站标志、名称、横幅图片以及横条主菜单，接下来就是网页的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。“T”结构布局，又称拐角型。这种布局方式与“国”字型比较接近，页面顶部是网站标志、名称、横幅图片，有些页面也设横条主菜单，接下来就是网页的主要内容，区别在于“国”字型的这部分分为三个部分，“T”分为两部分，一般布局为左侧较窄，显示主菜单或热键，右列较宽，显示内容的布局，下面也是一些网站的辅助信息。封面式布局。指主页采用了封皮式的布局方式，没有太多的内容，页面非常漂亮，引人注目。其他布局方式。,实例：“国”字型版面主页,北京旅游信息网（,实例：“T”结构版面主页,北京建设网社会版（）,实例：封面式版面主页,美国阿拉巴马州政府网站（/）主页,实例：其他版面主页,美国阿拉斯加州政府网站（http:/www.state.ak.us/）主页,5.4政府网站网页的设计,5.4.1网页5.4.2政府网页设计的关键环节5.4.3主页设计5.4.4网页制作工具,5.4.4网页制作工具,编制网页涉及的工具比较多，包括网页制作工具，包括文本编辑器和所见即所得的可视化开发工具两种。前者如记事本、写字板等，需要设计者具备HTML语言知识，能够直接利用HTML语言代码进行编写；后者如Frontpage、Dreamweaver等，这已成为网页制作的主流工具，设计者无需精确掌握HTML语言。图片编辑工具动画制作工具网页特效工具,FrontPage2000,FrontPage2000是微软公司开发的Office2000中的一个组件，它具有强大的网页编辑能力和网站管理功能，是建立和管理专业网站的简易工具，也是目前使用最广的网页编辑制作工具之一。FrontPage2000保留和发展了FrontPage98的优秀功能，并根据用户的的要求增加了许多新功能。,FrontPage2000具有许多的优点和功能：简便易用网页设计和制作功能进一步加强网站管理功能更为突出,Dreamweaver4.0,Dreamweaver是美国Macromedia公司开发的集网页制作和管理网站