U8财务链培训账表培训

电子政务理论与实务第7章[1]2024/3/31电子政务理论与实务第7章[1]电子政务理论与实务第7章[1]2024/3/31电子政务理论17.1网站设计与网页制作的一般原则7.1.1网站的主题和内容1.网站的主题1)主题选材一定要“适度”所谓“适度”是对个人主页或部门主页而言，网站的主页选材千万不要做得太广，主页的内容也不要包罗万象。因为对于一个个人或部门来说，其能力和时间都有限，不可能把每一栏的内容都做得丰富多彩，也不可能有那么多的精力和时间去维护、去更新。当然，对于一个大的政府部门、单位或公司来说，主页选材可以做得比较广，因为它们是有实力和能力做到这一点的。如果没有这个能力，却把主页做得样样俱全，结果只会样样都很肤浅，给人的感觉犹如蜻蜓点水，空洞无物，没有主题，没有特色，结果只能让信息浏览者失望。电子政务理论与实务第7章[1]7.1网站设计与网页制作的一般原则7.1.1网站的主2

2)题材的选择最好是自己擅长或者是与本部门的职能特性结合比较密切的内容比如，擅长网页设计，可以把网页设计的技巧、经验放在自己的主页上，也可以编写一些网页设计的教程等供浏览者学习、下载；对游戏感兴趣，可以设置游戏的排行榜、游戏的技巧、游戏的秘笈；对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。对于一个部门来说，网页的制作应与本部门的职能特性紧密结合。管理职能部门应侧重于管理机构、管理权限、管理内容等的宣传；服务职能部门则应侧重于服务对象、服务范围、服务项目等的宣传。这样在制作时，才不会觉得力不从心或脱离实际。电子政务理论与实务第7章[1]2)题材的选择最好是自己擅长或者是与本部门33)选材不要太滥，目标定位不要太高“太滥”是指到处可见，人人都有的题材；“目标定位太高”是指在这一题材上已经有非常优秀、知名度很高的站点，因而要超过它是很困难的。电子政务理论与实务第7章[1]3)选材不要太滥，目标定位不要太高电子政务理4

