项目14发布和维护网站

1、主讲：主讲：网页设计与制作Dreamweaver CS3项目十四 发布和维护网站任务一 发布网站任务二 维护网站项目十四：项目十四： 发布和维护网站发布和维护网站网 页 设 计 与 制 作Dreamweaver CS3任务一小 结任务二实 训任务一 发布网站Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站任务一小 结任务二实 训本任务主要介绍配置IIS服务器和发布站点的方法。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 配置Web服务器任务一小 结任务二实 训1. 安装

2、IIS服务器 本操作以本操作以Windows XP Professional中的中的IIS为例，为例，简要介绍配置简要介绍配置Web服务器的方法。通过本操作的学习，服务器的方法。通过本操作的学习，应该掌握的内容主要有：应该掌握的内容主要有： 在在【控制面版控制面版】中单击中单击【添加或删除程序添加或删除程序】选项，打开选项，打开【添加添加或删除程序或删除程序】对话框，单击对话框，单击【添加添加/删除删除Windows组件（组件（A）】图标进入图标进入【Windows组件向导组件向导】对话框，勾选对话框，勾选【Internet服务服务器（器（IIS）】复选框，双击复选框，双击【Internet服

3、务器（服务器（IIS）】选项，打选项，打开开【Internet信息服务（信息服务（IIS）】对话框，勾选对话框，勾选【文件传输协议文件传输协议（FTP）服务）服务】复选框。复选框。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 配置Web服务器任务一小 结任务二实 训Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 配置Web服务器任务一小 结任务二实 训2.配置Web服务器 在在【控制面版控制面版】/【管理工具管理工具】中双击中双击【Internet信息服信息服务

4、务】选项，打开选项，打开【Internet信息服务信息服务】对话框。选中对话框。选中【默认网默认网站站】选项，然后单击鼠标右键，在弹出的快弹菜单中选择选项，然后单击鼠标右键，在弹出的快弹菜单中选择【属属性性】命令，打开命令，打开【默认网站属性默认网站属性】对话框，选择对话框，选择【网站网站】选项选项卡，在卡，在【IP地址地址】栏选择或输入本机的栏选择或输入本机的IP地址。地址。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 配置Web服务器任务一小 结任务二实 训 选择选择【主目录主目录】选项卡，在选项卡，在【本地路径本地路径】

5、文本框中设置文本框中设置网页所在的目录。选择网页所在的目录。选择【文档文档】选项卡，设置选项卡，设置“默认文档默认文档名名” ，如，如“Index.htm”。操作二 配置FTP服务器Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站任务一小 结任务二实 训配置FTP服务器的方法 本操作主要介绍配置本操作主要介绍配置FTP服务器的方法。通过本操服务器的方法。通过本操作的学习，应该掌握的内容主要有：作的学习，应该掌握的内容主要有： 在在【Internet信息服务信息服务】对话框中，选中对话框中，选中【默认默认FTP站点站点】选项，然后单击鼠标

6、右键，在弹出的快弹菜单中选择选项，然后单击鼠标右键，在弹出的快弹菜单中选择【属性属性】命令，打开命令，打开【默认默认FTP站点属性站点属性】对话框，选择对话框，选择【FTP站点站点】选项卡，在选项卡，在【IP地址地址】栏输入或选择栏输入或选择IP地址。地址。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作二 配置FTP服务器任务一小 结任务二实 训Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作二 配置FTP服务器任务一小 结任务二实 训 选择选择【安全账户安全账户】选项

7、卡，在选项卡，在【操作员操作员】列表中设置账列表中设置账户（户（Windows XP系统中的系统中的IIS账户是默认的，在服务器操作系账户是默认的，在服务器操作系统的统的IIS中是可以添加的）。选择中是可以添加的）。选择【主目录主目录】选项卡，在选项卡，在【本本地路径地路径】文本框中输入文本框中输入FTP目录，如目录，如“E:MyHomePage”，然，然后在后在【读取读取】、【写入写入】、【记录访问记录访问】选项前的复选框内打选项前的复选框内打上上“”。操作三 发布网页Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站任务一小 结任务二

