网页的测试与发布

1、第十六章 网页的测试与发布用户创建了Web页之后，通常可以直接将其保存在硬盘、软盘或光盘上，作为一种电子文档，也可以将其发布到Internet上，以便让全世界的浏览者都能够进行浏览。本章主要介绍进行网页测试和发布的方法。通过本章的学习，读者应该掌握以下内容：·申请域名和主页空间的方法·网页测试的方法·如何发布网页·宣传自己的网页16.1 申请域名和主页空间网站的发布首先要考虑的是以什么样的域名发布，发布在什么地方，即要申请域名和主页空间。目前，可以有多种方式申请域名和主页空间。如果是个人网站，最简单的方式就是在Internet服务供应商(ISP)的服务器

2、下申请一个域名和一个主页空间。 申请域名通常申请的域名有两种类型，一种是收费的，另一种是免费的。现在大部分域名都是收费的，免费的申请越来越少。目前接受收费域名申请的ISP很多，图16-1所示是“搜狐”网站上的收费域名申请页面。用户申请收费域名后，有的还提供一定的主页空间，可以直接上传发布网页。收费域名的好处是服务有保证，功能比较多。图16-2为“3939”网站上的免费域名申请页面。这里不仅提供域名，还提供主页空间。目前提供免费域名的网站还有http：/，http：/my.126.apply-new.htm，http：/ 申请主页空间与申请域名一样，申请主页空间也有免费和收费两种情况，而且大部分

3、都是收费的，免费的很少。图16-3为“网易”网站上的申请收费个人空间，图16-4为“中文雅虎”网站上的申请免费个人空间。16.2 测试网页在将站点上传到服务器供浏览之前，最好先在本地对其进行测试。实际上，在站点建设过程中，最好不断地对站点进行测试并解决出现的问题，以便尽早发现问题，避免重复出错。要确保网页在目标浏览器中正常地显示和工作，没有断开的链接，而且页面下载也不占用太长时间，还可以通过运行站点报告测试整个站点，并解决出现的问题。通常测试网页主要包括以下步骤。(1)设置浏览器的兼容性。(2)测试站点。(3)测试网络连接。 设置浏览器的兼容性在Internet上浏览网页时，可能会出现网页中的

4、某些元素无法正常显示的情况，这是因为访问者使用的浏览器不支持网页中的某些技术(例如，框架、动态HTML、JavaScript和Java小程序等)，即浏览器不兼容这些功能。为了避免在不同类型和版本的浏览器中出现某些元素不能正常显示的现象，在站点发布前必须设置浏览器的兼容性。Internet上存在着多种多样的浏览器，目前最流行的有Internet Explorer和Netscape Navigator两种。一般只要满足这两个浏览器的要求就可以了。在Dreamweaver MX中检查网页对浏览器的兼容性，可按如下步骤进行。(1)在站点窗口中，选择要检查的目标对象，可以是文件，也可以是目录。如果是根目

5、录，则对整个站点进行检查。(2)选择“文件”“检查页”“检查目标浏览器”菜单命令。如果尚未选择浏览器，Dreamweaver MX将出现如图16-5所示的“检查目标浏览器”对话框，提示选择目标浏览器。若对当前文档运行该检查，首先系统提示要保存文件。Dreamweaver对文件的最新保存版本执行该检查，而不包含未保存的更改。(3)从浏览器列表中选择需要的目标浏览器，单击“检查”按钮，即开始检查过程。(4)检查完毕，检查报告将显示在“结果”面板的“目标浏览器检查”选项下，如图16-6所示。图16-6 目标浏览器的检查结果(5)若要保存该报告，请单击“结果”面板上的“保存报告”按钮。注意：检查目标浏

6、览器功能只对文档中的HTML进行测试，检查是否有目标浏览器所不支持的任何标签或属性。此检查对文档不作任何方式的更改。使用Microsoft FrontPage可以设计与特定的浏览器及技术兼容的Web站点。例如，可以设计与Microsoft Internet Explorer和Netscape Navigator都兼容的Web站点，或者设计使其与所有2003版本的浏览器都兼容的Web站点。 测试站点在将站点上传到服务器并宣布已经可供浏览之前，最好先在本地计算机上对其进行一下测试，因为在站点或者网页中可能会存在许多问题。例如，可能会有某个文件丢失或者某个超链接断开的情况发生。这些问题如果不能及时得

