《网页设计与制作Dreamweaver CS6》电子教案
- 格式:doc
- 大小:156.00 KB
- 文档页数:16
《网页设计与制作 Drramweaver CS6 电子教案》
1 / 16
XXX中等职业学校教案
适用年级: XXX
课程名称: 网页设计与制作 Dreamweaver CS6
任课教师: XXX
XXXX学校计算机专业组 制 《网页设计与制作 Drramweaver CS6 电子教案》
2 / 16
第1-4课时 讲授2学时 实践2学时
章 节 项目一 认识Dreamweaver cs6
讲授主
要内容 1. Dreamweaver cs6的功能和作用
2. Dreamweaver cs6的工作界面
3. Dreamweaver cs6常用工具栏的使用方法
4. Dreamweaver cs6常用面板的使用方法
重 点
难 点 Dreamweaver cs6的工作界面
Dreamweaver cs6常用工具栏和面板的使用方法
要求掌握
的知识点 Dreamweaver cs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、
Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局
教学过程
1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面,介绍Dreamweaver cs6的功能和作用。
2、简介Dreamweaver cs6的安装、删除方法;
3、学生亲自安装Dreamweaver cs6软件。
4、让学生自己动手制作教学案例,来进一步巩固Dreamweaver cs6的使用。
作业布置 作业:一~四
主 要
参考资料 《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注 《网页设计与制作 Drramweaver CS6 电子教案》
3 / 16
第5-10课时 讲授2学时 实践4学时
章 节 项目二 创建和管理站点
讲授主
要内容 1. 设置首选参数的方法
2. 创建站点的基本方法
3. 管理站点的基本方法
4. 创建文件夹和文件的基本方法
重 点
难 点 设置首选参数的方法;
创建和管理站点的基本方法;
要求掌握
的知识点 设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件
教学过程
1、 教师讲解站点的含义;
2、 演示创建一个站点的基础操作步骤;
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料 《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
《网页设计与制作 Drramweaver CS6 电子教案》
4 / 16
第11-16课时 讲授2学时 实践4学时
章 节 项目三 文本──编排奥斯卡网页
讲授主
要内容 1. 设置页面属性的方法
2. 设置文本字体、大小和颜色的方法
3. 设置段落、换行和列表的方法
4. 设置文本样式和对齐方式的方法
5. 设置文本缩进和凸出的方法
6. 插入水平线和日期的方法
重 点
难 点 设置文本字体、大小和颜色的方法
设置段落、换行和列表的方法
要求掌握
的知识点 创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题
教学过程
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
《网页设计与制作 Drramweaver CS6 电子教案》
5 / 16
第16-21课时 讲授2学时 实践4学时
章 节 项目四 图像和媒体——编排新闻网页
讲授主
要内容 1. 网页中常用图像的基本格式
2. 设置网页背景图像的方法
3. 在网页中插入图像占位符的方法
4. 在网页中插入图像和设置图像属性的方法
5. 在网页中插入Flash动画的方法
6. 在网页中插入图像查看器的方法
7. 在网页中插入ActiveX视频的方法
重 点
难 点 在网页中插入图像和设置图像属性的方法
在网页中插入Flash动画的方法
在网页中插入ActiveX视频的方法
要求掌握
的知识点 网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV视频文件、在网页中播放RM视频文件
教学过程
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
《网页设计与制作 Drramweaver CS6 电子教案》
6 / 16
第22--27课时 讲授2学时 实践4学时
章 节 项目五 超级链接──设置188导航网页
讲授主
要内容 8. 超级链接的种类
1. 设置文本和图像超级链接的方法
2. 设置图像热点超级链接的方法
3. 设置电子邮件超级链接的方法
4. 设置锚记超级链接和空链接的方法
5. 设置鼠标经过图像和导航条的方法
重 点
难 点 设置文本和图像超级链接的方法
设置图像热点超级链接的方法
设置电子邮件超级链接的方法
设置锚记超级链接和空链接的方法
要求掌握
的知识点 设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮
教学过程
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
《网页设计与制作 Drramweaver CS6 电子教案》
7 / 16
第28-37课时 讲授4学时 实践6学时
章 节 项目六 表格──布局网上花店主页
讲授主
要内容 1. 表格的组成和作用
2. 创建和编辑表格的方法
3. 设置表格和单元格属性的方法
4. 使用表格布局网页的方法
重 点
难 点 创建和编辑表格的方法
设置表格和单元格属性的方法
使用表格布局网页的方法
要求掌握
的知识点 表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出
教学过程
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注
《网页设计与制作 Drramweaver CS6 电子教案》
8 / 16
第38--41课时 讲授2学时 实践2学时
章 节 项目七 框架──布局都市社区网页
讲授主
要内容 1. 框架和框架集的概念
2. 创建框架和框架集的方法
3. 编辑框架和框架集的方法
4. 设置框架和框架集属性的方法
5. 设置框架中链接目标窗口的方法
重 点
难 点 创建框架和框架集的方法
编辑框架和框架集的方法
设置框架和框架集属性的方法
要求掌握
的知识点 框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容
教学过程
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置 作业:一~四
主 要
参考资料
《网页设计与制作——Dreamweaver cs6》,王君学、田明编著,人民邮电出版社
备注