8、实 训1. 设置远程信息 本操作主要介绍发布网页的方法。通过本操作的学本操作主要介绍发布网页的方法。通过本操作的学习，应该掌握的内容主要有：习，应该掌握的内容主要有： 在站点管理器的在站点管理器的【显示显示】下拉列表中选择要发布的站点，下拉列表中选择要发布的站点，然后单击然后单击 （站点文件）按钮，切换到远程站点状态。（站点文件）按钮，切换到远程站点状态。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作三 发布网页任务一小 结任务二实 训 单击单击【定义远程站点定义远程站点】超级链接，打开站点超级链接，打开站点【远程信息远程信息】定

9、义对话框进行设置。连接成功后，就可以开始发布网页了。定义对话框进行设置。连接成功后，就可以开始发布网页了。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作三 发布网页任务一小 结任务二实 训2. 发布网页 单击工具栏上的单击工具栏上的 （连接到远端主机）按钮，将会开始（连接到远端主机）按钮，将会开始连接远端主机，即登录连接远端主机，即登录FTP服务器。经过一段时间后，服务器。经过一段时间后， 按钮上按钮上的指示灯变为绿色，表示登录成功了，并且变为的指示灯变为绿色，表示登录成功了，并且变为 按钮（再按钮（再次单击该按钮就会断开与次单击

10、该按钮就会断开与FTP服务器的连接）。由于是第服务器的连接）。由于是第1次次上传文件，远程文件列表中是空的。上传文件，远程文件列表中是空的。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作三 发布网页任务一小 结任务二实 训 在在【本地文件本地文件】列表中，选择站点根目录，然后单击工列表中，选择站点根目录，然后单击工具栏中的具栏中的 （上传文件）按钮（上传文件）按钮,，开始上传文件。，开始上传文件。任务二 维护网站Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站任务一小 结任

11、务二实 训本任务主要介绍维护网站的基本知识，如浏览器测试、链接测试、站点报告、清理文档以及同步等。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 浏览器测试任务一小 结任务二实 训浏览器测试 本操作主要介绍浏览器测试的方法。通过本操作的本操作主要介绍浏览器测试的方法。通过本操作的学习，应该掌握的内容主要有：学习，应该掌握的内容主要有： 浏览器测试是指网页在不同种类的浏览器及同种浏览器浏览器测试是指网页在不同种类的浏览器及同种浏览器不同版本中的显示效果测试。打开要测试的网页，然后选择不同版本中的显示效果测试。打开要测试的网页，然后

12、选择【窗口窗口】/【结果结果】命令，打开命令，打开【结果结果】面板，并切换到面板，并切换到【浏浏览器兼容性检查览器兼容性检查】选项卡。选项卡。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作一 浏览器测试任务一小 结任务二实 训 单击单击 （检查浏览器兼容性）按钮，在弹出的下拉菜单（检查浏览器兼容性）按钮，在弹出的下拉菜单中选择中选择【设置设置】命令，打开命令，打开【目标浏览器目标浏览器】对话框。在对话框。在【目标目标浏览器浏览器】对话框中，选择要测试的浏览器和版本，然后单击对话框中，选择要测试的浏览器和版本，然后单击【确定确定】

13、按钮完成检测浏览器的设置并开始检测，检测的结按钮完成检测浏览器的设置并开始检测，检测的结果会显示在果会显示在【结果结果】面板中。面板中。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作二 链接测试任务一小 结任务二实 训链接测试 本操作主要介绍链接测试的方法。通过本操作的学本操作主要介绍链接测试的方法。通过本操作的学习，应该掌握的内容主要有：习，应该掌握的内容主要有： 发布网页前需要对网站中的超级链接进行测试。选择发布网页前需要对网站中的超级链接进行测试。选择【窗口窗口】/【结果结果】命令打开命令打开【结果结果】面板，选择面板，选择

14、【链接检查链接检查器器】选项卡。在选项卡。在【显示显示】选项的下拉列表中选择检查链接的类选项的下拉列表中选择检查链接的类型，单击型，单击 按钮，在弹出的下拉菜单中选择需要的选项。按钮，在弹出的下拉菜单中选择需要的选项。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作三 修改链接任务一小 结任务二实 训修改链接 本操作主要介绍修改链接的方法。通过本操作的学本操作主要介绍修改链接的方法。通过本操作的学习，应该掌握的内容主要有：习，应该掌握的内容主要有： 选择选择【站点站点】/【改变站点范围的链接改变站点范围的链接】命令，打开命令，打开【

