下载
第23学时测试并更新网页
你并不是简单地发布了一个网页。你已经建立了一个Web—希望是随着时间而扩展并
演化的(大多数都是这样)。当网页在线之后，很重要的是了解如何来更新(这样你可以随着时
间提高并扩充它)以及如何来测试它，这样就可以让它保持向访问者可靠地开放。
在本学时结束的时候，你将能够回答如下的问题：
?如何确保网页看上去不错，不管访问者所使用的是什么样的浏览器？
?如何测试当访问者使用不同的显示分辨率来查看网页时，外观怎么样？
?如何保持链接平稳地工作？
?如何评价网页对于访问者的易用性？
?如何在任何需要(或者当我完全是想要这么做)的时候更新网页？
23.1测试网页
好的，你已经在网页上工作过了，并且通过在InternetExplorer中预览来评价了它的外观，而
现在则是在线通过InternetExplorer来检查此网页的时候了。这样就意味着它是完美的了，是吗？
其实并不尽然。事实上，总会有各种各样的小误操作，直到查看它们时才会被发现。下
面的几个部分给你显示了在线之后如何彻底地测试网页，从而可以确保访问者会拥有你希望
他们拥有的体验。
23.1.1测试浏览器的可变性
网页用InternetExplorer5来查看时的外观和功能是好的。但是那些剩下的Web用户(使用
较早版本的InternetExplorer的用户)，或者其它使用各种各样的NetscapeNavigator版本以及数
十个其它浏览器的用户们怎么办？图23-1到图23-4演示了完全相同的网页在不同的浏览器中
会呈现出多么显著的区别。
要确保网页的外观对于所有人都是可以接收的，你将希望通过在线地用很多不同种类的浏览
器来查看网页，只要看用InternetExplorer5之外的浏览器是否会产生任何严重的问题。如果在一
个特定的浏览器环境中发现任何问题，都必须决定是否调整网页来去除此问题(这可能会涉及降
低某些格式或者其它奇特的特性)，或者牺牲一部分观众使用网页的性能来将性能留给另一部分。
不要担心在各种各样的浏览器中此网页是否看上去一样。它不会，
也没有必要。问题是，网页在每一个浏览器中是否都正常？是否所有的
文本清晰易读？链接是否工作？如果一个图片或者其它某个元素不出现，
是否网页上的其它某个东西完成了同样的功能？
例如，在一个特定的浏览器中查看时，如果在图像地图中有一堆链
接，而那个图像地图没有出现(或者不工作)，此时是否有可用的重复的文
本链接？如果公司图标没有显示，是否在标题中显现了公司的名字？如
果背景没有出现，是否所有的文本在没有它时仍然清晰易读？
258分分第六部分分在线发布网页下载
图23-1在InternetExplorer
5中看到的Ned’s
Lumber
图23-2在Navigator4中看
到的Ned’sLumber
图23-3在Cello中看到的
Ned’sLumber
手头有其它的浏览器是一个好的想法，可以用它们来看另一半的人所看到的网页是怎样
的。可以从Web上免费地下载很多不同的浏览器。一个好的开始的地方是Tucows因特网软件
目录(www.tucows.com)，在那里可以下载很多不同的浏览器(见图23-5)。
也可以在附录B“网页作者的在线资源”中发现一些共享或者免费浏
览器的下载地址。
哪一种浏览器应该检查？在线浏览Web的人们的绝大多数是通过InternetExplorer或者
NetscapeNavigator来浏览的，所以最起码须要测试这“两个最大”的浏览器的最新版本。
但是记住并不是每一个人都使用最新的浏览器版本，从而一个在当前的IE或者Navigator
版本中看上去不错的网页，在使用一个一两年前的浏览器来查看时可能会出现一些问题。
如果翻翻扔在一边的CD-ROM(尤其是任何附带在计算机图书后面的)，也许会发现某些里
第23学时从测试并更新网页从从259下载
图23-4在DosLynx中看到的
Ned’sLumber
图23-5位于www.tucows.com
的Tucows目录是一个
好的地方，这里可以
获得用于测试的各种
各样的浏览器
面有IE或者Navigator的旧的版本，它们可以用于测试网页。
常常在书店的大箱子中看到过时的计算机图书大降价，有些书便宜
得让我的心都要裂了。
这些书常常包括CD-ROM，它们包含有不同的Web浏览器的过时的版
本。仅用少许钱，就可以获得一些用于测试的浏览器的旧版本，而且可
以从中了解有趣的计算机历史。比如，如果你发现本书的第一个版本在
那个促销的箱子中的话，将可以得到NetscapeNavigator的1998年的版本
(包括Netscape的Web编写工具Composer，你将在第24学时“完善编写技
巧”中了解到有关它的内容)。
同样，对于不同类型的计算机，浏览器的版本也不同。光是对于PC，就可以得到IE5的三
个不同的“当前”版本：一个16位版本(主要给Windows3.1而准备，但是它也能够在Windows
95/98/NT上运行)，正常的64位版本(在本书的附带CD-ROM中)，和一个128位的用于顶级PC
的版本，比如说用奔腾III的那些计算机。除了这些不同版本的IE5之外还有不同系统类型的版
本(比如说Macintosh)，而且也必须意识到的确有不同的IE5可以考虑(也有若干种不同的
“Navigator”)。
如果网页在大多数最近版本的Navigator和InternetExplorer(不妨限定为最近两年发行的所
有的版本)中看上去都不错的话，就可以相信它对于在Web上的大多数人群中也会不错—但
是不一定是所有的。
记住，NetscapeNavigator的基础是“Navigator”自身，但是也捆绑
了Netscape的电子邮件应用程序和其它工具，比如说Composer。可以使
用任意一个来测试。
一旦已经测试了Netscape和微软的世界，那就只剩下百分之十到二十的Web用户，他们查
看网页的效果是你所不知道的。在这其中，很多可能是使用曾经非常流行的NCSA的Mosaic，
这种最初的Web浏览器现在已经基本上消失了。
除了Mosaic外，可能会须要在如下的这些中测试:
?较老的图形浏览器，如Cello，它们不支持最新的Netscape和微软的扩展(见图23-3)。
?纯文本的浏览器，比如DosLynx(见图23-4)。
当这些浏览器在逐步淘汰时，如果的确希望网页绝对能够在所有可能的用户那里表现正
常，仍须要在它们中进行测试并根据需要而调整。然而，你就必须接受这样的事实，如果这
样做将不可避免的迫使网页局限在非常少的格式之中。
如果的确非常在乎是否能够使每一个人都能看到网页的话，那么就用两个版本来提供
网页：一个漂亮的、用很多扩展的版本和一个非常普通的基于HTML2的版本—并都在
一个绝对可以看到的首页内提供这两者(这也是一种非常好的适应不同的连接速度和验证
耐心级别的方法。为老版本浏览器所提供的版本通常包括很少或者根本没有多媒体，从
而那些使用慢速因特网连接的人们可以享受网页而无需等待很长的时间才能够显现)，见
图23-6。
260分分第六部分分在线发布网页下载
23.1.2测试不同的分辨率
在最近一年左右，网页被设计为，在一个运行800×600的分辨率的计算机屏幕上显示时
效果最佳，这已经成为一种标准的常规，而这种分辨率设置在今天的PC和苹果机上是最普通
的设置。
这是一个效果的折衷：运行最低的640×480的Windows分辨率的计算机的用户只须要滚
动一些屏幕来看到全部的一个800×600的网页，而此网页对于使用更高分辨率的那些人将会
显得大小还可以。
图23-7到图23-9显示了一个相同的网页(为800×600而设计)对于使用不同分辨率的访问者
的效果是如何的。
你可能会回想起我曾经建议使用FrontPageExpress时让计算机运行在
800×600。如果这样做了，并且将网页设计成在自己的屏幕上看上去不错
的话，那就已经在为800×600而设计了，而你甚至没有想到过这个问题。
仅当网页中包括了图片、表格、表单或者帧时，显示分辨率才是一
个影响元素。一个仅包括文本的网页的布局将自动地按照它在其中显示
的窗口的大小来适应。
第23学时从测试并更新网页从从261下载
图23-6为了利用高级格式并
同时支持旧的浏览器，
可以创建网页的两个
版本—一个简单而
另一个漂亮—并在
首页上让访问者在这
其中选择
当你将表格和水平线的宽度指定为窗口的比例，而不是一个像素值
时(参见第8学时“用表格和线来组织文本”)，它们将会自动地根据不同
的分辨率来修整自己。然而，当一个表格包含图片时，那个修整的结果
可能会不太好。应该总是在不同的分辨率中测试这样的网页。
当评价网页时，在不同的分辨率下检查是聪明的想法。要这样做，就必须在Windows中
改变显示分辨率，然后再查看此网页。
?要改变显示分辨率，打开Windows的控制面板，然后双击显示器的图标。选择“设置”
标签，然后将标有“屏幕区域”(在Windows98中)或者“桌面区域”(在Windows95中)
262分分第六部分分在线发布网页下载
图23-7一个为800×600而
设计的网页显现在
一个运行640×480
的显示器上。访问
者必须做一些滚动
来看到整个网页
图23-8一个为800×600而
设计的网页显现在
一个运行800×600
的显示器上。网页
的图像正好填充了
整个屏幕
中的滑块控制拖拉到想要的分辨率(见图23-10)。
?在改变了分辨率之后，再打开浏览器，可能会发现浏览器的窗口不再是完全最大化的
“满屏”大小。要让此浏览器充满整个屏幕，双击浏览器窗口顶部的标题栏。
如果觉得这样改变分辨率非常痛苦的话，那可以从ApplyThisSoftware
那里下载一个免费的名叫BrowserSizer的应用程序，地址是www.vasile
.com/racecar/stampware/browsersizer/。
BrowserSizer提供了一种简单的菜单，从中可以很容易地改变浏览器
(不管是InternetExplorer还是NetscapeNavigator)窗口的大小以伪装成一
个浏览器在一个特定的分辨率下所应该显现的外观。这提供了一种在不
同的分辨率下查看网页的快速而简单的方法。
第23学时从测试并更新网页从从263下载
图23-9一个为800×600而
设计的网页显现在
一个运行1024×768
的显示器上
图23-10拖拉“屏幕区域”
下的滑块控制来改
变Windows下的分
辨率
滑块
23.1.3测试链接的有效性
最后，很重要的是测试网页中的所有的链接。
一旦检查了自己的文件之间的链接(在网页之间和指向图像和外部媒体的链接)那就无须再
检查它们，除非改变了一个文件。每当对网站做了一些改变之后，最好重新测试所有的这些
链接。即便是对一个单独的文件所做的看上去很小的更改有时也可能无意地搅乱这些链接。
当网页包含指向外部的链接(指向其他人的网页，或者任何不是你在服务器上可以控制的
文件)的时候，那就须要经常检查这些链接，因为它们指向的文件可能会被移走或者它们的名
字被更改了。我建议至少一个月检查一次所有的外部链接。
23.1.4评价网页的人机工程
本学时前面的部分仅解释了如何检查网页的技术完整性。但是它的一些不定量的质量—
如它的外观、感觉、周围环境怎么样？以及它和访问者的交互怎样？他们可以找到所想
要的东西吗？他们是否看到了你希望他们看见的信息？他们是否自然地按照网页的路径找到
特定的项目，或者他们是否被很多的瞎路径和原路返回所挫败？
回答这些问题的最好的方法是找到一些朋友(最好是一些还不很了解你的网页或者这个主
题的朋友)和愿意合作的陌生人，但观察他们浏览你的网页(不要指导！)。观察他们所选择单
击和跳过的地方。每当他们沿着一个路径向下移动，但没有发现他们所期待的发现的东西的
时候，一定要注意。当然，要听取他们的意见。
最后，要记住在电子邮件地址中使用一个签名。这样，人们就可以给你发送评价和建设
性的批评。
这里是检查网页的最后一步：任何时候，任何地点，只要有机会在
外访问你的网页，就要访问一下。尤其是，寻找机会通过其它类型的计
算机(比如说苹果机)和不同的连接速度来测试你的网页。可能会发现如下
这些机会：
?当访问使用因特网的朋友时。
?在一个有因特网终端的本地图书馆中。
?工作时。
23.2更新网页
那么，当你已经发现了一些希望修正或更新的东西。如何操作呢？
通过在FrontPageExpress中编辑PC上的原始文件(不能够编辑在Web服务器上此文件的拷
贝；必须在PC上工作)。
在做了所有的改正并在PC上用一个或者更多的浏览器离线测试之后，就开始像在第21学
时“发布网页”中所做的一样来发布。选择“文件”、“另存为”来打开“另存为”对话框(见
图23-11)。
这里是精彩的地方：FrontPageExpress记住了当你一开始发布此网页时的服务器的名字和
所有其它输入的东西。从而只要不改变“另存为”对话框上的东西并且仅仅单击它的“确定”
264分分第六部分分在线发布网页下载
按钮，这就是所要做的事情。改变后的文件被上载到那个服务器，取代原来的旧网页，使用
第一次发布此网页时所使用的相同的设置(取决于服务器和因特网帐户是如何设置的，可能会
被提示注册到因特网或者提供认证信息，但是这将是你必须做的最多的事情)。
当然，在上载了更改的结果之后，必须重新测试网页。
23.3课时小结
评价和更新网页并不是一个很大的问题，它是为了确保网页实现了你所创建的目标的重
要步骤。
也许更重要的是，测试并更新网页是作为一个网页作者要提高的重要实践。每次重新发
布网页时，它们变得越来越完善，而同时也获得了经验和信心。所以养成那个习惯，将网页
看成一个进展中的工作，而不是一个上载过了并忘记的“完成”了的工作，从而经常地从改
善和修正中获得益处。
23.4专家答疑
问题：我的网页在IE5和Navigator中都能够非常好地工作，但是在其它浏览器中显示有一
些问题。问题是我不想只是为了能够让每一个人的浏览器兼容而放弃我的网页中那些酷的部
分。我该怎么做？
解答：在这种情况下，很多网页作者在首页上放置一个声明，说“Thispagebestwhen
viewedwithInternetExplorer”或者效果相同的语句。这个声明中往往包含了一个指向微软和
Netscape以用于下载一个兼容的浏览器的链接。这个声明其实是说“Ifyouwantenjoy
everythingmypageoffers,gogetanup-to-datebrowser。”
问题：我安装了其它的浏览器用于测试，而现在当我在线时，这其中一个浏览器就打开
了，而不是InternetExplorer。而我使用IE5时，它并不能够正常工作。我如何将IE5找回来？
解答：大多数浏览器希望成为唯一的浏览器，所以当你安装了它们之后，它们有个坏习
惯，那就是将自己变成PC上的“默认”的浏览器，就是对于大多数因特网活动自动地打开的
那个浏览器。
让IE5再次成为默认的浏览器的最容易的方法是重新从CD-ROM中安装它，它将会修复
IE5中所有的问题，那些问题是当你安装了其它浏览器之后突然出现的。
这不仅不会去除掉其它的浏览器，还能够用于网页的测试。但是它又一次将IE5变成默认
的浏览器，所以其它浏览器不会出现，除非你故意打开它们。
第23学时从测试并更新网页从从265下载
图23-11单击在“另存为”
对话框上的“确定”
(不改变任何东西)
来将改变的东西发
布到一个网页上
|
|
