网页设计与制作 教学课件 王学军 第17章 测试 发布和维护站点.ppt

《网页设计与制作 教学课件 王学军 第17章 测试 发布和维护站点.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网页制作完成以后，还需要进行测试工作，以便减少可能发生的错误。测试完以后，就可以将网页进行发布了。网页发布以后，还要随时对站点进行维护更新，一个好的站点，不能一成不变。本章将介绍测试、发布和维护站点的基本知识。第17章测试、发布和维护站点学习目标掌握测试站点的方法。掌握发布站点的方法。掌握维护站点的方法。17.1测试站点浏览器测试链接测试修改链接站点报告清理文档17.1.1浏览器测试浏览器测试是指网页在不同种类的浏览器及同种浏览器不同版本中的显示效果测试。打开要测试的网页，然后选择【窗口】/【结果】命令，打开【结果】面板。在【结果】面板中切换到【浏览器兼容性检查】选项卡，单击（检查

2、浏览器兼容性）按钮，在弹出的下拉菜单中选择【设置】命令，打开【目标浏览器】对话框。在【目标浏览器】对话框中，选择要测试的浏览器和版本，然后单击按钮完成检测浏览器的设置并开始检测，检测的结果会显示在【结果】面板中。17.1.2链接测试发布网页前需要对网站中的超级链接进行测试，DreamweaverCS3提供了对整个站点的链接统一进行检查的功能。在【结果】面板中切换到【链接检查器】选项卡，在【显示】下拉列表中选择检查链接的类型。单击按钮，在弹出的下拉菜单中选择【检查整个当前本地站点的链接】命令，DreamweaverCS3将自动开始检测站点里的所有链接，结果也将显示在【文件】列表中。1

3、7.1.3修改链接如果需要改变网站中成千上万个链接中的一个，会涉及很多文件。DreamweaverCS3提供了专门的修改方法。选择【站点】/【改变站点范围的链接】命令，打开【更改整个站点链接】对话框，分别单击图标，设置【更改所有的链接】和【变成新链接】选项。单击按钮，系统将弹出一个【更新文件】对话框，询问是否更新所有与发生改变的链接有关的页面。17.1.4站点报告一个网站可能包括成百上千甚至更多的文件，在发布以前，要对它们逐一进行检查，并在本地计算机中进行调试，防止错误包含在其中。但是，手工操作非常费时，也难免有所遗漏。使用DreamweaverCS3提供的报告功能可以快速有效地检

4、查文件。在【结果】面板中选择【站点报告】选项卡，打开【站点报告】面板，单击面板左上角的按钮，打开【报告】对话框，在【报告在】下拉列表中选择【整个当前本地站点】选项，根据需要选择其中的选项，然后单击按钮，开始制作报告，结果会显示在【站点报告】面板中。17.1.5清理文档清理文档也就是清理一些空标签或在Word中编辑HTML文档时所产生的一些多余标签的工作。选择【命令】/【清理HTML】命令，打开【清理HTML/XHTML】对话框进行设置即可。17.1.5清理文档接着选择【命令】/【清理Word生成的HTML】命令，打开【清理Word生成的HTML】对话框进行设置。17.2发布网页配置

5、Web服务器配置FTP服务器发布站点17.2.1配置Web服务器WindowsXPprofessional中的IIS在默认状态下没有被安装，所以在第1次使用时应首先安装IIS服务器。17.2.1配置Web服务器安装完成后还需要配置IIS服务，才能发挥它的作用。17.2.1配置Web服务器17.2.1配置Web服务器17.2.2配置FTP服务器在【Internet信息服务】对话框中选择【默认FTP站点】选项，然后单击鼠标右键，在弹出的快捷菜单中选择【属性】命令，打开【默认FTP站点属性】对话框，切换到【FTP站点】选项卡，在【IP地址】列表框中输入IP地址。17.2.2配置FTP服务

6、器切换到【安全账户】选项卡，在【操作员】列表中添加用户。17.2.2配置FTP服务器切换到【主目录】选项卡，在【本地路径】文本框中输入FTP目录，然后勾选【读取】、【写入】、【记录访问】复选框。17.2.3发布站点站点配置好了以后，就可以上传网页、发布站点了。首先定义远程站点信息。17.2.3发布站点连接远端主机，上传文件。17.3维护站点网页发布以后，还要经常更新。要经常比较本地文件和远程服务器上的文件，修改过的文件、新增的文件要及时上传到远程服务器。使用同步功能可以将本地文件和远程服务器上的文件进行比较，不管哪端的文件或者文件夹发生改变，同步功能都将这种改变反映出来，以便决定是

7、上传还是下载。与FTP主机连接成功后，选择【站点】/【同步站点范围】命令，打开【同步文件】对话框。17.3维护站点在【同步】下拉列表中选择要更新的站点，在【方向】下拉列表中选择【放置较新的文件到远程】选项，单击按钮后，开始在本地计算机与服务器端的文件之间进行比较，比较结束后，如果发现文件不完全一样，将在列表中罗列出需要上传的文件名称。