2.网页的内容内容是最重要的。网页内容一定要精、专，这是吸引信息浏览者的首要条件。如果网页上的内容空洞无物，让人读起来索然无味，那么这样的网页谁会再次光顾?所以网页上的内容必须有自己的独创性、见解性。如个人网页，可以在网页上尽可能多地放置一些自己的作品。但是对于大多数的个人主页创作者来说，完全靠自己创作的内容毕竟为数不多。大部分人的做法是从报纸、杂志、光盘等媒体中把相关的资料、图片收集整理。建议内容不要全部照搬他人的，应适当加入一些自己的文章、评论或见解。电子政务理论与实务第7章[1]2.网页的内容电子政务理论与实务第7章[15此外，网页上的内容一定要勤于更新。Internet上不断有新事物出现，每天都有新花样。如果主页从不改变，客户很快就会厌倦。不妨在主页上设置一个“Whatisnew”栏目专门用来发布新内容，或者也可以在页头以大字标题宣布新消息。也可以定期改变主页上的图像，或更改主页的式样。同时，为了保持新鲜感，应及时确保主页提供的是最新信息。一个受欢迎的主页必须做到天天更新甚至几个小时更新一次。电子政务理论与实务第7章[1]此外，网页上的内容一定要勤于更新。Inter67.1.2网站的组织网站都是由一个个网页组成的，网页的组织是非常关键的，网页组织的好坏直接关系到网站的成功与否。一般来说，一个好的网页应该遵循以下两个原则。

1．要包含有一定的信息一个好的网站，在它的网页中应该包含如下几个基本要素。(1)网站的名称。网站的名称是很重要的，一个好的名称，可能一下子就能让人记住。如很多人都知道“Yahoo网站”，但知道它的IP地址或其域名的人就可能不多。(2)网页的标题。如同一篇文章的标题一样，让人一下子就知道这一页的主要内容。电子政务理论与实务第7章[1]7.1.2网站的组织电子政务理论与实务第7章[1]7(3)内容。网页的内容非常重要，是浏览者最感兴趣的部分。(4)指向主页的链接或指向网站其他网页的链接。网站设计有一个非常著名的原则——“三次单击”原则，即网站中的任何信息都可以最多单击三次后找到，或单击三次后用户可进入到与本网站链接的任何网站主页或其他网页中。这样做的目的是为了方便访问者的浏览。(5)网站的联络方法。网站可进行双向信息交流，一方面提供信息给访问者，另一方面应该让访问者方便进行交流，比如说访问者发现网页上有错误或其他方面的问题时，可以与其联系。可以在网页中设置网站的联络方法，如提供IP地址、域名、电话、E-mail等。电子政务理论与实务第7章[1](3)内容。网页的内容非常重要，是浏览者最感8(6)网站的建立或更新日期。这些信息也是比较重要的，因为它们能够让浏览者很快知道哪些信息是最新的。(7)版权说明。可以在网站中设置一个版权说明，当被侵权时，就会有所帮助。电子政务理论与实务第7章[1](6)网站的建立或更新日期。这些信息也是比9

2．网页的长度要合适一般来说，网页的长度太短的话，就无法容纳足够多的内容，也就无法提供足够多的信息；反之，若网页的长度太长，首先其下载速度过慢，其次不方便浏览者的访问，因为他们需要不断地翻动屏幕，在滚动屏幕的过程中也很容易错过网页中的某些内容。根据经验，网页的篇幅一般限制在2到3页之内为佳。电子政务理论与实务第7章[1]2．网页的长度要合适电子政务理论与实务第7107.1.3网页的版面设计版面设计是一项非常重要的工作，它涉及到方方面面的内容。因为它要利用有限的空间，将各种文字和图片有效地组合在一起。文字太多，显得沉闷，缺乏生气；图片太多，缺少文字，就显得信息量过少。图片和文字又不能简单地堆放在一起，同时还要考虑色调搭配问题。在设计版面时，应该努力做到整洁、美观、主次分明、图文并茂。版面又因人而异，每个人的兴趣不同，喜欢的版式也不同，因而版面设计便没有定式。那么如何设计好自己的版面呢?一般来说，可以依据以下几个原则来设计版面。电子政务理论与实务第7章[1]7.1.3网页的版面设计电子政务理论与实务第7章[1]11

1．尽量简洁简洁是版面设计最重要的原则。因为设计网页的主要目的是为了发布信息，网页上的信息是最精华的、最重要的，除此以外的东西均应处于次要地位。不要将版面弄得过分花哨，虽然访问者会被精美的动画和花哨的图片所吸引，但访问者真正关心的是网页的内容，如果网页的内容是有价值的，那么他们才会经常光顾该网页。电子政务理论与实务第7章[1]1．尽量简洁电子政务理论与实务第7章[1]12

2．主色调色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。如果色彩处理不好，会显得凌乱、庸俗，甚至还觉得刺眼。一般来说，网页中的色彩不要超过三种，并且选用其中的一种色彩作为主色调，居主导地位。下面介绍几种常用的配色方案。(1)暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。电子政务理论与实务第7章[1]2．主色调电子政务理论与实务第7章[1]13(2)冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。(3)对比色调。即把色性完全相对的色彩搭配在空间里。例如，红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的对比效果，给人以亮丽、鲜艳、喜庆的感觉。现在很多网站的色彩搭配都很讲究，给人一种赏心悦目的感觉。电子政务理论与实务第7章[1](2)冷色调。即青色、绿色、紫色等色彩的搭14

3．善用表格利用表格，可以随心所欲地安排页面，使页面的内容整齐有序，层次清晰。另外，当图片较大时，可以将其裁剪成小的图片，再用表格将裁剪好的小图片拼接在一起，这样可以提高下载速度。使用了表格，可使整个版面显得整洁、有序、结构清楚。电子政务理论与实务第7章[1]3．善用表格电子政务理论与实务第7章[1]157.1.4网站的风格网站的风格要统一。因为一个网站是由很多个网页组成的，如果每个网页的风格都不一样的话，那么一定会使得整个网站显得凌乱、不协调，甚至很容易使浏览者感到迷惑，不知自己是否还在同一个网站内浏览，所以一定要使网站的风格保持一致。特别是在一个网站由多个人来共同开发的情况下，更应注意这个问题。一般来说，要使网站的风格保持一致，可以通过以下几方面来着手。(1)版面设计要一致。如网页的主色调、字体的风格(包括字体的类型、大小、颜色等)等要一致。(2)网页中的有代表性的东西要一致。如网站的名称、网站的徽标、有代表性的图形和动画等均要一致。电子政务理论与实务第7章[1]7.1.4网站的风格电子政务理论与实务第7章[1]16(3)导航条的风格要一致。导航条实际上就是一组链接，它可以告诉浏览者目前所在的位置，而且可以使浏览者很方便地转向网站中的其他网页。一般来说，在网站中的每一页都要设置一个导航条，设置导航条的风格要一致，如导航条在网页中的位置要统一，所有的导航条要么都用文本，要么都用图形，如果用的是文本的导航条，那么字体的大小、颜色均要统一。为了保持整个网站的风格统一，最好是使用CSS技术。CSS就是一种叫做样式表(StyleSheet)的技术，也叫层叠样式表(CascadingStyleSheet，CSS)技术。使用CSS技术，可以统一地对所有页面的布局、字体、颜色、行距、缩进量、背景等进行控制。电子政务理论与实务第7章[1](3)导航条的风格要一致。导航条实际上就是177.1.5网页的优化精彩的内容，加上漂亮的图片和迷人的动画无疑是吸引网民的一个好方法。但是一张图片的大小往往是几KB甚至达到几十KB，动画则是图片的几倍甚至几十倍，而网民大部分用Modem上网，目前其速度最快也只有56K，所以必须考虑传输带宽的问题。试想一下，如果下载某一页时需要十几秒甚至更长的时间，那么网民还会有耐心去等待吗?还会再次光顾该网站吗?如果能做到既有丰富的内容、漂亮的图片和动画，同时其下载速度又快，那么这样肯定会受到广大网民的欢迎，肯定会再次光顾该网站。对网页进行优化就是要平衡两者，让两者达到最佳状态，这可以从以下几个方面来着手。电子政务理论与实务第7章[1]7.1.5网页的优化电子政务理论与实务第7章[1]18

1．网页的长度不要过长一般来说，网页的长度不要超过三屏为好。超过三屏会使网页下载速度过慢，很容易使浏览者转向其他的网站。电子政务理论与实务第7章[1]1．网页的长度不要过长电子政务理论与实务第7章19

2．使用的图像宜小而精俗话说“一图顶千言”，一张小小的图片，可以精确地表达意思。再说如果只有文本而没有图片，那么整个网页会显得枯燥无味，引不起网民的兴趣。但是如果图片过多，则会导致传输速度过慢，怎么解决这个问题呢?一般来说，单张图片的容量不得超过30KB，每页图片总量不要超过60KB就可以了。这样的下载速度是可以接受的。如果不得不使用大的图片，那么可以把大图片分割成几个小图片，然后在编辑器中设置间隔为零，这样也可以加快其传输速度。电子政务理论与实务第7章[1]2．使用的图像宜小而精电子政务理论与实务第720

3．定义图片的尺寸(长度和宽度)定义图片的尺寸虽然不能减少图片的长度，但是可以加快网页下载的速度。因为有些浏览器每收到一张图片，事先要算出图片的尺寸才能显示出来。如果事先设置好，那么浏览器就不必花时间去计算图片的大小。再说如果事先设置好尺寸，那么浏览器在图片还没有完全下载时，就知道图形的大小，这样在下载的过程中它就可以安排图片邻近的文本了，否则的话，只有等图片全部下载完毕后，计算其大小，然后再安排邻近的文本。要设置图片的大小，只要在HTML中加入语句<imgsrc="图片名"width=w_valueheight=h_value>即可。电子政务理论与实务第7章[1]3．定义图片的尺寸(长度和宽度)电子政务理214．正确选择图片格式表7-1图片格式的比较电子政务理论与实务第7章[1]4．正确选择图片格式表7-1图片格式的比较电子政务理论与225．降低颜色数目可以使用Photoshop等绘图软件来降低图片的分辨率，以减少图片的长度。这样做出的图片虽然看起来不及杂志上的那样光滑和细腻，但是只要清楚就可以了，很少有人在意它，关键的是其下载速度。6．慎用动画动画的容量一般是图像的几十倍，所以在一页中动画一般应少于3个，并且每个动画要控制在15KB内。电子政务理论与实务第7章[1]5．降低颜色数目电子政务理论与实务第723

7．慎用Java程序目前Java程序的运行速度实在太慢，使用Java会使得网页速度至少减慢50％。由于浏览器的版本不同，有时候等候半天，却告诉JavaApplent不能启动。一般来说，每个页面不要使用超过两个以上的Java程序；能够用Javascript替代效果的，则尽量不要使用Java。电子政务理论与实务第7章[1]7．慎用Java程序电子政务理论与实务第724

8．使用缓存缺省情况下，浏览器在下载一个文件前，会先到缓冲区中查找；如果缓冲区中有相同的文件名则直接调出来，而不是从网站上下载。那些在网站中重复出现的文件，比如徽标、页首或导航条就不必一遍一遍地下载。这样就大大加快了页面的读取速度。如果想禁止某一页的缓存(Cache)的话，可以将如下代码加入到HTML的Head区中：<METAHTTP-EQUIV="Pragma"content="no_cache">电子政务理论与实务第7章[1]8．使用缓存电子政务理论与实务第7章[1]257.1.6主页测试和主页宣传1.主页测试当主页设计完成后，必须经过严密的测试，以找出尽可能多的错误。测试的主要内容包括：测试所有的超链接与导航系统按钮是否真实可行、是否有拼写错误，以及代码的完整性、浏览者的兼容性等。可以自己在本地测试；也可以找朋友测试；还有一种方法就是找一个专门测试主页的站点(如)，请该站点代为测试主页。注意：调试时至少要用两种主流的浏览器(如InternetExplorer和NetscapeNavigator)来一页一页地测试，以保证所有的网页均有不错的外观且没有任何错误。此外，在测试的过程中，还应该改变不同的分辨率(如640×480和1280×1024)和不同的字体等设置，以保证绝大多数的浏览者都能看到比较满意的效果。电子政务理论与实务第7章[1]7.1.6主页测试和主页宣传电子政务理论与实务第7章[126

2.主页宣传精心设计好了网站，却发现偶尔只有一两个网友访问网站。也许这时你会失去信心并对自己的能力产生怀疑：是不是网站做得太差，吸引不了人？其实不然，因为如果不加以宣传的话，那么在“茫茫网海”中很少会有人知道你的网站，更谈不上会光顾你的网站，所以只有加大宣传，扩大自己网站的知名度，才会吸引更多的网友访问你的网站。那么如何推销自己的网站，扩大自己网站的知名度呢?这可以从以下几个方面来着手。电子政务理论与实务第7章[1]2.主页宣传电子政务理论与实务第7章[1]27(1)到各搜索引擎注册、登记。搜索引擎是网民搜索所需资料的主要手段之一，也是推销、宣传网站的主要方式。因为网民需要某些资料时，只需到搜索网站敲入相关的关键字，搜索引擎会返回一个网站的清单，如果他对某一个网站感兴趣的话，那么他就会光顾该网站。所以你可以到各搜索引擎上注册、登记。Internet上提供这样的服务的网站很多，如Sohu、Yahoo等。(2)发E-mail通知。可以发E-mail给你的朋友，让他们来分享你的成果。也可以发E-mail给网民，但是当给不认识的网民发通知时，态度要诚恳，如果他们表示不欢迎你的通知，那么就不要再发E-mail给他们，否则，他们会认为你是在制造垃圾邮件，很有可能会受到邮件炸弹的报复。电子政务理论与实务第7章[1](1)到各搜索引擎注册、登记。搜索引擎是网28(3)在各留言板上留言。可以到各留言板上，用简短的语言介绍你的网站。同时别忘了留下网址。(4)多参与论坛、新闻组的讨论。可以在论坛、新闻组多发表一些有价值的观点，借此来宣传你的网站，提高网站的知名度。同样，别忘了留下网址。(5)参加广告交换组织。广告交换是指在自己的网页上显示其他成员的网页广告。其他成员的网页也会登出你的网页广告，如此达到相互宣传的作用。国内大大小小的此类组织较多,比较著名的有网盟()、联盟()等。电子政务理论与实务第7章[1](3)在各留言板上留言。可以到各留言板上，29(6)友情链接。可以选择一些访问率比较高的主页来进行友情链接，这样光顾网站的朋友一定会多起来。(7)参加网站排行榜。如果觉得自己有实力，那么你不妨参加网站排行榜。如果你的网站有幸排到前几十名甚至前几名的话，那么你的网站的知名度肯定会大大提升，到时你的网站就会“门庭若市”了。电子政务理论与实务第7章[1](6)友情链接。可以选择一些访问率比较高的主307.1.7网站的文件、目录规划和管理在Intranet/Internet上，只要计算机上安装了Web服务器，那么就可以成为一个Web站点。但是从安全、经济、效率等诸多方面考虑，没有必要让每一台计算机都成为一个Web站点。因为增加一个站点必定要增加一定的经济投入；其次从安全上讲，重要的信息要重点保护，如需要专人负责、需要专用机房和使用安全性能高的操作系统等。保护的重点主要是防止自然因素和人为因素的破坏。其中自然因素主要考虑如地震、火灾、静电等方面造成的损坏；人为因素主要考虑如黑客、病毒以及有意和无意造成的损坏等。计算机的性能也是影响Web网站运行效率的因素之一。在同等情况下，计算机的性能越好，其响应用户请求的速度就越快。此外，还要考虑网络的规模和网络的负载。如果规模较大、地理分布较广、用户请求量大的，那么可以考虑建立多个镜像的Web站点，以减少远程访问和响应时间，提高效率。电子政务理论与实务第7章[1]7.1.7网站的文件、目录规划和管理电子政务理论与实务第31规划好网站后，就该好好规划Web站点的目录和内容了。这可以从以下几个方面来考虑。(1)分门别类地将文件存放在不同的目录下。不要将所有文件都存放在同一个目录下，因为这样不仅难以管理，而且也容易造成文件名的冲突。试想一下，如果将所有文件都放在同一个目录下，并且文件比较多的话，这样常常搞不清哪些需要编辑、更新，哪些文件是无用的并可以删除，哪些文件之间是相关联的。如果网站有几个栏目，那么可以按栏目分别建立各子目录，并且建子目录时，最好做到“见名思义”。比如有一栏关于硬件方面的内容，可以在根目录下建立一hardware子目录，并且把关于硬件方面的文件全部放在该子目录下。当然，也可以建立像abc这样的子目录。很显然前一种方法比较好。电子政务理论与实务第7章[1]规划好网站后，就该好好规划Web站点的目录和32(2)在每个主目录下建立独立的images目录。通常在根目录下有一个images目录，习惯上把所有栏目的图片均放在该目录下。这样，如果图片较多时，管理起来就很麻烦。假设要删除某一个栏目，这时就不能确定哪些图片该删，哪些图片不该删，所以应该在每个主目录下建立一个独立的images目录。这样当删除某一栏目，或者打包某一栏目时就很方便。而根目录下的images一般只放主页的图片和次栏目的图片。(3)目录的层次不要太多，建议不要超过3层。电子政务理论与实务第7章[1](2)在每个主目录下建立独立的images33(4)不要使用中文文件名和中文目录名。使用中文的名字可能对网址的正确显示造成困难。(5)不要使用过长的目录名。尽管服务器支持长文件名，但是太长的目录名不便于记忆。另外，如果某些文件是专供下载的，那么最好用比较通用的压缩工具(如WINZIP、ARJ等)把它们进行压缩，并把它们放在合适的目录下。这样做不但可以节省磁盘空间，而且更重要的是可减轻网络的负载，加快下载速度。电子政务理论与实务第7章[1](4)不要使用中文文件名和中文目录名。使用347.2政府网站建设7.2.1政府网站的内容建设为使政府部门在相对比较短的时间内实现网上亮相，可分以下三个阶段进行：第一阶段，首先树立政府上网的意识，其次可将政府的基本信息，如机构设置、常规的文件在网上发布。电子政务理论与实务第7章[1]7.2政府网站建设7.2.1政府网站的内容建设电子政35第二阶段的任务是进一步帮助政府机构建设基于数据库的内部信息平台(Intranet)和信息发布机制，使得上网的政府机构能够实现电子化办公，并能实时通过网络发布更多、更有用的信息，例如国家法律、法规和各种规章制度，一些国家机构办事手续等等，同时建立信息收集和反馈机制，以便政府机关方便地通过网络收集其他相关企事业单位或国家机关信息，从普通用户获得反馈意见，以便更好地提高工作效率。将政府的对外服务项目，如办理护照、海关报关、报税、申请营业执照等业务在网上进行，至少可以先将办理指南放上去，以达到将来简化手续、一次办理的目的。目前CNNIC申请域名就是通过网上办理各种申请手续，最后一次交费。电子政务理论与实务第7章[1]第二阶段的任务是进一步帮助政府机构建设基于数36第三阶段是将各政府网站连接起来，最终政府机关通过网络实现“无纸化”办公，不同政府机关之间通过网络交换信息、下达文件和指示，政府机构网上电子办公、采购和电子商务等将融为一体，一般用户可通过网络办理公务等。目前已建成并投入使用的部委网站中，信息产业部的网站和国家经贸委的网站就是两个比较好的例子。信息产业部网站的内容包括“部门介绍”、“统计信息”、“政策法规”、“行业管理”、“企业之窗”及“近日动态”等栏目。其中：“部门介绍”通过站点公开本部门的机构组成、职能、办事程序，提高工作的透明度，从而方便广大人民群众行使民主监督的权利。电子政务理论与实务第7章[1]第三阶段是将各政府网站连接起来，最终政府机关37“统计信息”包括月度统计资料、年度统计公报、行业统计年鉴、统计分析、国外信息等。信息资源是社会的财富，我国政府部门掌握着全社会有价值信息资源的80％，以及3000多个数据库。通过网上数据库可以将信息在最大范围内实现共享，为各级地方政府和企业在决策时提供重要依据。“政策法规”包括法律、行政法规、行政规章、规章性文件、地方性法规和地方政府规章。信息产业部承担着行业法规的起草和执行任务，具有很高的权威，因此，通过本部门的站点可以为社会各界提供最准确的信息和最完备的解释，对于国家政策的顺利实施将起到积极的推动作用。电子政务理论与实务第7章[1]“统计信息”包括月度统计资料、年度统计公报、38“行业管理”包括本行业管理的有关文件。这些文件在网上的及时发布，为企事业单位和广大人民群众查阅了解提供了极大的便利。其中，“行业标准”列出了本行业的所有相关标准以及建议草案；“资费索引”对本行业的收费标准加以全面公布，便于人民群众、社会各界监督，有利于纠正当前人民群众反映强烈的乱收费问题。“企业之窗”介绍本行业重点骨干企业、科研院所等，起到了宣传和服务的作用。“近日动态”对行业信息、新闻进行实时发布，而且具有权威性。电子政务理论与实务第7章[1]“行业管理”包括本行业管理的有关文件。这些文397.2.2政府站点建设及规划的基本原则为规范和树立我国各级政府在网络上的形象，政府站点的建设和规划应遵循如下原则。

1.站点规划统一的原则确立中国政府中心导航站点，下设部委行署，再下为各部委的二级机构连接到各省市的政府主机上。各部委主页应以“中华人民共和国部(行、署)”的形式出现，各省市政府的站点应以“省(市)人民政府”或“省(市)局”的形式出现。各政府站点均应设机构设置、政府职能、政策法规、便民服务等基本栏目。电子政务理论与实务第7章[1]7.2.2政府站点建设及规划的基本原则电子政务理论与实务40

2.域名规划一致的原则为了体现政府站点的正式性和权威性，所有部委级和省市级政府正式站点均以申请域名，域名统一规划为www.…并对应一个多媒体网的域名www.…，以便于169/163用户访问。各政府站点均应使一个169网内部IP地址对应一个163网外部IP地址。3.信箱规划公开的原则各政府部门的站点考虑设虚拟信箱。如江苏省政府办公电子信箱名为name@，以示正式、权威。电子政务理论与实务第7章[1]2.域名规划一致的原则电子政务理论与实务第41

4.网页设计庄重的原则政府站点的网页设计应简洁、美观，界面应与政府形象相符，网页大小应有所限制，网页须响应及时，可以采用多种浏览器浏览，以便于检索，同时具有纯文本版本甚至外文版，以满足不同用户的需要。电子政务理论与实务第7章[1]4.网页设计庄重的原则电子政务理论与实务第7427.3FrontPage2002的应用7.3.1FrontPage2002简介1.FrontPage2002的特点FrontPage2002是MicrosoftOffice2002的组件之一，在FrontPage2002中只要利用功能命令或工具按钮，编辑网页就如同使用Word编辑文件一样简单。FrontPage2002的主要特点如下。1)友好的操作界面由于FrontPage2002是Office2002的组件之一，因此FrontPage2002的操作方法及窗口界面与Office其他软件基本一致，只要使用过Word或Excel，对FrontPage2002的操作就不会有困难。另外，凡是由Office组件制作出的文件都可直接放入网页中。电子政务理论与实务第7章[1]7.3FrontPage2002的应用7.3.1F432)所见即所得的编辑环境在FrontPage2002的普通视图环境中，可使用“所见即所得”的工作方式，用最直接、最视觉化的方式来编辑文字、图片、表格等，使完全不懂HTML语言的人能够轻松制作出具有专业效果的页面。对于那些已熟练掌握了HTML语言的人，只需在HTML视图模式中即可进行HTML语法的编写，可通过预览模式窗口直接对页面效果进行查看。而且，可以在网页中插入经Photoshop、MicrosoftGIFAnimator及UleadCool3D编辑处理过的图像和动画，还可插入Java、ActiveX、JavaScript等应用程序，产生各种特殊效果。电子政务理论与实务第7章[1]2)所见即所得的编辑环境电子政务理论与实务443)HTML的编辑功能在FrontPage2002界面中的“HTML”视图模式下，有用来提供HTML源代码的功能，在这里可以用HTML语言编写页面，也可对网页视图模式中制作的页面进行编辑和修改。4)使用模板与向导在FrontPage2002中也采用了Office组件中广泛使用的“模板”及“向导”功能。用户可通过对模板的套用，或按向导给出的提示，快速完成各类站点结构的组建及网页样式的制定。电子政务理论与实务第7章[1]3)HTML的编辑功能电子政务理论与实455)套用主题在FrontPage2002中提供了60个预先设计好的主题，利用它们可以很快创建出具有统一风格的美观精致的站点或网页。若不满意，还可修改。6)绘制表格在FrontPage2002中使用表格，只需指定表格的行数、列数，也可使用工具按钮直接绘制表格或清除不需要的部分。电子政务理论与实务第7章[1]5)套用主题电子政务理论与实务第7章[1]467)文件管理FrontPage2002具有强大的文件管理功能，对站点内的文件可以进行移动、复制、删除、换名等操作。8)更新链接在FrontPage2002中，可以自动测试、快速更新链接。9)建立站点结构使用FrontPage2002可以直接在屏幕上创建站点结构，并能自动在页面中加入链接导航栏。10)工作进度建立规模较大的站点往往需要多人合作，使用FrontPage2002的任务列表功能，即可对每个人的工作任务进行统筹管理及合理分配，使建站的工作有条不紊。电子政务理论与实务第7章[1]7)文件管理电子政务理论与实务第7章[1]47

