28-第5章：站点管理和第三方组件.doc

理 论 课 授 课 教 案 课 程 名 称 组装与维护 第 5 章：站点管理和第三方组件（1） 第 1.2 节：本地、远程站点管理：软件屋 审 批 签 字 授课时间 月 日 授课班级 2010计算机班 计划课时 2课时 实用课时 55--56 教学目的与要求 1.掌握基本概念 2.熟练上机操作 教学重点与难点 1.本地站点管理：软件屋 2.远程站点管理：软件屋 授课类型 理论课 教学方法 讲授法 教具 装有Dreamweaver软件的计算机机房 参考资料 《Dreamweaver全程自学手册》 复习提问 请问如何在网页中使用数据库登录系统？ 教 学 过 程 和 内 容 时间分配 第5章：站点管理和第三方组件（1） 站点管理分为本地站点管理和远程站点管理，本地站点管理即在用户的本地计算机上处理网站及其内部的各个页面文件。而远程站点管理即用户将站点上传到网络服务器上后，继续对站点进行内容扩充或者修改，由于商业网站的制作往往不是一个人能够完成的，所以由多人制作的大型的站点维护就很麻烦。 第三方组件是用来增强Dreamweaver的功能和其实用性的产品，Dreamweaver可以在同类产品中独占鳌头，很到程度上得益于其完全开放的插件环境。Dreamweaver的第三方组件其实就是插入了JavaScript代码的HTML文件，这使网页设计人员有机会制作很多不同功能的第三方组件，读者可以在网上搜索下载不同种类的组件，提高自己的网页设计水平。 点名，课程介绍5分钟。 讲授新课 80分钟 教 学 过 程 和 内 容 时间分配 5.1本地站点管理：软件屋 一、基本概念 站点也称网站，是互联网中最小的环节，是一些通过超链接相互联系的网页集合。 1.创建站点 2.编辑站点内容 3.使用文件面板 二、上机操作 具体步骤如下： 1.使用向导创建站点。在菜单栏中选择“站点”/“新建站点”命令，在对话框中“站点名称”以及“本地根文件夹”后的文本框内填入基本信息。 2.切换到“基本”选项卡下，继续完成对站点的定义操作。 3.单击“下一步”按钮，可以设置该站点的编辑方式。 4.单击“下一步”按钮进入“站点定义”对话框设置远程站点。 5. 单击“下一步”按钮，进入“站点定义”对话框，这个对话框将列出站点设置的所有属性。 6.查看网站地图。将制作好的网页复制到站点文件夹内，在“文件”浮动面板内选择“站点”选项卡，在右侧的下来列表中选择“地图视图”，并且单击“展开/折叠”按钮，将网站地图展开，则在编辑窗口内显示网站的内在连接结构。 7.管理站点。可以对站点进行的操作有添加、删除、编辑、复制和导入导出。 8.选择需要进行编辑的“软件屋”站点，单击对话框中的“编辑”按钮，重新设置这个站点。 9.导入导出站点。在“管理站点”对话框中选中要导出的站点。并且在对话框右侧单击“保存”按钮即可。站点保存为扩展名.ste的文件。 5.2远程站点管理：软件屋 远程站点管理首先要将Dreamweaver链接到网页服务器上，并且完成网页的上传，这样Internet上的网页浏览者就可以输入站点域名登陆网 教 学 过 程 和 内 容 时间分配 页了。而网页设计人员依然可以通过Dreamweaver来对上传服务器上的网页进行“取出”和“存回”了，通过网络来管理站点。 一、基本概念 Dreamweaver MX不仅具有强大的网页制作功能，而且在站点创建与管理方面功能同样强大。Dreamweaver MX提供的站点管理可以实现对远程服务器的管理和控制。 1.站点链接测试 2.修复站点链接 3.优化HTML源代码 二、上机操作 软件屋制作完毕，并通过测试，需要上传到远端的服务器上。Dreamweaver MX本身就具有FTP上传和下载功能，所以可以很方便的进行网站管理，完成服务器的配置。 具体步骤如下： （1）测试站点的兼容性。 （2）站点的链接测试。 （3）在面板中选择要修复的链接，在“无效链接”列中单击选择需要修改的部分，使文本处于激活的状态，用键盘输入新的链接进行修改。 （4）测试站点的合法性。 （5）单击“验证”面板左上角的三角形按钮，在弹出的菜单中选择相应命令对整个站点进行验证。 （6）生成站点报告，对网页设计给出一些建议，帮助用户修改网页。 （7）在“报告在”下拉列表中选择“整个当前本地站点”。 （8）优化HTML源代码。 小结、作业及课后回顾5分钟 小结 本节主要讲述了本地站点和远程站点的管理。 作业 巩固本次课所学知识 课 后 教 学 回 顾