网站测试与发布

,１０．１　　测试“千履千寻公司”站点　１０．１．１　　兼容性测试对站点进行兼容性测试可以检查网页中是否存在目标浏览器不支持的标签或属性，若包含目标浏览器不支持的属性会导

１０．１　　测试“千履千寻公司”站点　

１０．１．１　　兼容性测试对站点进行兼容性测试可以检查网页中是否存在目标浏览器不支持的标签或属性，若包

含目标浏览器不支持的属性会导致网页显示不正常或部分功能不能正常运作。目标浏览器检查提供了3个级别的潜在问题的信息，即告知性信息、警告和错误。

告知性信息：表示代码在特定浏览器中不支持，但没有可见的影响。

警告：表示某段代码将不能在特定浏览器中正确显示，但不会导致任何严重的显示

问题。

错误：表示代码可能在特定浏览器中导致严重的、可见的问题，如导致页面的某些

部分消失。

下面以在“gsdt.html”网页中测试浏览器兼容性为例介绍测试的方法，其具体操作如下。

打开“gsdt.html”网页，单击工具栏上的“检查浏览器兼容性”按钮

的下拉菜单中选择“设置”命令，如图10-2所示。

打开“目标浏览器”对话框，在“浏览器最低版本”列表框中设置各种目标浏览器允许显示此网页的最低版本，完成后单击

按钮，如图10-3所示。

，在弹出

图10-2 设置目标浏览器 图10-3 设置浏览器最低版本 返回“gsdt.html”网页，再次单击工具栏上的“检查浏览器兼容性”按钮弹出的下拉菜单中选择“检查浏览器兼容性”命令，如图10-4所示。，在 打开“浏览器兼容性”面板，在列表框中将显示检查到的兼容性错误，如图10-5所示。

切换到代码视图，找到兼容性错误提示的所在行的代码内容，如图10-6所示。 查看并修复错误的代码内容，保存网页即可，如图10-7所示。

图10-4 检查浏览器兼容性 图10-5

显示兼容性错误

图10-6 查看代码 图10-7 修复错误

１０．１．２　　检查并修复链接

为确保网页中的超链接都可靠有效，在发布站点前还需检查所有超链接的URL地址是否正确，若有错误需及时修改，以保证浏览者在单击链接时能准确转到目标位置。Dreamweaver可以检查3种类型的链接，分别为断掉的链接、外部链接和孤立文件。

断掉的链接：检查文档中是否存在断开的链接。

外

部链接：检查外部链接。

孤

立文件：检查站点中是否存在孤立文件。

利用Dreamweaver提供的“检查链接”功能可快速地在打开的文档或本地站点的某一部分或整个本地站点中搜索断开的链接和未被引用的文件。下面以在“gwmly.html”网页中检查并修复链接为例进行介绍，其具体操作如下。

打开“gwmly.html”网页，选择【文件】/【检查页】/【链接】菜单命令，如图10-8所示。

打开“链接检查器”对话框，在“显示”下拉列表框中选择“断掉的链接”选项，此时将显示当前网页中断开的链接，如图10-9所示。

在“断掉的链接”栏中的路径处单击鼠标使路径呈可编辑状态，单击右侧的“浏览文件夹”按钮，如图10-10所示。

网站的测试与发布

图10-8 检查链接 图10-9 显示断掉的链接

打开“选择文件”对话框，在其中重新链接目标文件即可，如图10-11所示。

图10-10 修复链接 图10-11 重新链接文件 在“链接检查器”面板的“显示”下拉列表框中选择“外部链接”选项，此时将检查当前网页中的所有外部链接，如图10-12所示。

在“外部链接”栏下的路径处单击鼠标使其呈可编辑状态，重新输入正确的外

部链接地址即可，如图10-13所示。

图10-12 显示外部链接 图10-13 更改链接路径 打开“文件”面板，在“站点-qlqxsite”文件夹上单击鼠标右键，在弹出的快捷菜单中选择【检查链接】/【整个本地站点】菜单命令，如图10-14所示。 在“链接检查器”面板的“显示”下拉列表框中选择“孤立的文件”选项，此

时将显示站点中所有孤立文件的情况，如图10-15所示。

图10-14 选择整个站点 图10-15 显示孤立文件

１０．１．３　　检测下载速度

网页下载速度是指页面显示完其中包含所有内容所耗费的时间，这是衡量网页制作水平的一个重要标准。在发布站点之前，可以检测网页下载速度的时间，并可适当对下载速度进行设置。下面以在“rxjp.html”网页中检测并设置下载速度为例进行介绍，其具体操作如下。 打开“rxjp.html”网页，在“属性”面板上方的状态栏右侧可看到当前网页的下载速度为3秒，如图10-16所示。

按【Ctrl U】组合键打开“首选参数”对话框，在“分类”列表框中选择“状态栏”选项，在右侧的“窗口大小”列表框中可更改网页窗口的宽度和高度，在“连接速

度”下拉列表框中可更改下载速度，完成后单击

按钮即可，如图10-17所示。

图10-16 查看网页下载速度 图10-17 更改网页下载速度１０．２　　发布“千履千寻公司”站点　

１０．２．１　　申请主页空间

要让其他用户通过Internet访问自己的网站，需要在将网站发布到Internet之前，申请一

网站的测试与发布

个主页空间，该空间即网站在Internet中存放的位置，网上用户在浏览器中输入该位置的地址后即可访问网站。