2.FrontPage2002的启动与退出1)启动FrontPage2002启动FrontPage2002有两种方法：(1)菜单启动：执行“开始→程序→MicrosoftFrontPage”命令启动FrontPage2002。(2)快捷方式启动：双击Office工具栏或桌面上的FrontPage2002快捷图标启动。2)退出FrontPage2002单击窗口右上角的“关闭”按钮或执行菜单“文件→退出”命令，均可退出FrontPage2002。电子政务理论与实务第7章[1]2.FrontPage2002的启动与退487.3.2FrontPage2002界面介绍图7-1FrontPage2002的界面电子政务理论与实务第7章[1]7.3.2FrontPage2002界面介绍图7-149

1.视图栏在FrontPage窗口左侧的视图栏中列出了FrontPage的六种查看模式：网页模式、文件夹模式、报表模式、导航模式、超链接模式和任务模式。1)网页模式网页模式是FrontPage2002提供给用户编辑及制作网页的工作模式，也就是说，所有编辑网页的工作都必须切换到此模式下才能进行。启动FrontPage2002时，默认进入网页模式，如图7-1所示。电子政务理论与实务第7章[1]1.视图栏电子政务理论与实务第7章[1]502)文件夹模式在文件夹模式下可以查看站点中所有的网页、图形和文件，如图7-2所示。FrontPage2002将网页编辑窗口划分为两个窗口，左侧显示站点的文件夹列表，右侧显示当前文件夹下所包含的子文件夹和网页文件，以及网页文件夹的“名称”、“标题”、“大小”与“类型”，还可得到它的“修改日期”、“修改者”、“注释”等信息。如果要按照上述类型对文件夹、网页文件进行排序，那么可直接单击相应的类型标签，FrontPage2002将在窗口给出该文件类型的升序或降序排列结果。电子政务理论与实务第7章[1]2)文件夹模式电子政务理论与实务第7章[51图7-2文件夹视图电子政务理论与实务第7章[1]图7-2文件夹视图电子政务理论与实务第7章[1]52

3)报表模式通过报表模式，可以迅速地列出站点中的网页、图形和文件列表，然后通过运行报表来列出慢速网页、未链接的网页、最近添加或更改的文件、断开的超链接、组件错误、检查状态、分配、类别、发布状态或签出状态来分析站点，如图7-3所示。电子政务理论与实务第7章[1]3)报表模式电子政务理论与实务第7章[1]53图7-3报表视图电子政务理论与实务第7章[1]图7-3报表视图电子政务理论与实务第7章[1]544)导航模式在FrontPage中可以通过设置站点的导航结构来管理其中导航栏的工作：可以放大到指定的节点，并且添加指向外部站点的超链接；还可以以最快速的方法构建出一个网站的雏形，就像在纸上画结构图一样，而且网页会依据结构图的形式自动产生链接关系，如图7-4所示。电子政务理论与实务第7章[1]4)导航模式电子政务理论与实务第7章[1]55图7-4导航视图电子政务理论与实务第7章[1]图7-4导航视图电子政务理论与实务第7章[1]565)超链接模式超链接模式能够以图形化的方式来查看全部指向或者来自一个具体的网页或MicrosoftOffice文档的链接项目，并且可视化地查看是否有任何断开的链接，如图7-5所示。电子政务理论与实务第7章[1]5)超链接模式电子政务理论与实务第7章[1]57图7-5超链接视图电子政务理论与实务第7章[1]图7-5超链接视图电子政务理论与实务第7章[1]586)任务模式任务模式能够跟踪有哪些任务是需要被完成的，这些任务分配给了谁，并且能够迅速地查看任务的状态、说明和优先级。

