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

资源描述

主讲：,网页设计与制作,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,网页设计与制作,项目十五：,发布和维护网站,任务一配置服务器,任务二,小结,任务三,实训,任务一,同步功能避免了许多盲目性，这在网页维护工作中显得尤为重要。,逐个地打开相关网页去修改是一件非常麻烦的事情，Dreamweaver 8有专门的功能来实现这项修改。,（3）选择【安全帐户】选项卡，在【操作员】列表中添加帐户。,1、安装IIS服务器的方法,由于是第1次上传文件，远程文件列表中是空的。,Dreamweaver 8,清理完毕后，弹出一个对话框，报告清理工作的结果。,如果是企业，应该考虑以下做法。,Dreamweaver 8,Dreamweaver 8,Dreamweaver 8,在主菜单中选择【站点】/【改变站点范围的链接】命令，打开【更改整个站点链接】对话框，设置【更改所有的链接】和【变成新链接】选项并加以确认即可。,租用ISP的Web服务器磁盘空间，将自己的主页放在ISP的Web服务器上。,1、安装IIS服务器的方法,由于是第1次上传文件，远程文件列表中是空的。,网页在本地制作完毕并测试成功后，需要上传到Internet上，这样用户才能访问。,Dreamweaver 8,Dreamweaver 8,网页在本地制作完毕并测试成功后，需要上传到,Internet,上，这样用户才能访问。如果是个人网站，可以到,Internet,上申请一个免费空间。如果是企业，应该考虑以下做法。,虚拟主机方案；租用,ISP,的,Web,服务器磁盘空间，将自己的主页放在,ISP,的,Web,服务器上。对于一般企业来说，这是最经济的方案。虚拟主机与真实主机在运作上和用户访问上都没有区别，而且企业的投入也比较低。,服务器托管方案：因有较大的信息量和数据库而需要很大的空间或者需要建立一个很大的站点时，可以采用此方案。将用户放有自己制作的主页的服务器或,Internet,主机放在,ISP,网络中心机房中，借用,ISP,的网络通信系统接入,Internet,。,DDN,专线接入方案：用户可以将服务器设置在本地机房，再通过,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）在【控制面版】中单击【添加或删除程序】选项打开【添加或删除程序】对话框。,网页在本地制作完毕并测试成功后，需要上传到Internet上，这样用户才能访问。,Dreamweaver 8,逐个地打开相关网页去修改是一件非常麻烦的事情，Dreamweaver 8有专门的功能来实现这项修改。,Dreamweaver 8,（1）在【控制面版】/【管理工具】中双击【Internet信息服务】选项，打开【Internet信息服务】对话框。,在主菜单中选择【窗口】/【结果】命令，并在【结果】面板中选择【链接检查器】选项卡。,由于是第1次上传文件，远程文件列表中是空的。,Dreamweaver 8,由于是第1次上传文件，远程文件列表中是空的。,在主菜单中选择【窗口】/【结果】命令，并在【结果】面板中选择【站点报告】选项卡，打开【站点报告】面板。,项目十五发布和维护网站,由于是第1次上传文件，远程文件列表中是空的。,在【显示】下拉列表框中选择要发布的站点，然后单击【站点文件】按钮，切换到远程站点状态。,Dreamweaver 8,（,1,）单击工具栏上的（连接到远端主机）按钮，将会开始连接远端主机，即登录,FTP,服务器。由于是第,1,次上传文件，远程文件列表中是空的,。,Dreamweaver 8,网页设计与制作,项目十五：,发布和维护网站,操作二发布网页,2,、网页发布,任务二,小结,任务三,实训,任务一,（,2,）在,【,本地文件,】,列表中，选择站点根目录，然后单击工具栏中的,【,上传文件,】,按钮，会出现一个“您确定要上传整个站点吗？”对话框，单击,【,确定,】,按钮将所有文件上传到远端服务器。,Dreamweaver 8,网页设计与制作,项目十五：,发布和维护网站,操作二发布网页,任务二,小结,任务三,实训,任务一,任务三维护网站,在上传网页之前，还有一些工作需要做，这也是维护网站的一些手段，如：,站点报告,检查站点范围的链接,查找和替换功能,清理文档,保持同步,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,网页设计与制作,项目十五：,发布和维护网站,操作六保持同步,任务二,小结,任务三,实训,任务一,实训配置服务器和发布站点,实训将要求对服务器,IIS,进行简单配置，同时将本机上的文件发布到服务器上。,【,实训目的,】,进一步巩固,IIS,服务器的简单配置方法。,。,进一步巩固通过,FTP,方式发布站点的方法。,Dreamweaver 8,网页设计与制作,项目十五：,发布和维护网站,任务二,小结,任务三,实训,任务一,小结,本项目主要介绍了如何配置、发布和维护站点，这些都是网页制作完成后的工作，是不可缺少的一部分，也是网页设计者必须了解的，希望读者能够多加练习。,Dreamweaver 8,网页设计与制作,项目十五：,发布和维护网站,任务二,小结,任务三,实训,任务一,

展开阅读全文