网页设计与网站开发13

网页设计与网站开发(清华大学出版社)

第13章 站点的测试与发布---------朱耀庭

网页设计与网站开发(清华大学出版社)

第13章 站点的测试与发布13.1 站点的测试 13.2 申请主页空间及域名 13.3 发布站点 13.4 网站的测试和上传实例 13.5 管理站点 13.6 站点宣传 13.7 本章小结 13.8 课后练习

网页设计与网站开发(清华大学出版社)

13.1 站点的测试浏览器测试 检查和修复链接 清理文档 使用站点报告

13.1.1 13.1.2 13.1.3 13.1.4

网页设计与网站开发(清华大学出版社)

13.1.1 浏览器测试 打开一个需测试的页面，选择“窗口” “结果” “浏 览器兼容性”命令，打开“浏览器兼容性”选项卡面板， 在测试之前，先设置目标浏览器类型及其相应的测试版本 ，单击按钮，在弹出菜单中选择“设置”命令，如图所示，

图13-2 选择“设置”

打开“目标浏览器对话框”,在对话框的“浏览器最低版 本”列表框中选择要检查的浏览器的最低版本，单击“确定 ”,完成目标浏览器的设置。

网页设计与网站开发(清华大学出版社)

13.1.1 浏览器测试 单击按钮，在弹出菜单中选择“检查浏览器兼容性”命令 ，在面板中就会显示一个报告单，列出可能导致页面不能正 常运行和显示的问题以及具体位置。如图所示。双击错误选 项，文档编辑区的“代码”视图中对应代码将高亮显示，根 据报告中的提示对代码进行修改，直到没有错误为止。

图13-4 显示检查结果

网页设计与网站开发(清华大学出版社)

13.1.2 检查和修复链接 打开需进行检查的网页，选择“窗口” “结果” “链 接检查器”命令，打开“链接检查器”选项卡面板， 在“链接检查器”选项卡面板中，单击左上角的按钮，在 弹出菜单中选择“检查当前文档中的链接”命令，如图所示 。

图13-6 选择“检查当前文档中的链接”

选择命令后，系统将对当前网页的所有链接进行检查，并 显示结果。面板的最下端显示检查后的总体信息，如一共多 少个链接，以及正确链接和无效链接的数量，

网页设计与网站开发(清华大学出版社)

13.1.2 检查和修复链接 链接检查器显示的结果分为断掉的链接、外部链接、孤立 文件这3种类型： 1. 断掉的链接：链接文件在本地磁盘中没有找到。 2. 外部链接：链接到站点外的页面无法检查。 3. 孤立文件：没有进入链接的文件。孤立文件是没有用途的 文件，它只会增加站点的体积，可以删除这些孤立文件。

网页设计与网站开发(清华大学出版社)

13.1.3 清理文档 在菜单栏中选择“命令” “清理XHTML”命令，弹出“ 清理HTML/XHTML”对话框，在对话框中，可以设置对“空 标签区块”、“多余的嵌套标签”和“Dreamweaver特殊标 记”等内容的清理，单击“确定”按钮，即可完成对页面指 定内容的清理。

图13-10 “清理HTML/XHTML”对话框

网页设计与网站开发(清华大学出版社)

13.1.4 使用站点报告 选择“站点 报告”命令，打开“报告”对话框，在“报 告在”下拉列表框中选择“整个当前本地站点”选项，在“

选择报告”列表框中选择报告类型。单击“报告设置”按钮 ，可以打开关于该报告对应的对话框，在对话框中设置报告 。

图13-13 “报告”对话框

网页设计与网站开发(清华大学出版社)

13.1.4 使用站点报告 单击“运行”,创建报告。结果显示在“站点报告”面板 中

图13-14 “站点报告”面板

网页设计与网站开发(清华大学出版社)

13.2 申请主页空间及域名13.2.1 申请主页空间 13.2.2 申请域名

网页设计与网站开发(清华大学出版社)

13.2.1 申请主页空间 网站空间有收费和免费两种。一般的个人网站可选择免费 域名和网站空间；而企业最好选择收费的主页空间，因为收 费空间往往更稳定。通常申请主页空间的同时会获得相应的 域名。 免费主页空间大小和运行的条件会受一定限制(有的只支 持静态网页，不支持ASP、PHP、JSP等动态网页技术), 且稳定性也欠佳，有的还有广告条，这样会影响网页的显示 效果。收费主页空间一般由网站托管机构提供，其空间大小 及支持条件可根据用户的需要进行选择，稳定性非常好，数 据一般不会丢失。

网页设计与网站开发(清华大学出版社)

13.2.2 申请域名 在用户申请空间时，一般的空间服务商会同时提供一个免 费的域名。但是，免费的域名都是二级域名或带免费域名机 构相应信息的一个链接目录，不容易记忆或域名过长，并且 其服务没有保证，随时可能被删除或停止，如果是专业性网 站、大中型公司网站或有大量访问客户的网站则需申请专用 的域名；若是个人网站则不一定非要申请专用的域名。 用户在注册域名时，应尽量注册和网站相关或比较好记的 域名。在申请域名前应多想几个域名，以防这些域名已被注 册。

网页设计与网站开发(清华大学出版社)

13.3 发布站点13.3.1 配置远程信息 13.3.2 上传或下载文件

网页设计与网站开发(清华大学出版社)

13.3.1 配置远程信息 在Dreamweaver CS4中发布站点需先配置远程站点。 1.选择“站点” “管理站点”命令，打开“管理站点” 对话框，选择要发布的站点名称，单击“编辑”按钮。 2.在打开的“站点定义为”对话框中切换至“高级”选项 卡，在左侧“分类”列表框中选择“远程信息”选项。在右 侧“访问”下拉列表框中选择“FTP”选项。在“FTP主机” 文本框中输入FTP服务器的IP地址。在“登录”和“密码” 文本框中输入FTP用户名及密码。

图13-24 “站点定义为”对话框

网页设计与网站开发(清华大学出版社)

13.3.2 上传或下载文件1.上传文件 (1)打开“文件”面板，点击“连接到远端主机”按钮， 连接到服务器。然后单击“上传文件”按钮开始上传文件。

图13-26 “文件”面板

网页设计与网站开发(清华大学出版社)

(2)在“文件”面板的“本地视图”下拉列表框中选择“ 远程视图”选项，可以看到已上传的文件和文件夹，也可以 点击“展开以显示本地和远端站点”按钮同时查看本地站点 和远端站点的文件，如图所示。

图13-30 本地站

点和远端站点同时显示

网页设计与网站开发(清华大学出版社)

2.下载文件 (1)在与远程服务器连接的状态下，在“远程视图”文件 面板中选择要下载的一个或多个文件或文件夹。单击“获取 文件”按钮开始下载文件，

图13-31 远程视图

(2)在“文件”面板中单击“从远端主机断开”按钮即可 断开连接，

网页设计与网站开发(清华大学出版社)

13.4 网站的测试和上传实例 本节通过实例讲述网站测试和上传的具体操作过程，我们 要将一个完成的“信息科学系”网站检查并上传到互联网上 去。 1.检查超链接 2.检查浏览器的兼容性 3.站点测试报告 4.将网站上传到服务器

本文来源：https://www.bwwdw.com/article/5nhq.html