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