《认识Dreamweaver教案》由会员分享,可在线阅读,更多相关《认识Dreamweaver教案(3页珍藏版)》请在金锄头文库上搜索。
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、站点管理站点选择站点复制;2、文件
3、面板站点下拉菜单管理站点选择站点复制。四、删除站点: 方法:1、站点管理站点选择站点删除; 2、文件面板站点下拉菜单管理站点选择站点删除。注意:站点删除后,仅删除了站点在DW中的指向,并未删除站点文件夹,站点文件夹的内容仍然存在。五、建立站点的优点:当站点下文件的位置或文件名发生变化时,与之相关联的文件能提示更新,使关联不发生错误。站点下文件的操作:一、新建文件:方法1、文件新建Html创建方法2、文件面板: 折叠状态:右击站点名称或站下文件夹快捷菜单选择“新建文件” 展开状态:文件新建文件注意:可以通过第一种方法新建基于某种模板的新文件。二、复制文件: 文件面板文件名称上右击编辑复制。三、重
4、命名文件: 在文件面板下选择站点下的文件名称:1、 文件名称上右击编辑重命名2、 单击文件名称-按F23、 两次单击文件名称 注意:在站点给文件重命名后,若有文件与之相关联,会给出更新提示;而在资源管理器给文件重命名不会给出提示。四、删除文件: 文件面板选择站点下的文件名称右击编辑删除或按Del。 注意:在站点下删除文件后,站点下的文件被真删除。在站点下删除文件,若有文件与之相关联,会给出提示;而在资源管理器删除不会给出提示。五、新建文件夹: 文件面板站点下的某文件夹位置上右击新建文件夹。课后作业:1、在Dreamweaver中新建本地站点有哪些方法?如何新建本地站点?2、在Dreamweaver中新建html文件有哪些方法?3、在Dreamweaver中,删除站点与在资源管理器删除站点文件夹效果是否相同?4、在Dreamweaver中,删除站点内文件与在资源管理器删除站点内文件效果是否相同?5、在Dreamweaver中,在站点内给文件重命名或移动文件与在资源管理器给文件重命名或移动文件效果是否相同?