第9章网站管理与发布

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,1,第,9,章 网站管理与发布,教学任务：,学习网站管理，掌握网站管理窗口的使用、查看与更正链接。,能够发布网站，连接服务器、网站文件的上传与下载。,教学重点与难点：,网站管理窗口的使用、查看与更正链接。,连接服务器、网站文件的上传与下载。,2,做好网站总是要发布到网络上服务器，才能让别人通过浏览器进入网站浏览。发布网站通常是经由,FTP,进行，,Dreamweaver,内建,FTP,功能，方便把网站送出去，并且提供了一些好用的网站内部管理功能。,3,9.1,网站管理,9.1.1,网站管理窗口,网站管理窗口包含了站点文件、测试服务器、存储库文件等,3,种视图模式，在网站文件模式下可以看到远程和本地端的文件，以方便进行两端的管理。如图,9-1,、,9-2,、,9-3,所示。,4,5,6,7,文件管理面板的方法：打开文件面板后，接着选择右边的扩展,/,折叠按钮,，如图所示。,8,展开网站管理窗口后，在“显示”栏中选择要打开的网站名称，则本地端就会像资源管理器一样，将网站中的文件以层级列出来，而左边则会显示远端站点内容，如图所示。,9,网站管理窗口的工具按钮名称说明如表,9-1,所示：,10,9.1.2,更改文件夹名称,（,1,）选择要更改的文件夹后，接着单击鼠标左键,如图所示。,11,（,2,）原先的文件夹名会出现可输入的状态，输入新名称后，按下回车键,如图所示。,12,（,3,）出现,【,更新文件,】,对话框后，列表中会列出所有要修改的网页，移动鼠标单击,【,更新,】,按钮，如图所示。,13,9.1.3,设置首页文件,上传网站之前要在自己申请的主机空间管理中设置默认的首页文件，与自己本地网站中的首页一致，这样用被绑定在主机空间的域名才可访问网站，如图所示。,14,9.1.4,查看网站链接状况,移动鼠标到菜单栏执行,【,站点,】【,检查站点范围的链接,】,命令。,出现链接检查程序面板后，在,“,显示,”,下拉列表中可以选择断掉的链接、外部链接和孤立文件,3,种链接状态的结果，如图所示。,15,16,断掉的链接：显示错误的超链接，可能指定的链接文件已不在或文件名改变了。,外部链接：,Dreamweaver,会列出网站中所有外部的链接，但是必须自己动手连到指定的网站去检查。,孤立文件：网站经过多次的更新，难免会留下一些用不到的文件，这时就可以将这些孤立的文件删除，以免占用网页空间，因为这些文件在发布时都会被送到服务器上。,17,9.1.5,修改错误的链接,（,1,）打开链接检查程序面板后，双击链接错误的文件，如图所示。,18,（,2,）打开文件后，,Dreamweaver,会在网页编辑区域自动选取错误链接的地方，接着移动鼠标单击,浏览文件按钮，如图所示。,19,（,3,）出现,【,选择文件,】,对话框后，从列表中选择正确的链接文件，接着单击,【,确定,】,按钮。,（,4,）回到编辑画面后，移动鼠标到菜单栏执行,【,文件,】【,保存,】,命令。,将文件修改并保存后，,Dreamweaver,会自动将链接检查程序面板中的错误文件删除。,提示：超链接检查不仅能找出网页链接的错误，图文件内嵌媒体等各种文件的链接有错时，也都可以检查出来。,20,9.2,发布网站文件,9.2.1,连接服务器,在发布网站前，首先要申请一个网页空间，申请完空间后，接下来就要联机到指定的服务器，才能将网站的文件上传。,（,1,）切换到网站管理窗口画面后，接着移动鼠标选择“定义远程站点”，如图所示。,21,（,2,）出现站点定义窗口后，在“分类”列表中选择“远程信息”，接着从“访问”列表中选择“,FTP”,，如图所示。,22,（,3,）在“,FTP,主机”栏输入,FTP,主机地址，接着在“登录”栏输入登录名称，然后在“密码”栏输入登录密码并勾选“保存”，表示自动保存密码，最后单击,【,确定,】,按钮。,（,4,）在“分类”列表中选择“测试服务器”，设置服务器模型，如图所示。,23,（,5,）设置好要上传的服务器地址后，移动鼠标单击,连接到远端主机按钮，连接远程服务器，如图所示。,24,9.2.2,上传文件,本地端计算机和远程服务器连接上后，就可以开始传送文件了。把计算机中的文件传送到远程服务器称为上传，从服务器抓取文件回来则是下载。,上传文件的操作步骤如下：,（,1,）移动鼠标选择要上传的文件或文件夹，再单击,上传文件按钮，出现,【,后台文件活动,】,对话框，正在上传文件提示，如下图所示。,25,26,（,2,）在上传过程中，出现,【,相关文件,】,对话框，询问是否要上传包含的相关文件，接着移动鼠标单击,【,是,】,按钮，则此网页内所有相关的文件都会一起上传到远程服务器上，如图所示。,27,上传成功后，在远程网站这边就会看见被上传的数据及其相关文件,如图所示。,28,9.2.3,上传更新后的文件,（,1,）移动鼠标到菜单栏执行,【,编辑,】【,选择较新的本地文件,】,命令。,（,2,）,Dreamweaver,会自动对照远程服务器的文件日期或是远程没有的文件，若是不相同，则在本地端网站会将这些较新文件都一起选择起来，接着再选择上传文件按钮，就可以上传更新后的文件了，如下图所示。,29,30,9.2.4,让本地与远端网站同步更新,Dreamweaver,使用文件同步化功能，会自动和远程服务器比较，找出新的数据后，自行选择要上传或删除哪些文件，轻轻松松完成同步更新的动作。,（,1,）移动鼠标到菜单栏执行,【,站点,】【,同步,】,命令。,（,2,）出现,【,同步文件,】,对话框后，从“同步”栏中选择“整个好可工作室站点”，接着在“方向”栏中选择“放置较新的文件到远程”，然后勾选“删除本地驱动器上没有的远端文件”，最后单击,【,预览,】,按钮，如下图所示。,31,（,3,）出现显示所有要上传文件的窗口后，若是,【,忽略,】,按钮,，则不会将此文件上传更新，已同步的文件也不会上传，完成设置后单击,【,确定,】,按钮，如图所示。,32,在同步文件窗口的方向栏中，若选择“从远程获得较新的文件”，则会将远程较新的数据下载；选择“获得和放置较新的文件”，,Dreamweaver,会自动对比两端文件的新旧，决定上传或下载；若是单击,【,标记所选文件以删除,】,按钮,，则在上传或下载时会将多余的文件删除。,33,9.3,项目实训,9.3.1,项目一,1.,实训题目,上传自己上次设计好的个人网站,2.,实训目的,掌握网站管理窗口的使用、查看与修正链接、连接服务器、网站的上传与下载。,3.,实训案例效果,上传后就可以看到远端服务器中的网站文件（测试服务器时，远端服务器中的文件夹显示为红色）。,4.,实训设计过程,（,1,）为自己的个人网站创建站点，单击展开,/,折叠按钮,，进入网站管理窗口。,（,2,）设置首页文件，查看网站链接状况。,（,3,）连接服务器，发布网站。,34,9.4,本章小结,本章介绍了网站的管理与发布，站点在发布前必须定义远程站点的远程信息、测试服务器和版本控制等，查看出错误的链接要及时更正，连接上服务器后方可发布。通过本章的学习，读者应该掌握网站管理窗口的使用、查看与修正链接、连接服务器、网站的上传与下载。,