1、教学内容:认识 Dreamweaver 及站点和文件的操作目的要求:1、了解 Dreamweaver 界面和面板操作方法;2、掌握 Dreamweaver 站点的操作方法;3、掌握 Dreamweaver 站点文件的操作方法。教法教具:演示法、讲授法、提问法、讨论法、比较学习法教学过程:讲授新课:认识 Dreamweaver:一、打开 DM:开始程序Adobe Dreamweaver Adobe Dreamweaver CS4二、认识 DM:标题栏、菜单栏、工具栏、编辑栏、状态栏、面板。工具栏:视图工具栏插入/文档/标准。面板:窗口相应面板。折叠面板/展开面板。三、网页制作步骤:创建文件设置标
2、题编辑内容保存文件浏览器查看效果。浏览网页:1、在编辑状态下,按 F12 浏览。2、保存文件,打开浏览器,打开文件浏览。站点操作:一、新建站点:方法:1、站点新建站点;2、站点管理站点新建站点;3、文件面板站点下拉菜单管理站点新建站点步骤:方法 1:基本选项给站点命名不使用服务器确定站点存储位置(选择已有文件夹或新建文件夹)-选择无远程服务器完成。方法 2:高级选项输入站点名称选择本地根文件夹位置(选择已有文件夹或新建文件夹)二、编辑站点:方法:1、站点管理站点选择站点编辑修改站点名称或存储位置;2、文件面板站点下拉菜单管理站点选择站点编辑修改站点名称或存储位置。三、复制站点:方法:1、站点管
3、理站点选择站点复制;2、文件面板站点下拉菜单管理站点选择站点复制。四、删除站点:方法:1、站点管理站点选择站点删除;2、文件面板站点下拉菜单管理站点选择站点删除。注意:站点删除后,仅删除了站点在 DW 中的指向,并未删除站点文件夹,站点文件夹的内容仍然存在。五、建立站点的优点:当站点下文件的位置或文件名发生变化时,与之相关联的文件能提示更新,使关联不发生错误。站点下文件的操作:一、新建文件:方法 1、文件新建Html创建方法 2、文件面板:折叠状态:右击站点名称或站下文件夹快捷菜单选择“新建文件”展开状态:文件新建文件注意:可以通过第一种方法新建基于某种模板的新文件。二、复制文件:文件面板文件
4、名称上右击编辑复制。三、重命名文件:在文件面板下选择站点下的文件名称:1、文件名称上右击编辑重命名2、单击文件名称-按 F23、两次单击文件名称注意:在站点给文件重命名后,若有文件与之相关联,会给出更新提示;而在资源管理器给文件重命名不会给出提示。四、删除文件:文件面板选择站点下的文件名称右击编辑删除或按 Del。注意:在站点下删除文件后,站点下的文件被真删除。在站点下删除文件,若有文件与之相关联,会给出提示;而在资源管理器删除不会给出提示。五、新建文件夹:文件面板站点下的某文件夹位置上右击新建文件夹。课后作业:1、在 Dreamweaver 中新建本地站点有哪些方法?如何新建本地站点?2、在 Dreamweaver 中新建 html 文件有哪些方法?3、在 Dreamweaver 中,删除站点与在资源管理器删除站点文件夹效果是否相同?4、在 Dreamweaver 中,删除站点内文件与在资源管理器删除站点内文件效果是否相同?5、在 Dreamweaver 中,在站点内给文件重命名或移动文件与在资源管理器给文件重命名或移动文件效果是否相同?