电子政务理论与实务第章3

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

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

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

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

2．网页的长度要合适一般来说，网页的长度太短的话，就无法容纳足够多的内容，也就无法提供足够多的信息；反之，若网页的长度太长，首先其下载速度过慢，其次不方便浏览者的访问，因为他们需要不断地翻动屏幕，在滚动屏幕的过程中也很容易错过网页中的某些内容。根据经验，网页的篇幅一般限制在2到3页之内为佳。网网页的版版面设计版面设计是一一项非常重要要的工作，它它涉及到方方方面面的内容容。因为它要要利用有限的的空间，将各各种文字和图图片有效地组组合在一起。。文字太多，，显得沉闷，，缺乏生气；；图片太多，，缺少文字，，就显得信息息量过少。图图片和文字又又不能简单地地堆放在一起起，同时还要要考虑色调搭搭配问题。在设计版面时时，应该努力力做到整洁、、美观、主次次分明、图文文并茂。版面面又因人而异异，每个人的的兴趣不同，，喜欢的版式式也不同，因因而版面设计计便没有定式式。那么如何何设计好自己己的版面呢?一般来说说，可以依据据以下几个原原则来设计版版面。1．尽量简洁洁简洁是版面设设计最重要的的原则。因为为设计网页的的主要目的是是为了发布信信息，网页上上的信息是最最精华的、最最重要的，除除此以外的东东西均应处于于次要地位。。不要将版面面弄得过分花花哨，虽然访访问者会被精精美的动画和和花哨的图片片所吸引，但但访问者真正正关心的是网网页的内容，，如果网页的的内容是有价价值的，那么么他们才会经经常光顾该网网页。2．主色调色彩是人的视视觉最敏感的的东西。主页页的色彩处理理得好，可以以锦上添花，，达到事半功功倍的效果。。如果色彩处处理不好，会会显得凌乱、、庸俗，甚至至还觉得刺眼眼。一般来说说，网页中的的色彩不要超超过三种，并并且选用其中中的一种色彩彩作为主色调调，居主导地地位。下面介介绍几种常用用的配色方案案。(1)暖色色调。即红色色、橙色、黄黄色、赭色等等色彩的搭配配。这种色调调的运用，可可使主页呈现现温馨、和煦煦、热情的氛氛围。(2)冷色色调。即青色色、绿色、紫紫色等色彩的的搭配。这种种色调的运用用，可使主页页呈现宁静、、清凉、高雅雅的氛围。(3)对比比色调。即把把色性完全相相对的色彩搭搭配在空间里里。例如，红红与绿、黄与与紫、橙与蓝蓝等。这种色色彩的搭配，，可以产生强强烈的对比效效果，给人以以亮丽、鲜艳艳、喜庆的感感觉。现在很多网站站的色彩搭配配都很讲究，，给人一种赏赏心悦目的感感觉。3．善用表格格利用表格，可可以随心所欲欲地安排页面面，使页面的的内容整齐有有序，层次清清晰。另外，，当图片较大大时，可以将将其裁剪成小小的图片，再再用表格将裁裁剪好的小图图片拼接在一一起，这样可可以提高下载载速度。使用用了表格，可可使整个版面面显得整洁、、有序、结构构清楚。网网站的风风格网站的风格要要统一。因为为一个网站是是由很多个网网页组成的，，如果每个网网页的风格都都不一样的话话，那么一定定会使得整个个网站显得凌凌乱、不协调调，甚至很容容易使浏览者者感到迷惑，，不知自己是是否还在同一一个网站内浏浏览，所以一一定要使网站站的风格保持持一致。特别别是在一个网网站由多个人人来共同开发发的情况下，，更应注意这这个问题。一般来说，要要使网站的风风格保持一致致，可以通过过以下几方面面来着手。(1)版面面设计要一致致。如网页的的主色调、字字体的风格(包括字体的的类型、大小小、颜色等)等要一致。。(2)网页页中的有代表表性的东西要要一致。如网网站的名称、、网站的徽标标、有代表性性的图形和动动画等均要一一致。(3)导航航条的风格要要一致。导航航条实际上就就是一组链接接，它可以告告诉浏览者目目前所在的位位置，而且可可以使浏览者者很方便地转转向网站中的的其他网页。。一般来说，，在网站中的的每一页都要要设置一个导导航条，设置置导航条的风风格要一致，，如导航条在在网页中的位位置要统一，，所有的导航航条要么都用用文本，要么么都用图形，，如果用的是是文本的导航航条，那么字字体的大小、、颜色均要统统一。为了保持整个个网站的风格格统一，最好好是使用CSS技术。CSS就是一一种叫做样式式表(StyleSheet)的的技术，也叫叫层叠样式表表(CascadingStyleSheet，CSS)技术。。使用CSS技术，可以以统一地对所所有页面的布布局、字体、、颜色、行距距、缩进量、、背景等进行行控制。网网页的优优化精彩的内容，，加上漂亮的的图片和迷人人的动画无疑疑是吸引网民民的一个好方方法。但是一一张图片的大大小往往是几几KB甚至达达到几十KB，动画则是是图片的几倍倍甚至几十倍倍，而网民大大部分用Modem上网网，目前其速速度最快也只只有56K，，所以必须考考虑传输带宽宽的问题。试试想一下，如如果下载某一一页时需要十十几秒甚至更更长的时间，，那么网民还还会有耐心去去等待吗?还还会再次光光顾该网站吗吗?如果能能做到既有丰丰富的内容、、漂亮的图片片和动画，同同时其下载速速度又快，那那么这样肯定定会受到广大大网民的欢迎迎，肯定会再再次光顾该网网站。对网页页进行优化就就是要平衡两两者，让两者者达到最佳状状态，这可以以从以下几个个方面来着手手。1．网页的长长度不要过长长一般来说，网网页的长度不不要超过三屏屏为好。超过过三屏会使网网页下载速度度过慢，很容容易使浏览者者转向其他的的网站。2．使用的图图像宜小而精精俗话说“一图图顶千言”，，一张小小的的图片，可以以精确地表达达意思。再说说如果只有文文本而没有图图片，那么整整个网页会显显得枯燥无味味，引不起网网民的兴趣。。但是如果图图片过多，则则会导致传输输速度过慢，，怎么解决这这个问题呢?一般来说说，单张图片片的容量不得得超过30KB，，每页图片总总量不要超过过60KB就可以了。。这样的下载载速度是可以以接受的。如如果不得不使使用大的图片片，那么可以以把大图片分分割成几个小小图片，然后后在编辑器中中设置间隔为为零，这样也也可以加快其其传输速度。。3．定义图片片的尺寸(长长度和宽度)定义图片的尺尺寸虽然不能能减少图片的的长度，但是是可以加快网网页下载的速速度。因为有有些浏览器每每收到一张图图片，事先要要算出图片的的尺寸才能显显示出来。如如果事先设置置好，那么浏浏览器就不必必花时间去计计算图片的大大小。再说如如果事先设置置好尺寸，那那么浏览器在在图片还没有有完全下载时时，就知道图图形的大小，，这样在下载载的过程中它它就可以安排排图片邻近的的文本了，否否则的话，只只有等图片全全部下载完毕毕后，计算其其大小，然后后再安排邻近近的文本。要要设置图片的的大小，只要要在HTML中加入语句句<imgsrc="图片名"width=w_valueheight=h_value>即可。4．正确选择择图片格式表7-1图图片格式的的比较5．降低颜色色数目可以使用Photoshop等绘图图软件来降低低图片的分辨辨率，以减少少图片的长度度。这样做出出的图片虽然然看起来不及及杂志上的那那样光滑和细细腻，但是只只要清楚就可可以了，很少少有人在意它它，关键的是是其下载速度度。6．慎用动画画动画的容量一一般是图像的的几十倍，所所以在一页中中动画一般应应少于3个，，并且每个动动画要控制在在15KB内。7．慎用Java程序目前Java程序的运行行速度实在太太慢，使用Java会使使得网页速度度至少减慢50％。由于于浏览器的版版本不同，有有时候等候半半天，却告诉诉JavaApplent不能启启动。一般来来说，每个页页面不要使用用超过两个以以上的Java程序；能能够用Javascript替代效效果的，则尽尽量不要使用用Java。。8．使用缓存存缺省情况下，，浏览器在下下载一个文件件前，会先到到缓冲区中查查找；如果缓缓冲区中有相相同的文件名名则直接调出出来，而不是是从网站上下下载。那些在在网站中重复复出现的文件件，比如徽标标、页首或导导航条就不必必一遍一遍地地下载。这样样就大大加快快了页面的读读取速度。如如果想禁止某某一页的缓存存(Cache)的话，，可以将如下下代码加入到到HTML的的Head区区中：<METAHTTP-EQUIV="Pragma"content="no_cache">2.主页宣宣传精心设计好了了网站，却发发现偶尔只有有一两个网友友访问网站。。也许这时你你会失去信心心并对自己的的能力产生怀怀疑：是不是是网站做得太太差，吸引不不了人？其实实不然，因为为如果不加以以宣传的话，，那么在“茫茫茫网海”中中很少会有人人知道你的网网站，更谈不不上会光顾你你的网站，所所以只有加大大宣传，扩大大自己网站的的知名度，才才会吸引更多多的网友访问问你的网站。。那么如何推推销自己的网网站，扩大自自己网站的知知名度呢?这这可以从以以下几个方面面来着手。(1)到各各搜索引擎注注册、登记。。搜索引擎是是网民搜索所所需资料的主主要手段之一一，也是推销销、宣传网站站的主要方式式。因为网民民需要某些资资料时，只需需到搜索网站站敲入相关的的关键字，搜搜索引擎会返返回一个网站站的清单，如如果他对某一一个网站感兴兴趣的话，那那么他就会光光顾该网站。。所以你可以以到各搜索引引擎上注册、、登记。Internet上提供这这样的服务的的网站很多，，如Sohu、Yahoo等。(2)发E-mail通知。可以以发E-mail给你的的朋友，让他他们来分享你你的成果。也也可以发E-mail给给网民，但是是当给不认识识的网民发通通知时，态度度要诚恳，如如果他们表示示不欢迎你的的通知，那么么就不要再发发E-mail给他们，，否则，他们们会认为你是是在制造垃圾圾邮件，很有有可能会受到到邮件炸弹的的报复。(6)友友情链链接。。可以以选择择一些些访问问率比比较高高的主主页来来进行行友情情链接接，这这样光光顾网网站的的朋友友一定定会多多起来来。(7)参参加网网站排排行榜榜。如如果觉觉得自自己有有实力力，那那么你你不妨妨参加加网站站排行行榜。。如果果你的的网站站有幸幸排到到前几几十名名甚至至前几几名的的话，，那么么你的的网站站的知知名度度肯定定会大大大提提升，，到时时你的的网站站就会会“门门庭若若市””了。。网网站站的文文件、、目录录规划划和管管理在Intranet/Internet上上，只只要计计算机机上安安装了了Web服服务器器，那那么就就可以以成为为一个个Web站站点。。但是是从安安全、、经济济、效效率等等诸多多方面面考虑虑，没没有必必要让让每一一台计计算机机都成成为一一个Web站点点。因因为增增加一一个站站点必必定要要增加加一定定的经经济投投入；；其次次从安安全上上讲，，重要要的信信息要要重点点保护护，如如需要要专人人负责责、需需要专专用机机房和和使用用安全全性能能高的的操作作系统统等。。保护护的重重点主主要是是防止止自然然因素素和人人为因因素的的破坏坏。其其中自自然因因素主主要考考虑如如地震震、火火灾、、静电电等方方面造造成的的损坏坏；人人为因因素主主要考考虑如如黑客客、病病毒以以及有有意和和无意意造成成的损损坏等等。计计算机机的性性能也也是影影响Web网站站运行行效率率的因因素之之一。。在同同等情情况下下，计计算机机的性性能越越好，，其响响应用用户请请求的的速度度就越越快。。此外外，还还要考考虑网网络的的规模模和网网络的的负载载。如如果规规模较较大、、地理理分布布较广广、用用户请请求量量大的的，那那么可可以考考虑建建立多多个镜镜像的的Web站站点，，以减减少远远程访访问和和响应应时间间，提提高效效率。。规划好好网站站后，，就该该好好好规划划Web站站点的的目录录和内内容了了。这这可以以从以以下几几个方方面来来考虑虑。(1)分分门别别类地地将文文件存存放在在不同同的目目录下下。不不要将将所有有文件件都存存放在在同一一个目目录下下，因因为这这样不不仅难难以管管理，，而且且也容容易造造成文文件名名的冲冲突。。试想想一下下，如如果将将所有有文件件都放放在同同一个个目录录下，，并且且文件件比较较多的的话，，这样样常常常搞不不清哪哪些需需要编编辑、、更新新，哪哪些文文件是是无用用的并并可以以删除除，哪哪些文文件之之间是是相关关联的的。如如果网网站有有几个个栏目目，那那么可可以按按栏目目分别别建立立各子子目录录，并并且建建子目目录时时，最最好做做到““见名名思义义”。。比如如有一一栏关关于硬硬件方方面的的内容容，可可以在在根目目录下下建立立一hardware子子目录录，并并且把把关于于硬件件方面面的文文件全全部放放在该该子目目录下下。当当然，，也可可以建建立像像abc这这样的的子目目录。。很显显然前前一种种方法法比较较好。。(2)在在每个个主目目录下下建立立独立立的images目目录。。通常常在根根目录录下有有一个个images目录录，习习惯上上把所所有栏栏目的的图片片均放放在该该目录录下。。这样样，如如果图图片较较多时时，管管理起起来就就很麻麻烦。。假设设要删删除某某一个个栏目目，这这时就就不能能确定定哪些些图片片该删删，哪哪些图图片不不该删删，所所以应应该在在每个个主目目录下下建立立一个个独立立的images目目录。。这样样当删删除某某一栏栏目，，或者者打包包某一一栏目目时就就很方方便。。而根根目录录下的的images一般般只放放主页页的图图片和和次栏栏目的的图片片。(3)目目录的的层次次不要要太多多，建建议不不要超超过3层。。(4)不不要使使用中中文文文件名名和中中文目目录名名。使使用中中文的的名字字可能能对网网址的的正确确显示示造成成困难难。(5)不不要使使用过过长的的目录录名。。尽管管服务务器支支持长长文件件名，，但是是太长长的目目录名名不便便于记记忆。。另外，，如果果某些些文件件是专专供下下载的的，那那么最最好用用比较较通用用的压压缩工工具(如WINZIP、、ARJ等等)把把它们们进行行压缩缩，并并把它它们放放在合合适的的目录录下。。这样样做不不但可可以节节省磁磁盘空空间，，而且且更重重要的的是可可减轻轻网络络的负负载，，加快快下载载速度度。7.2政政府府网站站建设设政政府府网站站的内内容建建设为使政政府部部门在在相对对比较较短的的时间间内实实现网网上亮亮相，，可分分以下下三个个阶段段进行行：第一阶阶段，，首先先树立立政府府上网网的意意识，，其次次可将将政府府的基基本信信息，，如机机构设设置、、常规规的文文件在在网上上发布布。第二阶阶段的的任务务是进进一步步帮助助政府府机构构建设设基于于数据据库的的内部部信息息平台台(Intranet)和信信息发发布机机制，，使得得上网网的政政府机机构能能够实实现电电子化化办公公，并并能实实时通通过网网络发发布更更多、、更有有用的的信息息，例例如国国家法法律、、法规规和各各种规规章制制度，，一些些国家家机构构办事事手续续等等等，同同时建建立信信息收收集和和反馈馈机制制，以以便政政府机机关方方便地地通过过网络络收集集其他他相关关企事事业单单位或或国家家机关关信息息，从从普通通用户户获得得反馈馈意见见，以以便更更好地地提高高工作作效率率。将将政府府的对对外服服务项项目，，如办办理护护照、、海关关报关关、报报税、、申请请营业业执照照等业业务在在网上上进行行，至至少可可以先先将办办理指指南放放上去去，以以达到到将来来简化化手续续、一一次办办理的的目的的。目目前CNNIC申请请域名名就是是通过过网上上办理理各种种申请请手续续，最最后一一次交交费。。第三阶段段是将各各政府网网站连接接起来，，最终政政府机关关通过网网络实现现“无纸纸化”办办公，不不同政府府机关之之间通过过网络交交换信息息、下达达文件和和指示，，政府机机构网上上电子办办公、采采购和电电子商务务等将融融为一体体，一般般用户可可通过网网络办理理公务等等。目前前已建成成并投入入使用的的部委网网站中，，信息产产业部的的网站和和国家经经贸委的的网站就就是两个个比较好好的例子子。信息产业业部网站站的内容容包括““部门介介绍”、、“统计计信息””、“政政策法规规”、““行业管管理”、、“企业业之窗””及“近近日动态态”等栏栏目。其其中：“部门介介绍”通通过站点点公开本本部门的的机构组组成、职职能、办办事程序序，提高高工作的的透明度度，从而而方便广广大人民民群众行行使民主主监督的的权利。。“统计信信息”包包括月度度统计资资料、年年度统计计公报、、行业统统计年鉴鉴、统计计分析、、国外信信息等。。信息资资源是社社会的财财富，我我国政府府部门掌掌握着全全社会有有价值信信息资源源的80％，以以及3000多多个数据据库。通通过网上上数据库库可以将将信息在在最大范范围内实实现共享享，为各各级地方方政府和和企业在在决策时时提供重重要依据据。“政策法法规”包包括法律律、行政政法规、、行政规规章、规规章性文文件、地地方性法法规和地地方政府府规章。。信息产产业部承承担着行行业法规规的起草草和执行行任务，，具有很很高的权权威，因因此，通通过本部部门的站站点可以以为社会会各界提提供最准准确的信信息和最最完备的的解释，，对于国国家政策策的顺利利实施将将起到积积极的推推动作用用。“行业管管理”包包括本行行业管理理的有关关文件。。这些文文件在网网上的及及时发布布，为企企事业单单位和广广大人民民群众查查阅了解解提供了了极大的的便利。。其中，，“行业业标准””列出了了本行业业的所有有相关标标准以及及建议草草案；““资费索索引”对对本行业业的收费费标准加加以全面面公布，，便于人人民群众众、社会会各界监监督，有有利于纠纠正当前前人民群群众反映映强烈的的乱收费费问题。。“企业之之窗”介介绍本行行业重点点骨干企企业、科科研院所所等，起起到了宣宣传和服服务的作作用。“近日动动态”对对行业信信息、新新闻进行行实时发发布，而而且具有有权威性性。政政府站站点建设设及规划划的基本本原则为规范和和树立我我国各级级政府在在网络上上的形象象，政府府站点的的建设和和规划应应遵循如如下原则则。1.站站点规划划统一的的原则确立中国国政府中中心导航航站点，，下设部部委行署署，再下下为各部部委的二二级机构构连接到到各省市市的政府府主机上上。各部部委主页页应以““中华人人民共和和国部(行、署署)”的的形式出出现，各各省市政政府的站站点应以以“省(市)人人民政府府”或““省(市市)局””的形式式出现。。各政府府站点均均应设机机构设置置、政府府职能、、政策法法规、便便民服务务等基本本栏目。。4.网网页设计计庄重的的原则政府站点点的网页页设计应应简洁、、美观，，界面应应与政府府形象相相符，网网页大小小应有所所限制，，网页须须响应及及时，可可以采用用多种浏浏览器浏浏览，以以便于检检索，同同时具有有纯文本本版本甚甚至外文文版，以以满足不不同用户户的需要要。7.3FrontPage2002的应用用7.3.1FrontPage2002简简介1.FrontPage2002的的特点FrontPage2002是MicrosoftOffice2002的的组件之之一，在在FrontPage2002中中只要利利用功能能命令或或工具按按钮，编编辑网页页就如同同使用Word编辑文文件一样样简单。。FrontPage2002的的主要特特点如下下。1)友友好的操操作界面面由于FrontPage2002是Office2002的组件件之一，，因此FrontPage2002的操操作方法法及窗口口界面与与Office其他软软件基本本一致，，只要使使用过Word或Excel，对FrontPage2002的操操作就不不会有困困难。另另外，凡凡是由Office组组件制作作出的文文件都可可直接放放入网页页中。2)所所见即所所得的编编辑环境境在FrontPage2002的的普通视视图环境境中，可可使用““所见即即所得””的工作作方式，，用最直直接、最最视觉化化的方式式来编辑辑文字、、图片、、表格等等，使完完全不懂懂HTML语言言的人能能够轻松松制作出出具有专专业效果果的页面面。对于于那些已已熟练掌掌握了HTML语言的的人，只只需在HTML视图模模式中即即可进行行HTML语法法的编写写，可通通过预览览模式窗窗口直接接对页面面效果进进行查看看。而且且，可以以在网页页中插入入经Photoshop、MicrosoftGIFAnimator及UleadCool3D编编辑处理理过的图图像和动动画，还还可插入入Java、ActiveX、JavaScript等等应用程程序，产产生各种种特殊效效果。3)HTML的编编辑功能能在FrontPage2002界界面中的的“HTML””视图模模式下，，有用来来提供HTML源代码码的功能能，在这这里可以以用HTML语语言编写写页面，，也可对对网页视视图模式式中制作作的页面面进行编编辑和修修改。4)使使用模板板与向导导在FrontPage2002中中也采用用了Office组件件中广泛泛使用的的“模板板”及““向导””功能。。用户可可通过对对模板的的套用，，或按向向导给出出的提示示，快速速完成各各类站点点结构的的组建及及网页样样式的制制定。5)套套用主题题在FrontPage2002中中提供了了60个个预先设设计好的的主题，，利用它它们可以以很快创创建出具具有统一一风格的的美观精精致的站站点或网网页。若若不满意意，还可可修改。。6)绘绘制表格格在FrontPage2002中中使用表表格，只只需指定定表格的的行数、、列数，，也可使使用工具具按钮直直接绘制制表格或或清除不不需要的的部分。。7)文文件管理理FrontPage2002具有有强大的的文件管管理功能能，对站站点内的的文件可可以进行行移动、、复制、、删除、、换名等等操作。。8)更更新链接接在FrontPage2002中中，可以以自动测测试、快快速更新新链接。。9)建建立站点点结构使用FrontPage2002可以直直接在屏屏幕上创创建站点点结构，，并能自自动在页页面中加加入链接接导航栏栏。10)工工作进进度建立规模模较大的的站点往往往需要要多人合合作，使使用FrontPage2002的任务务列表功功能，即即可对每每个人的的工作任任务进行行统筹管管理及合合理分配配，使建建站的工工作有条条不紊。。2.FrontPage2002的的启动与与退出1)启启动FrontPage2002启动FrontPage2002有两种种方法：：(1)菜菜单启启动：执执行“开开始→程程序→MicrosoftFrontPage”命令令启动FrontPage2002。(2)快快捷方方式启动动：双击击Office工具栏栏或桌面面上的FrontPage2002快捷捷图标启启动。2)退退出FrontPage2002单击窗口口右上角角的“关关闭”按按钮或执执行菜单单“文件件→退出出”命令令，均可可退出FrontPage2002。7.3.2FrontPage2002界界面介绍绍图7-1FrontPage2002的界界面1.视视图栏在FrontPage窗窗口左侧的视视图栏中列出出了FrontPage的六种查看看模式：网页页模式、文件件夹模式、报报表模式、导导航模式、超超链接模式和和任务模式。。1)网页页模式网页模式是FrontPage2002提供供给用户编辑辑及制作网页页的工作模式式，也就是说说，所有编辑辑网页的工作作都必须切换换到此模式下下才能进行。。启动FrontPage2002时，默认认进入网页模模式，如图7-1所示。。2)文件件夹模式在文件夹模式式下可以查看看站点中所有有的网页、图图形和文件，，如图7-2所示。FrontPage2002将网页页编辑窗口划划分为两个窗窗口，左侧显显示站点的文文件夹列表，，右侧显示当当前文件夹下下所包含的子子文件夹和网网页文件，以以及网页文件件夹的“名称称”、“标题题”、“大小小”与“类型型”，还可得得到它的“修修改日期”、、“修改者””、“注释””等信息。如如果要按照上上述类型对文文件夹、网页页文件进行排排序，那么可可直接单击相相应的类型标标签，FrontPage2002将在窗口口给出该文件件类型的升序序或降序排列列结果。图7-2文文件夹视图图3)报表模模式通过报表模式式，可以迅速速地列出站点点中的网页、、图形和文件件列表，然后后通过运行报报表来列出慢慢速网页、未未链接的网页页、最近添加加或更改的文文件、断开的的超链接、组组件错误、检检查状态、分分配、类别、、发布状态或或签出状态来来分析站点，，如图7-3所示。图7-3报报表视图4)导航模模式在FrontPage中中可以通过设设置站点的导导航结构来管管理其中导航航栏的工作：：可以放大到到指定的节点点，并且添加加指向外部站站点的超链接接；还可以以以最快速的方方法构建出一一个网站的雏雏形，就像在在纸上画结构构图一样，而而且网页会依依据结构图的的形式自动产产生链接关系系，如图7-4所示。图7-4导导航视图5)超链接接模式超链接模式能能够以图形化化的方式来查查看全部指向向或者来自一一个具体的网网页或MicrosoftOffice文档档的链接项目目，并且可视视化地查看是是否有任何断断开的链接，，如图7-5所示。图7-5超超链接视图图6)任务模模式任务模式能够够跟踪有哪些些任务是需要要被完成的，，这些任务分分配给了谁，，并且能够迅迅速地查看任任务的状态、、说明和优先先级。2．编辑窗口口视图栏右侧的的空白区域称称为编辑窗口口，这是我们们编辑网页的的工作区。3．网页视图图方式栏在编辑网页时时，FrontPage2002提供了三种种网页视图方方式：普通方方式、HTML方式和预预览方式。1)普通方方式在普通方式下下，可以以所所见即所得的的方式编辑网网页，即透过过最简单的方方式制作非常常专业的网页页。编辑时的的显示同最终终用浏览器浏浏览时的显示示很相似。在在该方式下可可完成对网页页编辑的大部部分工作。图图7-6所示示是一个加入入了图片的网网页。2)HTML方式在HTML方方式下，可以以查看网页的的HTML源源代码，也可可直接对源代代码进行编辑辑，还可以编编辑DHTML、脚本、、ASP和XML。图7-7所示为为图7-6所所示内容的HTML方式式。图7-6普普通方式图7-7HTML方方式3)预览方方式在预览方式下下，可以预览览网页的结果果。虽然FrontPage2002已经是是个所见即所所得的环境了了，但网页中中的某些效果果还是必须到到能够浏览网网页的模式下下观看才会准准确，最快的的方法就是马马上切换到预预览方式下进进行预览。预览方式是在在编辑网页时时随时观察网网页在浏览器器中的实际情情况。对静态态的显示，普普通方式和预预览方式显示示相同；但对对一些特殊效效果，如动态态HTML，，只有在预览览方式下才可可以见到动态态的过程。当当然更准确的的方法是直接接在浏览器里里浏览。7.3.3FrontPage2002的基本操作作1.新建网网页在FrontPage2002中中，可以生成成两种网页，，即空白网页页和模板网页页。不同的网网页，其创建建方法也不同同。不论新建建了哪一种网网页，都有一一个临时的名名称，即new_page_X.htm，其中中X是一个数数字，代表了了新建网页的的个数。下面面具体进行介介绍。1)新建空空白网页启动FrontPage2002之后，系统统会自动建立立一个默认的的空白网页。。当需要再建建立新的网页页时，可以单单击菜单栏中中的【视图】】/【任务窗窗格】命令，，打开任务窗窗格。然后单单击其“空白白网页”选项项(如图7-8)，即可可建立一个新新的空白网页页。图7-8““空白网页页”选项2)新建模模板网页所谓模板网页页，就是一些些已经预置了了各种样式的的网页，在这这些网页中，，所有的格式式都已经设置置好了，用户户只需修改其其中的内容就就可以得到所所需的网页。。FrontPage2002的的模板功能为为用户快速创创建外观专业业、布局规范范的网页提供供了很大的方方便。下面我们以““常规”模板板为例，介绍绍一下如何创创建模板网页页。单击【任任务窗格】中中的“网页模模板”选项，，即弹出“网网页模板”对对话框。在该该对话框中有有三个标签，，分别是“常常规”、“框框架网页”和和“样式表””，我们选择择“常规”标标签，如图7-9所示。。在对话框左左侧选择一种种模板，则在在右侧就可以以预览。单击击【确定】按按钮，就会生生成基于此模模板的网页。。图7-9““网页模板板”对话框3)保存网网页图7-10““另存为为”对话框单击按钮，则则弹出“设置置网页标题””对话框，如如图7-11所示。在“网页标题题”文本框中中输入网页标标题，当访问问者在浏览器器中打开网页页时，标题栏栏中将显示网网页的标题。。单击【确定定】按钮，返返回“另存为为”对话框；；点击【保存存】按钮，即即可保存该网网页。图7-11““设置网网页标题”对对话框2.创建建文字FrontPage2002中对对于文字与图图像的处理与与Word很很相似，用过过Word的的人对于FrontPage中这部部分的操作是是很容易上手手的。不过，，毕竟是网页页制作软件，，在Web的的基础上，又又增加了很实实用的功能，，能做出复杂杂而且高级的的网页文字与与图像。与以以前版本相比比较，FrontPage2002在这方面面进行了改进进，更贴近普普通用户，在在轻轻松松地地点击鼠标之之后就可以做做出以往还要要通过粘贴HTML代码码这样烦琐的的步骤才能做做出的效果。。FrontPage中对对于文字处理理基本集中在在【格式】菜菜单栏里。【【格式】菜单单栏中的选项项是用来协调调整个网页以以及整个网站站的内容编制制，也是个较较常用到的菜菜单栏，如图图7-12所所示。图7-12【【格式】】菜单栏在FrontPage2002中中创建文字的的方法大致分分两种：输入入和导入。(1)输入入文字：新建建一个网页，，输入文字就就可以开始编编辑网页了，，其界面如图图7-13所所示。图7-13在在新建网网页中输入文文字(2)导入入文字：通过过【粘贴】能能将在此之前前在任何程序序中复制或者者剪切的文字字创建到当前前编辑网页中中，【编辑】】菜单栏中的的选项与之有有关。还可以以通过【插入入】菜单栏中中的“文件””选项导入文文字，包括.txt、、.doc、、.htm等等纯文本或者者包含文字的的文件。3.编辑文文字(1)字体体设置：选择择【格式】菜菜单栏中的““字体”选项项，出现“字字体”对话框框，如图7-14所示。。图7-14““字体””对话框①字体：选选择需要的字字体。字体文文件都保存在在windows目录中中的fonts子目录中中，可以自行行删改或添加加。②字形：有有“常规”、、“倾斜”、、“加粗”和和“加粗倾斜斜”四个选项项。一般来说说，正文选用用“常规”，，“加粗”用用于标题，““倾斜”则用用于突出正文文中的内容以以及使文字美美观。③字号：可可以直接在输输入框中输入入需用的字号号，也可以在在选项中选取取。一般来说说，在浏览器器中9磅和10.5磅看看起来最美观观最舒服。④字符间距距：这个分页页中的选项是是用来进行行行距设置以及及文字定位的的。⑤预览：无无论在“字体体”对话框中中进行什么操操作，都可以以在预览框中中看到样品，，方便选取合合适的搭配。。(2)段落落设置：选择择【格式】菜菜单栏中的““段落”选项项，弹出“段段落”对话框框，如图7-15所示。。①对齐方式式：设置整个个段落在页面面中的位置。。常用的为居居中。②缩进：调调整段落与左左右边界的距距离。首行缩缩进是用来设设置各段第一一行的。③段落间距距：设置段落落与段落之间间的距离。对段落的操作作和字体一样样，可以在预预览框中观察察。当然然，，以以上上这这些些操操作作都都可可以以在在工工具具栏栏(如如图图7-16)中中通通过过对对应应图图标标按按钮钮来来实实现现。。图7-15““段段落落””对对话话框框图7-16工工具具栏栏此外外，，【【格格式式】】菜菜单单栏栏中中的的““项项目目符符号号与与编编号号””选选项项也也可可以以用用来来设设置置文文字字段段落落的的排排列列，，文文字字的的一一般般处处理理基基本本上上都都与与Word相相似似。。4.创创建建图图像像在FrontPage2002中中对对于于创创建建图图像像的的操操作作基基本本上上集集中中在在【【插插入入】】菜菜单单栏栏里里的的““图图片片””选选项项中中，，如如图图7-17所所示示。。图7-17【【插插入入】】-"图图片片"菜菜单单栏栏(1)剪剪贴贴画画：：图7-18插插入入剪剪贴贴画画(2)来来自自文文件件：：导导入入本本机机或或者者局局域域网网中中的的图图片片。。与与剪剪贴贴画画比比较较，，该该方方式式所所获获得得图图像像的的质质量量、、类类型型和和格格式式都都很很丰丰富富，，是是最最常常用用的的导导入入图图像像方方式式。。(3)新新建建图图片片库库：：主主要要用用于于制制作作排排列列众众多多图图片片的的页页面面,针针对对样样品品列列举举、、图图片片欣欣赏赏等等。。在在打打开开的的对对话话框框中中，，点点击击添添加加导导入入所所需需要要的的图图片片，，设设置置好好缩缩略略图图的的大大小小后后，，在在四四种种布布局局中中选选择择一一种种适适合合用用户户的的(如如图图7-19),单单击击后后，，按按【【确确定定】】按按钮钮,一一张张布布满满图图像像的的页页面面就就生生成成了了。。图7-19图图片片库库5.网网页页布布局局通常常网网页页的的布布局局使使用用到到的的是是FrontPage2002中中的的表表格格和和框框架架菜菜单单栏栏里里的的命命令令。。表表格格（（Table））是是将将页页面面中中的的内内容容以以表表格格的的形形式式排排列列，，常常用用于于单单一一页页面面内内图图片片与与文文字字的的安安排排，，是是最最常常用用的的布布局局命命令令。。1)表表格格表格格的的使使用用十十分分简简单单，，一一般般包包含含以以下下两两个个操操作作：：(1)插插入入表表格格。。点点击击““表表格格””菜菜单单中中的的““插插入入表表格格””选选项项，，在在弹弹出出的的对对话话框框中中可可以以对对所所需需表表格格的的行行列列数数及及边边框框属属性性进进行行设设置置，，如如图图7-20所所示示。。插插入入一一个个样样表表，，自自己己调调整整它它在在整整个个网网页页中中的的位位置置，，为为以以后后填填充充内内容容做做好好准准备备。。图7-20插插入入表表格格对对话话框框(2)修修改改表表格格样样式式。。单单击击已已经经插插入入的的表表格格，，在在弹弹出出的的菜菜单单中中选选择择"表表格格属属性性"选选项项。。弹弹出出的的对对话话框框可可以以让让你你对对表表格格的的外外观观进进行行设设置置，，如如图图7-21所所示示。。基基本本上上除除了了行行列列数数这这些些需需要要使使用用插插入入行行列列等等菜菜单单完完成成的的功功能能外外，，在在此此设设置置的的大大都都和和表表格格的的外外观观有有关关。。图7-21表表格格属属性性FrontPage2002的的新新功功能能：：表表格格自自动动套套用用格格式式提提供供了了快快速速而而简简便便的的方方法法，，来来创创建建具具有有专专业业化化外外观观的的表表格格。。用用户户可可以以选选择择他他们们想想要要使使用用的的样样式式，，可可以以自自动动更更改改表表格格的的边边框框、、底底纹纹和和颜颜色色。。使使用用新新的的填填充充表表格格，，用用户户可可以以将将一一个个单单元元格格的的内内容容快快速速地地重重复复输输入入到到该该单单元元格格右右侧侧的的单单元元格格中中（（向向右右填填充充）），，或或输输入入到到其其下下面面的的单单元元格格中中（（向向下下填填充充））。。当当用用户户想想要要将将相相同同内内容容复复制制到到多多个个单单元元格格中中时时，，该该功功能能将将节节约约用用户户的的时时间间。。拆拆分分表表格格让让用用户户能能够够将将任任何何位位置置的的表表格格快快速速而而容容易易地地拆拆开开。。当当用用户户想想要要在在表表格格的的各各行行之之间间添添加加文文本本或或图图形形时时，，这这会会很很方方便便。。2)框框架框架是在在同一浏浏览器窗窗口中显显示多个个相互隔隔离的HTML页的结结构。使使用框架架组织页页面时，，每个框框架显示示一个不不同的独独立页面面或者图图像，你你可以将将一些框框架中的的内容永永远保留留在浏览览器窗口口中，而而其余窗窗口则发发生改变变。与以往的的FrontPage一样，，在FrontPage2002中可以以非常方方便地利利用框架架来组织织页面。。一般地地，利用用框架组组织Web页面面需要经经过如下下步骤：：(1)创创建框框架。在在FrontPage2002中中，点击击新建图图标旁的的小三角角调出新新建网页页模板选选择窗口口，选择择满意的的模板创创建框架架Web页面，，如图7-22所示。。如果没没有模板板符合需需要，你你可以选选择最接接近的风风格，然然后改变变框架大大小或者者增加框框架以得得到想要要的结构构。图7-22网网页模模板(2)设设置框框架属性性。点击击页面右右键菜单单中的框框架属性性，在弹弹出的对对话框中中设置框框架属性性，如图图7-23所示示。用户户可以指指定框架架名称，，控制框框架之间间边界的的大小，，在一个个框架内内是否允允许滚动动等。在显示滚滚动条选选项框中中选择在在该框架架中是否否允许存存在滚动动条。点点击【框框架网页页】按钮钮进入该该框架的的页面属属性设置置窗口。。在框架架间距标标签中可可设置框框架之间间的边界界的宽窄窄，也可可以取消消显示边边框的选选项，不不显示框框架边框框。需要要注意的的是，框框架之间间的边界界越大，，用户观观看页面面就越困困难。图7-23框框架属属性(3)设设定初初始页面面。作为为Web设计者者，你要要决定当当第一次次出现框框架页面面时，在在每个框框架内显显示哪个个页面（（即初始始页面））。只要要框架的的初始页页面存在在于你的的Web中，这这个页面面就能够够在每次次显示框框架时自自动出现现在框架架中。单击工作作区域上上的【设设置初始始页面】】按钮，，在对话话窗口中中设置初初始页面面。这时时你可以以选择点点击原有有文件中中的【浏浏览