2．编辑窗口视图栏右侧的空白区域称为编辑窗口，这是我们编辑网页的工作区。电子政务理论与实务第7章[1]6)任务模式2．编辑窗口电59

3．网页视图方式栏在编辑网页时，FrontPage2002提供了三种网页视图方式：普通方式、HTML方式和预览方式。1)普通方式在普通方式下，可以以所见即所得的方式编辑网页，即透过最简单的方式制作非常专业的网页。编辑时的显示同最终用浏览器浏览时的显示很相似。在该方式下可完成对网页编辑的大部分工作。图7-6所示是一个加入了图片的网页。电子政务理论与实务第7章[1]3．网页视图方式栏电子政务理论与实务第7章[602)HTML方式在HTML方式下，可以查看网页的HTML源代码，也可直接对源代码进行编辑，还可以编辑DHTML、脚本、ASP和XML。图7-7所示为图7-6所示内容的HTML方式。电子政务理论与实务第7章[1]2)HTML方式电子政务理论与实务第7章[61图7-6普通方式电子政务理论与实务第7章[1]图7-6普通方式电子政务理论与实务第7章[1]62图7-7HTML方式电子政务理论与实务第7章[1]图7-7HTML方式电子政务理论与实务第7章[1]633)预览方式在预览方式下，可以预览网页的结果。虽然FrontPage2002已经是个所见即所得的环境了，但网页中的某些效果还是必须到能够浏览网页的模式下观看才会准确，最快的方法就是马上切换到预览方式下进行预览。预览方式是在编辑网页时随时观察网页在浏览器中的实际情况。对静态的显示，普通方式和预览方式显示相同；但对一些特殊效果，如动态HTML，只有在预览方式下才可以见到动态的过程。当然更准确的方法是直接在浏览器里浏览。电子政务理论与实务第7章[1]3)预览方式电子政务理论与实务第7章[1]647.3.3FrontPage2002的基本操作1.新建网页在FrontPage2002中，可以生成两种网页，即空白网页和模板网页。不同的网页，其创建方法也不同。不论新建了哪一种网页，都有一个临时的名称，即new_page_X.htm，其中X是一个数字，代表了新建网页的个数。下面具体进行介绍。1)新建空白网页启动FrontPage2002之后，系统会自动建立一个默认的空白网页。当需要再建立新的网页时，可以单击菜单栏中的【视图】/【任务窗格】命令，打开任务窗格。然后单击其“空白网页”选项(如图7-8)，即可建立一个新的空白网页。电子政务理论与实务第7章[1]7.3.3FrontPage2002的基本操作电子政务65图7-8“空白网页”选项电子政务理论与实务第7章[1]图7-8“空白网页”选项电子政务理论与实务第7章[1]662)新建模板网页所谓模板网页，就是一些已经预置了各种样式的网页，在这些网页中，所有的格式都已经设置好了，用户只需修改其中的内容就可以得到所需的网页。FrontPage2002的模板功能为用户快速创建外观专业、布局规范的网页提供了很大的方便。下面我们以“常规”模板为例，介绍一下如何创建模板网页。单击【任务窗格】中的“网页模板”选项，即弹出“网页模板”对话框。在该对话框中有三个标签，分别是“常规”、“框架网页”和“样式表”，我们选择“常规”标签，如图7-9所示。在对话框左侧选择一种模板，则在右侧就可以预览。单击【确定】按钮，就会生成基于此模板的网页。电子政务理论与实务第7章[1]2)新建模板网页电子政务理论与实务第7章[67图7-9“网页模板”对话框电子政务理论与实务第7章[1]图7-9“网页模板”对话框电子政务理论与实务第7章[1]683)保存网页图7-10“另存为”对话框电子政务理论与实务第7章[1]3)保存网页图7-10“另存为”对话框电子政务理论与实69单击按钮，则弹出“设置网页标题”对话框，如图7-11所示。在“网页标题”文本框中输入网页标题，当访问者在浏览器中打开网页时，标题栏中将显示网页的标题。单击【确定】按钮，返回“另存为”对话框；点击【保存】按钮，即可保存该网页。电子政务理论与实务第7章[1]单击按钮，则弹出“设置网页标题”对话框，如图70图7-11“设置网页标题”对话框电子政务理论与实务第7章[1]图7-11“设置网页标题”对话框电子政务理论与实务第771

