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

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