7、到解决，即使站点发布了，当浏览者访问站点时，可能是空白一片或仅显示出一部分。由此可以看出，在站点发布之前对其进行测试是非常重要的。站点的测试主要包括检查超链接、修复超链接、在浏览器中预览页面等。1.检查超链接查看站点中的所有内部超链接，可以在整个站点中查找被中断的超链接和未被使用的文件，确保站点内的超链接完整性。检查超链接功能可用来在打开的文件、本地站点的某一部分或者整个本地站点中搜索断开的链接和未被引用的文件。Dreamweaver只验证那些指向站点内文档的链接，对于出现在选定文档中的外部链接，则编辑成一个列表，但并不验证它们。(1)检查整个站点中的链接选择“站点”“站点文件”命令，打开站点

8、面板(如图2-3所示)，从“当前站点”弹出式菜单中选择一个站点。选择“站点”“检查站点范围内的链接”命令，开始检查过程。检查结束，检查结果将出现在“结果”面板的“链接检查器”选项下。若要保存此报告，请单击面板上的“保存报告”按钮。检查整个站点中链接的详细过程可参考本书节。(2)检查本地站点某一部分中的链接若要检查本地站点某一部分中的链接，可执行如下操作。选择“站点”“站点文件”命令，打开站点面板，从“当前站点”弹出式菜单中选择一个站点。在“本地视图”中，选择要检查的文件或文件夹。选择“文件”“检查页”“检查链接”菜单命令，即开始检查过程。检查结束，检查结果将出现在“结果”面板的“链接检查器”选

9、项下。在“显示”下拉列表中，可以选择要检查的链接方式：断开的链接和外部链接。若要保存此报告，请单击面板上的“保存报告”按钮。(3)检查当前文档内的链接检查当前文档内的链接的方法如下。将此文件保存在本地Dreamweaver站点中的某个位置。选择“文件”“检查页”“检查链接”菜单命令，即开始检查过程。检查结束，检查结果将出现在“结果”面板的“链接检查器”选项下。在“显示”下拉列表中，可以选择要检查的链接方式：断开的链接和外部链接。若要保存此报告，请单击面板上的“保存报告”按钮。2.修复超链接验证完当前站点中的超链接后，中断的超链接就会显示在“断开的超链接”列表中。为了使网站发布后链接畅通，在发布

10、之前就要对这些断开的超链接进行修复。修复超链接的操作参见本书节。修复完一处超链接，按下Tab键确认，并开始下一处的编辑。修改完毕，按下回车键，确认当前修改，并退出编辑状态。如果链接指向的文档同时也在其他的地方被引用，则会出现一个提示对话框，询问是否同时修复所有指向该文档的链接。单击“是”按钮，则可以修复所有指向该文档的链接；单击“否”按钮，则只修复当前链接。3.在浏览器中预览页面在设计和创建网页的过程中，最好经常通过在浏览器中预览页面，来对其进行测试。这样可以及早发现错误，避免重复出错。任何时候都可在目标浏览器中预览文档，而不需要先保存该文档。如果浏览器己安装了必需的插件，与浏览器相关的所有功

11、能都会起作用。16.3 发布网站在本地计算机上设置完浏览器的兼容性、测试完站点后，必须构建远程站点，才能将本地站点的内容传送到Internet服务器上，形成真正的网站，以供用户浏览。发布站点的方法有很多种，用户可以用各种通用的FTP工具来上传和管理网站，也可以使用Dreamweaver MX本身的FTP功能上传。Dreamweaver MX内置的FTP功能，实际上就是通过FTP实现本地站点和远程站点之间的文件传输。 定义远程站点在Dreamweaver MX中定义远程站点的方法如下。(1)打开站点窗口，并显示将要上载的本地站点内容。(2)选择“站点”“编辑站点”命令，打开“编辑站点”对话框(如

12、图2-17所示)。(3)选中要设置远程站点的站点名称，然后单击“编辑”按钮，打开“站点定义为”对话框，从左边的分类栏中选择“远程信息”(如图2-13所示)。(4)进行有关FTP参数的设置。·在“访问”下拉列表中选择“FTP”，此时“站点定义为”对话框如图16-7所示。图16-7 定义远程站点·在“FTP主机”文本框中输入FTP服务器的名称。注意不要输入“ftp：/”前缀，如输入“”。·在“主机目录”文本框中输入发布站点的目录，它实际上是远程站点的根目录。·在“登录”文本框中输入登录账户，即已经注册的用户名。·在“密码”文本框中输入用户注册时的密

