网页制作项目15发布和维护网站

主讲：主讲：网页设计与制作Dreamweaver 8项目十五 发布和维护网站任务一 配置服务器任务二 发布网站任务三 维护网站项目十五：项目十五： 发布和维护网站发布和维护网站网 页 设 计 与 制 作Dreamweaver 8任务一任务二小 结任务三实 训任务一 配置服务器Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站配置服务器操作动画配置服务器操作动画通过本操作的学习，需要掌握以下内容：通过本操作的学习，需要掌握以下内容：1、安装、安装IIS服务器的方法服务器的方法（1）在）在【控制面版控制面版】中单击中单击【添加或删除程序添加或删除程序】选项打开选项打开【添加或删除程序添加或删除程序】对话框。对话框。（2）单击）单击【添加添加/删除删除Windows组件（组件（A）】图标进入图标进入【Windows组件向导组件向导】对话框，并勾选对话框，并勾选【Internet服务器（服务器（IIS）】复选框。复选框。（3）如果打算将）如果打算将FTP服务器也安装上，双击服务器也安装上，双击【Internet服务服务器（器（IIS）】选项，打开选项，打开【Internet信息服务（信息服务（IIS）】对话框对话框，勾选，勾选【文件传输协议（文件传输协议（FTP）服务）服务】复选框。复选框。 任务二小 结任务三实 训任务一2、配置、配置Web服务器的方法服务器的方法（1）在）在【控制面版控制面版】/【管理工具管理工具】中双击中双击【Internet信息服信息服务务】选项，打开选项，打开【Internet信息服务信息服务】对话框。对话框。（2）选中）选中【默认网站默认网站】选项，然后单击鼠标右键，在弹出的选项，然后单击鼠标右键，在弹出的快弹菜单中选择快弹菜单中选择【属性属性】命令打开命令打开【默认网站属性默认网站属性】对话框对话框，选择，选择【网站网站】选项卡，在选项卡，在【IP地址地址】栏选择或输入本机的栏选择或输入本机的IP地址。地址。（3）选择）选择【主目录主目录】选项卡，在选项卡，在【本地路径本地路径】文本框中定义文本框中定义网页所在的目录。网页所在的目录。（4）选择）选择【文档文档】选项卡，在选项卡，在“默认文档名默认文档名”文本框中输入文本框中输入首页文件名。首页文件名。 Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务一 配置服务器任务二小 结任务三实 训任务一 网页在本地制作完毕并测试成功后，需要上传到网页在本地制作完毕并测试成功后，需要上传到Internet上，这样用户才能访问。如果是个人网站，可以到上，这样用户才能访问。如果是个人网站，可以到Internet上申请一个免费空间。如果是企业，应该考虑以下做上申请一个免费空间。如果是企业，应该考虑以下做法。法。l虚拟主机方案；租用虚拟主机方案；租用ISP的的Web服务器磁盘空间，将自己的主服务器磁盘空间，将自己的主页放在页放在ISP的的Web服务器上。对于一般企业来说，这是最经济服务器上。对于一般企业来说，这是最经济的方案。虚拟主机与真实主机在运作上和用户访问上都没有的方案。虚拟主机与真实主机在运作上和用户访问上都没有区别，而且企业的投入也比较低。区别，而且企业的投入也比较低。l服务器托管方案：因有较大的信息量和数据库而需要很大的服务器托管方案：因有较大的信息量和数据库而需要很大的空间或者需要建立一个很大的站点时，可以采用此方案。将空间或者需要建立一个很大的站点时，可以采用此方案。将用户放有自己制作的主页的服务器或用户放有自己制作的主页的服务器或Internet主机放在主机放在ISP网网络中心机房中，借用络中心机房中，借用ISP的网络通信系统接入的网络通信系统接入Internet。lDDN专线接入方案：用户可以将服务器设置在本地机房，再专线接入方案：用户可以将服务器设置在本地机房，再通过通过DDN专线与专线与ISP的网络中心的路由器端口连接，成为一的网络中心的路由器端口连接，成为一台台Internet主机。主机。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二 发布网站任务二小 结任务三实 训任务一操作一 配置FTP服务器（1）在）在【控制面版控制面版】/【管理工具管理工具】中双击中双击【Internet信息信息服务服务】选项，打开选项，打开【Internet信息服务信息服务】对话框。对话框。 （2）选中）选中【默认默认FTP站点站点】选项，然后单击鼠标右键，在弹出选项，然后单击鼠标右键，在弹出的快弹菜单中选择的快弹菜单中选择【属性属性】命令打开命令打开【默认默认FTP站点属性站点属性】对话框，选择对话框，选择【FTP站点站点】选项卡，在选项卡，在【IP地址地址】栏输入或栏输入或选择选择IP地址。地址。（3）选择）选择【安全帐户安全帐户】选项卡，在选项卡，在【操作员操作员】列表中添加列表中添加帐户。帐户。（4）选择）选择【主目录主目录】选项卡，在选项卡，在【本地路径本地路径】文本框中输文本框中输入入FTP目录，然后在目录，然后在【读取读取】、【写入写入】、【记录访问记录访问】选选项前的复选框内划上项前的复选框内划上“”。如果存放网页的服务器是属于自己的，而且要通过如果存放网页的服务器是属于自己的，而且要通过FTP方方式发布网页，这就要求提前配置好式发布网页，这就要求提前配置好FTP服务器服务器 。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二小 结任务三实 训任务一操作二 发布网页（1）在）在【文件文件】/【文件文件】面板中单击面板中单击【展开展开/折叠折叠】按钮，展按钮，展开站点管理器。在开站点管理器。在【显示显示】下拉列表框中选择要发布的站点，下拉列表框中选择要发布的站点，然后单击然后单击【站点文件站点文件】按钮，切换到远程站点状态。按钮，切换到远程站点状态。1.在Dreamweaver中配置FTP的相关参数 Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二小 结任务三实 训任务一（2）单击单击【定义远程站点定义远程站点】超级链接，打开站点超级链接，打开站点【远程信远程信息息】定义对话框。定义对话框。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作二 发布网页任务二小 结任务三实 训任务一（3）在）在【访问访问】下拉列表中选择下拉列表中选择“FTP”选项，然后设置选项，然后设置FTP服务器的各项参数。服务器的各项参数。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作二 发布网页任务二小 结任务三实 训任务一（1）单击工具栏上的（连接到远端主机）按钮，将会开始连）单击工具栏上的（连接到远端主机）按钮，将会开始连接远端主机，即登录接远端主机，即登录FTP服务器。由于是第服务器。由于是第1次上传文件，远次上传文件，远程文件列表中是空的程文件列表中是空的 。 Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作二 发布网页2、网页发布任务二小 结任务三实 训任务一（2 2）在）在【本地文件本地文件】列表中，选择站点根目录，然后单击工具栏中的列表中，选择站点根目录，然后单击工具栏中的 【上传文件上传文件】按钮，会出现一个按钮，会出现一个“您确定要上传整个站点吗？您确定要上传整个站点吗？”对话对话框，单击框，单击【确定确定】按钮将所有文件上传到远端服务器。按钮将所有文件上传到远端服务器。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作二 发布网页任务二小 结任务三实 训任务一任务三 维护网站 在上传网页之前，还有一些工作需要在上传网页之前，还有一些工作需要做，这也是维护网站的一些手段，如：做，这也是维护网站的一些手段，如：l 站点报告站点报告l 检查站点范围的链接检查站点范围的链接l 查找和替换功能查找和替换功能l 清理文档清理文档l 保持同步保持同步 Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二小 结任务三实 训任务一 1.在主菜单中选择在主菜单中选择【窗口窗口】/【结果结果】命令，并在命令，并在【结果结果】面板中选择面板中选择【站点报告站点报告】选项卡，打开选项卡，打开【站点报告站点报告】面板。面板。一个网站可能包括成百上千甚至更多的文件，在发布以前，要对它们逐一进行检查，并在本地计算机中进行调试，防止错误包含在其中。使用Dreamweaver 8提供的报告功能可以快速有效地检查文件。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作一 使用站点报告任务二小 结任务三实 训任务一 2. 单击面板左上角第一个按钮，打开单击面板左上角第一个按钮，打开【报告报告】对话框。对话框。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作一 使用站点报告任务二小 结任务三实 训任务一 3.根据需要选择其中的选项，然后单击根据需要选择其中的选项，然后单击【运行运行】 按钮，开始制作按钮，开始制作报告，结果会出现在报告，结果会出现在【结果结果】/【站点报告站点报告】面板中。面板中。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作一 使用站点报告 4.在面板中选择记录，然后单击左侧第在面板中选择记录，然后单击左侧第3个按钮来查看详细的出错个按钮来查看详细的出错信息，单击第信息，单击第4个按钮将信息以文件形式保存。个按钮将信息以文件形式保存。 5.双击列表中的文件名会打开该文档，而且在文档的代码窗口中会双击列表中的文件名会打开该文档，而且在文档的代码窗口中会将需要修改的标签加亮显示。将需要修改的标签加亮显示。任务二小 结任务三实 训任务一Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作二 检查站点范围的链接整个网站中的超级链接数不胜数，发布网页以前需要对这些链接进行测试。Dreamweaver 8提供了对整个站点的链接统一进行检查的功能。 1.在主菜单中选择在主菜单中选择【窗口窗口】/【结果结果】命令，并在命令，并在【结果结果】面板中面板中选择选择【链接检查器链接检查器】选项卡。选项卡。 2.在在【显示显示】选项的下拉列表中选择检查链接的类型。选项的下拉列表中选择检查链接的类型。 3.单击左侧第单击左侧第1个按钮，在弹出的下拉菜单中选择个按钮，在弹出的下拉菜单中选择【为整个站点检为整个站点检查链接查链接】选项，选项，Dreamweaver 8将自动开始检测站点里的所有链接将自动开始检测站点里的所有链接，结果也将显示在，结果也将显示在【文件文件】列表中。列表中。任务二小 结任务三实 训任务一如果需要改变网站中成千上万个链接中的一个，会涉及到很多文件。因为链接是相互的，改变其中一个，其他网页中与发生变化的网页有关的链接也要改变。逐个地打开相关网页去修改是一件非常麻烦的事情，Dreamweaver 8有专门的功能来实现这项修改。在主菜单中选择在主菜单中选择【站点站点】/【改变站点范围的链接改变站点范围的链接】命令，打开命令，打开【更更改整个站点链接改整个站点链接】对话框，设置对话框，设置【更改所有的链接更改所有的链接】和和【变成新链接变成新链接】选项并加以确认即可。选项并加以确认即可。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作三 改变站点范围的链接任务二小 结任务三实 训任务一如果要同时修改多个文档，可以使用查找和替换功能来实现。在主菜单中选择在主菜单中选择【编辑编辑】/【查找和替换查找和替换】命令，打开命令，打开【查找和替换查找和替换】对对话框。可以根据实际需要进行设置。话框。可以根据实际需要进行设置。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作四 使用查找和替换任务二小 结任务三实 训任务一清理文档也就是清理一些空标签或者在Word中编辑HTML文档时所产生的一些多余标签的工作。1、首先打开需要清理的文档，然后在主菜单中选择、首先打开需要清理的文档，然后在主菜单中选择【命令命令】/【清理清理HTML】命令，打开命令，打开【清理清理HTML/XHTML】对话框，在对话框中的对话框，在对话框中的【移移除除】选项组中根据需要勾选相应的选项或者在选项组中根据需要勾选相应的选项或者在【指定的标签指定的标签】选项的文本选项的文本框内输入所要删除的标签。将框内输入所要删除的标签。将【选项选项】选项组中的选项组中的【尽可能合并嵌套的尽可能合并嵌套的 标签标签】和和【完成后显示记录完成后显示记录】选项勾选。清理完毕后，弹出一个选项勾选。清理完毕后，弹出一个对话框，报告清理工作的结果。对话框，报告清理工作的结果。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作五 清理文档任务二小 结任务三实 训任务一2、在主菜单中选择、在主菜单中选择【命令命令】/【清理清理Word生成的生成的HTML】命令，打开命令，打开【清理清理Word生成的生成的HTML】对话框，并设置对话框，并设置【基本基本】选项卡和选项卡和【详细详细】选选项卡中的各项属性。清理完毕将显示结果消息框。项卡中的各项属性。清理完毕将显示结果消息框。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作五 清理文档任务二小 结任务三实 训任务一1.与与FTP主机连接成功后，在主菜单中选择主机连接成功后，在主菜单中选择【站点站点】/【同步同步】命令，打开命令，打开【同步文件同步文件】对话框，对话框，Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作六 保持同步同步的概念可以这样理解，在远端服务器与本地计算机之间架设一座桥梁，这座桥梁可以将两端的文件和文件夹进行比较，不管哪端的文件或者文件夹发生改变，同步功能都将这种改变反映出来，便于决定上传或者下载。同步功能避免了许多盲目性，这在网页维护工作中显得尤为重要。任务二小 结任务三实 训任务一2.在在【同步同步】下拉列表中选择下拉列表中选择“整个整个个人博客个人博客站点站点” 选项，在选项，在【方方向向】下拉列表中选择下拉列表中选择“放置较新的文件到远程放置较新的文件到远程”选项，单击选项，单击 【预览预览】 按按钮后，开始在本地计算机与服务器端的文件之间进行比较，比较结束后，钮后，开始在本地计算机与服务器端的文件之间进行比较，比较结束后，将在列表中罗列出需要上传的文件名称。单击将在列表中罗列出需要上传的文件名称。单击 【确定确定】按钮，系统便自按钮，系统便自动更新远端服务器中的文件。动更新远端服务器中的文件。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站操作六 保持同步任务二小 结任务三实 训任务一实训 配置服务器和发布站点实训将要求对服务器实训将要求对服务器IISIIS进行简单配置，同时将本机上的文件发进行简单配置，同时将本机上的文件发布到服务器上。布到服务器上。【实训目的实训目的】l进一步巩固进一步巩固IIS服务器的简单配置方法。服务器的简单配置方法。 。l进一步巩固通过进一步巩固通过FTP方式发布站点的方法。方式发布站点的方法。 Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二小 结任务三实 训任务一小结 本项目主要介绍了如何配置、发布和本项目主要介绍了如何配置、发布和维护站点，这些都是网页制作完成后的工维护站点，这些都是网页制作完成后的工作，是不可缺少的一部分，也是网页设计作，是不可缺少的一部分，也是网页设计者必须了解的，希望读者能够多加练习。者必须了解的，希望读者能够多加练习。Dreamweaver 8网 页 设 计 与 制 作项目十五：项目十五： 发布和维护网站发布和维护网站任务二小 结任务三实 训任务一