1.注册并申请主页空间

网上可申请主页空间的网站比较多，各个网站上的申请操作也基本相同，下面以在“虎翼网”上申请免费主页空间为例进行介绍，其具体操作如下。

启动浏览器，在地址栏中输入“www.51.net”后按【Enter】键，访问虎翼网，单击网页右上方的“免费试用，立即注册”图像超链接，如图10-19所示。

打开“快速注册”界面，在其中输入并设置注册信息，单击

10-20所示。

按钮，如图

图10-19 访问网站 图10-20 注册用户

成功后将打开“注册成功”的提示对话框，如图10-21所示。

稍后网页将自动跳转到如图10-22所示的页面，在其中可选择试用的类型。

图10-21 注册成功 图10-22 显示注册后的网页

2.开通主页空间

注册成功后还需要开通主页空间，下面继续以在“虎翼网”中开通主页空间为例进行介

绍，其具体操作如下。

单击需开通机型右下方的“试用该服务”超链接，如图10-23所示。

打开提示对话框，单击

按钮，如图10-24所示。

图10-23 选择试用机型 图10-24 关闭提示网页

根据提示单击网页右侧的“售前咨询”超链接，如图10-25所示。

在打开的网页中输入开始对话的内容，包括姓名、电子邮件和问题内容等，然后单击

按钮，如图10-26所示。

图10-25 售前咨询 图10-26 输入对话信息

稍后“虎翼网”将接通客服人员，根据自己的实际需要与对方进行交流（与使用MSN交流的操作类似），该客服人员了解情况后会按照要求开通相应的试用主机，如图10-27所示。

返回之前的网页，在其中即可查看开通试用主机的效果，其中提示了试用期限和空间大小等内容，如图10-28所示。网站的测试与发布

图10-27 通过对话开通空间 图10-28 开通成功

１０．２．２　　发布站点

利用Dreamweaver发布站点时，首先应对站点的远程信息进行配置，然后才能进行发布操作，下面分别对这两个环节进行介绍。

1.配置远程信息

配置远程信息可以使Dreamweaver连接到Internet中的主页空间，为实现将站点文件上传到主页空间做好准备。下面以配置“qlqxsite”站点为例，介绍配置远程信息的方法，其具体操作如下。

在Dreamweaver中选择【站点】/【管理站点】菜单命令，如图10-29所示。

打开“管理站点”对话框，在列表框中选择“qlqxsite”选项，单击

钮，如图10-30所示。

按

图10-29 管理站点 图10-30 编辑站点

在打开的对话框左侧选择“服务器”选项，单击界面右侧的“添加”按钮如图10-31所示。， 在打开的对话框中将服务器名称设置为“qlqxsite”，在“连接方法”下拉列表

框中选择“FTP”选项，在“FTP地址”、“用户名”、“密码”、“根目录”和“Web URL”文本框中输入“虎翼网”中提供的相关数据，单击

按钮，如图10-32所示。

图10-31 添加服务器 图10-32 设置服务器

重新登录“虎翼网”后，在显示的网页左侧选择“空间设置”选项，界

面右侧中的“ＦＴＰ服务器”、“ＦＴＰ用户名”、“ＦＴＰ密码”和“试用期临时

知识提示域名”便对应着图１０－３２所示中的“ＦＴＰ地址”、“用户名”、“密码”和“Ｗｅｂ　ＵＲＬ”文本框中的内容，在开通空间时客服人员会及时告知根目录。

稍后Dreamweaver将尝试连接Web服务器，成功后将打开如图10-33所示的提示对话框，单击按钮即可。

依次单击

按钮完成服务器的远程信息配置，如图10-34所示。

图10-33 测试成功 图10-34 保存设置

2.发布站点

成功配置站点的远程信息后，即可发布站点。下面以发布“qlqxsite”站点为例进行介绍，其具体操作如下。网站的测试与发布

打开“文件”面板，选择需上传的网页文件，然后单击“上传文件”按钮如图10-35所示。， 当Dreamweaver连接到Web服务器后，将打开“后台文件活动”窗口，其中将显

示文件的上传进度，如图10-36所示。文件上传成功后将自动关闭该对话框。

图10-35 选择文件 图10-36 上传文件

如果在“文件”面板中选择站点对应的文件夹后再单击“上传文件”按多学一招钮，则代表上传整个站点的内容。站点的访问量是衡量网站成功与否的重要指标之一，要想增加网站访问量，则需对网站进行宣传。下面介绍几种在网站制作行业最常用的站点宣传技巧。

①导航网站登录。对于流量不大，知名度不高的网站来说，进入导航网站是最有效的提高访问量的方法之一，如“网址之家”（ｗｗｗ．ｈａｏ１２３．ｃｏｍ），“２６５网址”（ｗｗｗ．２６５．ｃｏｍ）等网站就是著名的导航网站。

②友情链接。友情链接可以给一个网站带来稳定的访问量，同时也有助于

行业提示提升网站在ＧＯＯＧＬＥ等搜索引擎中的排名。进行友情链接时，最好能链接一些

流量较高的知名网站，或是和网站内容互补的网站，然后再是同类网站。

③搜索引擎登录。搜索引擎给网站带来的流量非常大，登录搜索引擎可以使用专门的登录软件（如“登录骑兵”等），也可以采用手工登录的方式。

④网络广告投放。网络广告的投放虽然花钱，但给网站带来的流量却很可观。