2.创建文字FrontPage2002中对于文字与图像的处理与Word很相似，用过Word的人对于FrontPage中这部分的操作是很容易上手的。不过，毕竟是网页制作软件，在Web的基础上，又增加了很实用的功能，能做出复杂而且高级的网页文字与图像。与以前版本相比较，FrontPage2002在这方面进行了改进，更贴近普通用户，在轻轻松松地点击鼠标之后就可以做出以往还要通过粘贴HTML代码这样烦琐的步骤才能做出的效果。FrontPage中对于文字处理基本集中在【格式】菜单栏里。【格式】菜单栏中的选项是用来协调整个网页以及整个网站的内容编制，也是个较常用到的菜单栏，如图7-12所示。电子政务理论与实务第7章[1]2.创建文字电子政务理论与实务第7章[172图7-12【格式】菜单栏电子政务理论与实务第7章[1]图7-12【格式】菜单栏电子政务理论与实务第7章[1]73在FrontPage2002中创建文字的方法大致分两种：输入和导入。(1)输入文字：新建一个网页，输入文字就可以开始编辑网页了，其界面如图7-13所示。电子政务理论与实务第7章[1]在FrontPage2002中创建文字的方法74图7-13在新建网页中输入文字电子政务理论与实务第7章[1]图7-13在新建网页中输入文字电子政务理论与实务第7章[75(2)导入文字：通过【粘贴】能将在此之前在任何程序中复制或者剪切的文字创建到当前编辑网页中，【编辑】菜单栏中的选项与之有关。还可以通过【插入】菜单栏中的“文件”选项导入文字，包括.txt、.doc、.htm等纯文本或者包含文字的文件。电子政务理论与实务第7章[1](2)导入文字：通过【粘贴】能将在此之前在76

3.编辑文字(1)字体设置：选择【格式】菜单栏中的“字体”选项，出现“字体”对话框，如图7-14所示。图7-14“字体”对话框电子政务理论与实务第7章[1]3.编辑文字图7-14“字体”对话框电77①字体：选择需要的字体。字体文件都保存在windows目录中的fonts子目录中，可以自行删改或添加。②字形：有“常规”、“倾斜”、“加粗”和“加粗倾斜”四个选项。一般来说，正文选用“常规”，“加粗”用于标题，“倾斜”则用于突出正文中的内容以及使文字美观。③字号：可以直接在输入框中输入需用的字号，也可以在选项中选取。一般来说，在浏览器中9磅和10.5磅看起来最美观最舒服。④字符间距：这个分页中的选项是用来进行行距设置以及文字定位的。⑤预览：无论在“字体”对话框中进行什么操作，都可以在预览框中看到样品，方便选取合适的搭配。电子政务理论与实务第7章[1]①字体：选择需要的字体。字体文件都保存在w78(2)段落设置：选择【格式】菜单栏中的“段落”选项，弹出“段落”对话框，如图7-15所示。①对齐方式：设置整个段落在页面中的位置。常用的为居中。②缩进：调整段落与左右边界的距离。首行缩进是用来设置各段第一行的。③段落间距：设置段落与段落之间的距离。对段落的操作和字体一样，可以在预览框中观察。当然，以上这些操作都可以在工具栏(如图7-16)中通过对应图标按钮来实现。电子政务理论与实务第7章[1](2)段落设置：选择【格式】菜单栏中的“段79图7-15“段落”对话框电子政务理论与实务第7章[1]图7-15“段落”对话框电子政务理论与实务第7章[1]80图7-16工具栏此外，【格式】菜单栏中的“项目符号与编号”选项也可以用来设置文字段落的排列，文字的一般处理基本上都与Word相似。电子政务理论与实务第7章[1]图7-16工具栏此外，【格式】菜单栏中的81

4.创建图像在FrontPage2002中对于创建图像的操作基本上集中在【插入】菜单栏里的“图片”选项中，如图7-17所示。图7-17【插入】-"图片"菜单栏电子政务理论与实务第7章[1]4.创建图像图7-17【插入】-"图片82(1)剪贴画：图7-18插入剪贴画电子政务理论与实务第7章[1](1)剪贴画：图7-18插入剪贴画电子政务理论与实务第83(2)来自文件：导入本机或者局域网中的图片。与剪贴画比较，该方式所获得图像的质量、类型和格式都很丰富，是最常用的导入图像方式。(3)新建图片库：主要用于制作排列众多图片的页面,针对样品列举、图片欣赏等。在打开的对话框中，点击添加导入所需要的图片，设置好缩略图的大小后，在四种布局中选择一种适合用户的(如图7-19),单击后，按【确定】按钮,一张布满图像的页面就生成了。电子政务理论与实务第7章[1](2)来自文件：导入本机或者局域网中的图片84图7-19图片库电子政务理论与实务第7章[1]图7-19图片库电子政务理论与实务第7章[1]85

5.网页布局通常网页的布局使用到的是FrontPage2002中的表格和框架菜单栏里的命令。表格（Table）是将页面中的内容以表格的形式排列，常用于单一页面内图片与文字的安排，是最常用的布局命令。1)表格表格的使用十分简单，一般包含以下两个操作：(1)插入表格。点击“表格”菜单中的“插入表格”选项，在弹出的对话框中可以对所需表格的行列数及边框属性进行设置，如图7-20所示。插入一个样表，自己调整它在整个网页中的位置，为以后填充内容做好准备。电子政务理论与实务第7章[1]5.网页布局电子政务理论与实务第7章[1]86图7-20插入表格对话框电子政务理论与实务第7章[1]图7-20插入表格对话框电子政务理论与实务第7章[1]87(2)修改表格样式。单击已经插入的表格，在弹出的菜单中选择"表格属性"选项。弹出的对话框可以让你对表格的外观进行设置，如图7-21所示。基本上除了行列数这些需要使用插入行列等菜单完成的功能外，在此设置的大都和表格的外观有关。电子政务理论与实务第7章[1](2)修改表格样式。单击已经插入的表格，在88图7-21表格属性电子政务理论与实务第7章[1]图7-21表格属性电子政务理论与实务第7章[1]89FrontPage2002的新功能：表格自动套用格式提供了快速而简便的方法，来创建具有专业化外观的表格。用户可以选择他们想要使用的样式，可以自动更改表格的边框、底纹和颜色。使用新的填充表格，用户可以将一个单元格的内容快速地重复输入到该单元格右侧的单元格中（向右填充），或输入到其下面的单元格中（向下填充）。当用户想要将相同内容复制到多个单元格中时，该功能将节约用户的时间。拆分表格让用户能够将任何位置的表格快速而容易地拆开。当用户想要在表格的各行之间添加文本或图形时，这会很方便。电子政务理论与实务第7章[1]FrontPage2002的新功能：表格自902)框架框架是在同一浏览器窗口中显示多个相互隔离的HTML页的结构。使用框架组织页面时，每个框架显示一个不同的独立页面或者图像，你可以将一些框架中的内容永远保留在浏览器窗口中，而其余窗口则发生改变。与以往的FrontPage一样，在FrontPage2002中可以非常方便地利用框架来组织页面。一般地，利用框架组织Web页面需要经过如下步骤：(1)创建框架。在FrontPage2002中，点击新建图标旁的小三角调出新建网页模板选择窗口，选择满意的模板创建框架Web页面，如图7-22所示。如果没有模板符合需要，你可以选择最接近的风格，然后改变框架大小或者增加框架以得到想要的结构。电子政务理论与实务第7章[1]2)框架电子政务理论与实务第7章[1]91图7-22网页模板电子政务理论与实务第7章[1]图7-22网页模板电子政务理论与实务第7章[1]92(2)设置框架属性。点击页面右键菜单中的框架属性，在弹出的对话框中设置框架属性，如图7-23所示。用户可以指定框架名称，控制框架之间边界的大小，在一个框架内是否允许滚动等。在显示滚动条选项框中选择在该框架中是否允许存在滚动条。点击【框架网页】按钮进入该框架的页面属性设置窗口。在框架间距标签中可设置框架之间的边界的宽窄，也可以取消显示边框的选项，不显示框架边框。需要注意的是，框架之间的边界越大，用户观看页面就越困难。电子政务理论与实务第7章[1](2)设置框架属性。点击页面右键菜单中的框93图7-23框架属性电子政务理论与实务第7章[1]图7-23框架属性电子政务理论与实务第7章[1]94(3)设定初始页面。作为Web设计者，你要决定当第一次出现框架页面时，在每个框架内显示哪个页面（即初始页面）。只要框架的初始页面存在于你的Web中，这个页面就能够在每次显示框架时自动出现在框架中。单击工作区域上的【设置初始页面】按钮，在对话窗口中设置初始页面。这时你可以选择点击原有文件中的【浏览】按钮查找需要的页面，或单击【新建页面】按钮直接在框架中新建一个页面，如图