13、码。如果选中“保存”复选框，则在文本框中保存输入的密码，下次登录时就不用再输入密码。如果是从一个防火墙之后向FTP服务器上传文件，则可以根据需要，选中相应的复选框，来设置防火墙选项。·使用被动防火墙：某些防火墙要求使用被动式FTP，也就是说，用本地的软件来建立FTP，而不是请求远程服务器建立FTP，可以选中该项。·使用防火墙：如果从防火墙之后登录FTP，可以选中该选项。(5)设置完毕，单击“确认”按钮，定义远程站点结束。 连接服务器定义了远程站点之后，还必须建立本地计算机同Internet服务器的真正连接，才能真正构建远程站点。连接服务器的方法如下。(1)在站点窗口中显示要

14、上载的本地站点。(2)选择“站点”“连接”菜单命令，或单击站点窗口中的“连接”按钮。(3)根据不同的连接远程站点的方式，可能会出现不同的对话框。(4)连接成功后，可以看到战按钮中的小圆点变成了绿色。在窗口的左边显示远端服务器目录结构，右边显示本地机器文件夹结构。 上传文件连接完服务器后，就可以将本地站点中的文件上传到服务器上。方法如下。(1)从本地站点窗口选择要上传的文件。一般第一次是将整个网站的内容都上传，以后则可以只上传修改的文件和新增的文件。(2)选择“站点”“上传”菜单命令，或单击站点窗口中的“上传”按钮。如果在选中的文件中引用了其他位置的内容，此时会出现一个询问对话框，询问是否要将这

15、些内容上传。(3)在上传时，从状态栏中可以看到一个个上传文件被上传的过程。根据连接的速度不同，可能需要经过一段时间，才能在远在站点的窗口中出现上传的文件。除了可以利用Dreamweaver MX本身的FTP功能上传网页外，还可以用其他软件来上传网页。尤其对于拨号上网的用户来说，Dreamweaver MX本身的FTP功能并不实用，连接很容易断开。这时用户可以利用其他方法上传网页，如CuteFTP就是一款非常优秀的软件，使用也很简单，读者不妨亲自试一试。16.4 宣传自己的网站网站发布之后，为了吸引浏览者，增加访问量，还需要对网站进行宣传和推广。一般商业网站，常采用网络广告、搜索注册、设置MET

16、E等方法。而对于个人网站来说，由于受到资金的限制，可以采用友情链接、搜索引擎、设置METE等方法。其中友情链接是最好的方式，和一些著名的网页相互链接，可以大大提高网页的访问量。加入搜索引擎是宣传网站的一种有效方式。如果是中文网站，最好到中文的搜索引擎中注册，以增加被搜索到的机会。常见的中文搜索引擎网站有：搜狐(http：/)、中文雅虎(http：/)、网易(http：/)、21世纪(http：/)等。下面以搜狐网站为例简单说明加入搜索引擎的方法。(1)进入搜狐首页，选择“网站登录”，打开“搜索引擎登录”页面，如图16-8所示。在“搜索引擎登录”页面中提供了4种类型的搜索引擎登录：固定排序登录、推广型登录、普通型登录和免费登录。前3种都是收费的，只有最后一种是免费的，专门面向非商业型网站，如政府机构、慈善机构、学校等，提供免费登录服务。(2)找到“免费登陆”项，单击“我要登陆”按钮(如图16-9所示)，进入“免费网站登陆”页面，如图16-10所示