15、更更改整个站点链接改整个站点链接】对话框，分别设置对话框，分别设置【更改所有的链接更改所有的链接】和和【变成新链接变成新链接】选项。选项。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作四 站点报告任务一小 结任务二实 训使用站点报告 本操作主要介绍使用站点报告的方法。通过本操作本操作主要介绍使用站点报告的方法。通过本操作的学习，应该掌握的内容主要有：的学习，应该掌握的内容主要有： 选择选择【窗口窗口】/【结果结果】命令，并在命令，并在【结果结果】面板中选择面板中选择【站点报告站点报告】选项卡，打开选项卡，打开【站点报告站点报告】面

16、板。面板。单击单击 按钮（第按钮（第1个），打开个），打开【报告报告】对话框。对话框。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作四 使用站点报告任务一小 结任务二实 训 根据需要选择其中的选项，然后单击根据需要选择其中的选项，然后单击 （运行）（运行） 按钮，开按钮，开始制作报告，结果会出现在始制作报告，结果会出现在【结果结果】/【站点报告站点报告】面板中。面板中。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作四 使用站点报告 在面板中选择记录，然后单击左侧第在面

17、板中选择记录，然后单击左侧第3个按钮来查看详细个按钮来查看详细的出错信息，单击第的出错信息，单击第4个按钮将信息以文件形式保存。个按钮将信息以文件形式保存。 双击列表中的文件名会打开该文档，而且在文档的代码窗双击列表中的文件名会打开该文档，而且在文档的代码窗口中会将需要修改的标签加亮显示。口中会将需要修改的标签加亮显示。任务一小 结任务二实 训Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作五 清理文档任务一小 结任务二实 训清理文档 本操作主要介绍清理文档的方法。通过本操作的学本操作主要介绍清理文档的方法。通过本操作的学习，应该掌

18、握的内容主要有：习，应该掌握的内容主要有： 选择选择【命令命令】/【清理清理HTML】命令，打开命令，打开【清理清理HTML/XHTML】对话框，在对话框中的对话框，在对话框中的【移除移除】选项组中勾选项组中勾选选【空标签区块空标签区块】和和【多余的嵌套标签多余的嵌套标签】选项，或者在选项，或者在【指定指定的标签的标签】选项的文本框内输入所要删除的标签。将选项的文本框内输入所要删除的标签。将【选项选项】选选项组中的项组中的【尽可能合并嵌套的尽可能合并嵌套的标签标签】和和【完成后显示记完成后显示记录录】选项勾选。选项勾选。 选择选择【命令命令】/【清理清理Word生成的生成的HTML】命令，打开

19、命令，打开【清清理理Word生成的生成的HTML】对话框，并设置对话框，并设置【基本基本】选项卡和选项卡和【详细详细】选项卡中的各项属性。清理完毕将显示结果消息框。选项卡中的各项属性。清理完毕将显示结果消息框。Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作五 清理文档任务一小 结任务二实 训Dreamweaver CS3网 页 设 计 与 制 作项目十四：项目十四： 发布和维护网站发布和维护网站操作六 保持同步任务一小 结任务二实 训1. 理解同步的概念 本操作主要介绍站点同步的方法。通过本操作的学本操作主要介绍站点同步的方法。通

20、过本操作的学习，应该掌握的内容主要有：习，应该掌握的内容主要有： 网页发布以后，还要经常更新。要经常比较本地文件和网页发布以后，还要经常更新。要经常比较本地文件和远程服务器上的文件，修改过的文件、新增的文件要及时上传远程服务器上的文件，修改过的文件、新增的文件要及时上传到远程服务器。到远程服务器。 使用同步功能可以将本地文件和远程服务器上的文件进使用同步功能可以将本地文件和远程服务器上的文件进行比较，不管哪端的文件或者文件夹发生改变，同步功能都将行比较，不管哪端的文件或者文件夹发生改变，同步功能都将这种改变反映出来，以便决定是上传还是下载。这种改变反映出来，以便决定是上传还是下载。 与与FTP主机连接成功后，选择主机连接成功后，选择【站点站点】/【同步同步】命令，打开命令，打开【同步文件同步文件】对话框。在对话框。在【同步同步】下拉列表中选择要更新的站点，下拉列表中选择要更新的站点，在在【方向方向】下拉列表中选择需要的选项，如下拉列表中选择需要的选项，如“放置较新的文件到放置较新的文件到远程远程”选项，单击选项，单击 【预览预览】 按钮后，开始在本地计算机与服务按钮后，开始在本地计算机与服务器端的文件之间进行比较，比较结束