清华大学_网页设计培训教程_Dreamweaver_11章.pptVIP

第11章 发布和管理网站 第11章 发布和管理网站 教学提示：本章利用Dreamweaver 8介绍发布和管理一个综合网站的过程，使用户在掌握创建网站方法的基础上进一步掌握网站的测试、远程站点的设置和网站同步等方法。 教学目标：Dreamweaver 8可以用来创建单个的网页，但在大多数情况下，用户可能更希望将这些单独的网页组合起来，成为一个站点。拥有自己的网站，可以说是每个网页创作者的梦想。Dreamweaver 8 不仅能够编辑网页，而且带有强大的站点管理功能。 第11章 发布和管理网站 11.1 测试本地站点 11.2 构建远程站点 11.3 上 机 实 战 11.1 测试本地站点 11.1.1 检测站点的浏览器兼容性 11.1.2 检测可能存在的链接错误 11.1.3 使用浏览器预览网页 11.1 测试本地站点 在网站的各个网页都已经制作好了以后，就可以将网站上传到服务器上发布了，不过在上传之前为了保证页面的正确性，最好先在本地进行一些测试，以检查页面的外观、效果、链接等是否和自己的设计吻合。 11.1.1 检测站点的浏览器兼容性 虽然所有网页都遵循HTML 3.2标准，但不同厂家的浏览器之间有细微的差别，这些细微的差别往往会导致不同的浏览器看同一网页时出现完全不同的效果，因此用户在发布网页之前必须要对它进行浏览器的兼容性测试，以保证它在用户所期望的浏览器中能够正确显示。 检查浏览器的具体操作如下。 (1) 如果要检查某个文件夹或整个站点，可以选择【站点】|【管理站点】命令，打开【管理站点】对话框，在站点列表中选中用户要测试的站点，单击【完成】按钮。然后在本地文件夹中选择一个用户要测试的文件夹。目标浏览器将对该文件夹内的所有html文件进行检查(包括子文件夹)。如果要测试整个站点，可选择站点所在的根目录。 (2) 选择【文件】|【检查页】|【检查目标浏览器】命令，出现如图11.1所示的结果。 (3) 需要设置用户要测试的目标浏览器，可以单击图11.1结果中左上角的绿色三角形按钮，在出现的弹出菜单中选择【设置】命令，如图11.2所示，出现如图11.3所示的对话框，设置检测的浏览器类型。 11.1.1 检测站点的浏览器兼容性 11.1.1 检测站点的浏览器兼容性 11.1.2 检测可能存在的链接错误 虽然对所有网页都进行了链接，但由于在站点编辑和修改时可能会使某些网页的链接出现错误，因此在发布网页之前必须对网站进行站点中的链接测试，以保证各个网页都能具有用户所期望的链接。 1. 检查链接 检查链接的具体操作如下。 (1) 如果要检查某个文件夹或整个站点，可以选择【站点】|【管理站点】命令，打开【管理站点】对话框，在站点列表中选中用户要测试的站点，然后在本地文件夹中选择一个用户要测试的文件夹。目标浏览器将对该文件夹内的所有html文件进行检查(包括子文件夹)。如果要测试整个站点，可选择站点所在的根目录。 (2) 选择【文件】|【检查页】|【检查链接】命令。这时系统开始自动进行检查，并将检查结果显示为如图11.4所示。 2. 修复错误的链接 在使用Dreamweaver检查链接后，检测站点链接的对话框中会显示一个包括损坏的链接、外部链接及单独文件的列表(如果选择的是检查整个站点)。 检查完链接状况后，就可以根据检查的结果对错误或断开的链接进行修正，以使网页文件的链接状况达到预期的效果。Dreamweaver提供了强大的修正链接功能，其具体操作如下。 (1) 在站点窗口的本地站点窗格中，选中要修改链接范围的文件。选择【站点】|【改变站点范围的链接】命令，出现如图11.5所示的对话框，提示用户修改链接的站点范围。 11.1.2 检测可能存在的链接错误 11.1.2 检测可能存在的链接错误 11.1.2 检测可能存在的链接错误 (2) 在【更改所有的链接】文本框中，会显示当前在站点窗口中选中文件的URL，也可以对其中的地址进行修改，或单击右侧的文件夹按钮，然后从文件夹中选择文件。 (3) 在【变成新链接】文本框中，可以输入修改后的链接地址。也可以对其中的地址进行修改，或单击右侧的文件夹按钮，然后从文件夹中选择文件。 (4) 设置完毕，单击【确定】按钮确定操作。这时Dreamweaver会对站点中的文档进行扫描，查找包含要替换链接的文档，如果找到了包含要替换链接的文档，会打开如图11.6所示的对话框，提示用户更新其链接。 (5) 单击【更新】按钮，可以更新链接。单击【不更新】按钮，则不更新链接。 链接修复后，该文件就会从检测站点链接的对话框的【检查结果】列表框中消失。如果修复后，此文件仍显示在【检查结果】列表框中，则表示Dreamweaver找不到新输入的文件，链接仍然是不正确的。 1