《网页设计与制作Dreamweaver-CS6》电子教案(总16页)

1、XXX中等职业学校教案适用年级： XXX 课程名称： 网页设计与制作 Dreamweaver CS6 任课教师： XXX XXXX学校计算机专业组 制第1-4课时 讲授2学时 实践2学时章 节项目一 认识Dreamweaver cs6讲授主要内容1. Dreamweaver cs6的功能和作用2. Dreamweaver cs6的工作界面3. Dreamweaver cs6常用工具栏的使用方法4. Dreamweaver cs6常用面板的使用方法重 点难 点Dreamweaver cs6的工作界面Dreamweaver cs6常用工具栏和面板的使用方法要求掌握的知识点Dreamweaver c

2、s6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局教学过程1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面，介绍Dreamweaver cs6的功能和作用。2、简介Dreamweaver cs6的安装、删除方法；3、学生亲自安装Dreamweaver cs6软件。4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver cs6的使用。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编

3、著，人民邮电出版社备注第5-10课时 讲授2学时 实践4学时章 节项目二 创建和管理站点讲授主要内容1. 设置首选参数的方法2. 创建站点的基本方法3. 管理站点的基本方法4. 创建文件夹和文件的基本方法重 点难 点设置首选参数的方法；创建和管理站点的基本方法；要求掌握的知识点设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件教学过程1、 教师讲解站点的含义；2、 演示创建一个站点的基础操作步骤；2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计

4、与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第11-16课时 讲授2学时 实践4学时章 节项目三 文本编排奥斯卡网页讲授主要内容1. 设置页面属性的方法2. 设置文本字体、大小和颜色的方法3. 设置段落、换行和列表的方法4. 设置文本样式和对齐方式的方法5. 设置文本缩进和凸出的方法6. 插入水平线和日期的方法重 点难 点设置文本字体、大小和颜色的方法设置段落、换行和列表的方法要求掌握的知识点创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列

5、表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第16-21课时 讲授2学时 实践4学时章 节项目四 图像和媒体编排新闻网页讲授主要内容1. 网页中常用图像的基本格式2. 设置网页背景图像的方法3. 在网页中插入图像占位符的方法4. 在网页中插入图像和设置图像属性的方法5. 在网页中插入Flash动画的方法6. 在

6、网页中插入图像查看器的方法7. 在网页中插入ActiveX视频的方法重 点难 点在网页中插入图像和设置图像属性的方法在网页中插入Flash动画的方法在网页中插入ActiveX视频的方法要求掌握的知识点网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV视频文件、在网页中播放RM视频文件教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamwe

7、aver cs6，王君学、田明编著，人民邮电出版社备注第22-27课时 讲授2学时 实践4学时章 节项目五 超级链接设置188导航网页讲授主要内容8. 超级链接的种类1. 设置文本和图像超级链接的方法2. 设置图像热点超级链接的方法3. 设置电子邮件超级链接的方法4. 设置锚记超级链接和空链接的方法5. 设置鼠标经过图像和导航条的方法重 点难 点设置文本和图像超级链接的方法设置图像热点超级链接的方法设置电子邮件超级链接的方法设置锚记超级链接和空链接的方法要求掌握的知识点设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像

8、、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第28-37课时 讲授4学时 实践6学时章 节项目六 表格布局网上花店主页讲授主要内容1. 表格的组成和作用2. 创建和编辑表格的方法3. 设置表格和单元格属性的方法4. 使用表格布局网页的方法重 点难 点创建和编辑表格的方法设置表格和单元格属性的方法使用

9、表格布局网页的方法要求掌握的知识点表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第38-41课时 讲授2学时 实践2学时章 节项目七 框架布局都市社区网页讲授主要内容1. 框架和框架集的

10、概念2. 创建框架和框架集的方法3. 编辑框架和框架集的方法4. 设置框架和框架集属性的方法5. 设置框架中链接目标窗口的方法重 点难 点创建框架和框架集的方法编辑框架和框架集的方法设置框架和框架集属性的方法要求掌握的知识点框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设

11、计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第41-50课时 讲授4学时 实践6学时章 节项目八 CSS设置环境保护网页讲授主要内容1. CSS样式的作用2. 创建和设置CSS样式的方法3. 附加样式表的方法重 点难 点创建和设置CSS样式的方法附加样式表的方法要求掌握的知识点【CSS样式】面板、CSS样式的类别、定义CSS样式的方法、CSS的【类型】等属性对话框、3种选择器各自的特点、创建超级链接的高级CSS样式、设置单元格ID名称和样式、修改CSS样式、删除CSS样式、应用CSS样式、附加样式表、重命名样式教学过程1、教师演示教学案例。2、通过PPT课件讲授

12、基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第51-56课时 讲授2学时 实践4学时章 节项目九 Div布局搜索屋网页讲授主要内容1. 层和Div标签的异同2. 插入层和Div标签的方法3. 使用层面板和设置层属性的方法4. 使用层和Div标签布局网页的方法重 点难 点插入层和Div标签的方法使用层面板和设置层属性的方法使用层和Div标签布局网页的方法要求掌握的知识点创建层的方法、【层】面板、选定层、层【属性】面板、移动层、调整层的大小、层的

13、对齐操作、插入Div标签的方法、层与Div标签的转换、Div标签居中显示的方法、改变层的z轴顺序、层的重叠和嵌套、层与表格的转换教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第57-60课时 讲授2学时 实践2学时章 节项目十 时间轴制作空中飞行网页讲授主要内容1. 时间轴面板的组成及其作用2. 在时间轴中编辑关键帧的方法3. 手动创建时间轴动画的基本方法4. 通过录制层路径创建时间轴动画的方

14、法重 点难 点手动创建时间轴动画的基本方法通过录制层路径创建时间轴动画的方法要求掌握的知识点【时间轴】面板、增加对象到时间轴、控制动画播放、添加或删除帧、录制层路径、用时间轴改变图像与层的属性教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第61-68课时 讲授4学时 实践4学时章 节项目十一 库和模板制作馨华学校主页讲授主要内容1. 库和模板的概念2. 【资源】面板的使用3. 创建和应用库的方

15、法4. 创建和应用模板的方法5. 在模板中插入模板对象的方法重 点难 点创建和应用库的方法创建和应用模板的方法在模板中插入模板对象的方法要求掌握的知识点库的概念、【资源】面板、创建库项目、删除库项目、模板的概念、创建模板文件、删除模板文件、插入库项目、修改库项目、分离库项目、可编辑区域、重复表格、重复区域、从模板新建网页、在已存在页面应用模板、分离模板教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社

16、备注第69-74课时 讲授2学时 实践4学时章 节项目十二 行为完善个人网页功能讲授主要内容1. 行为和事件的基本含义2. 常用行为和事件及其功能3. 添加、修改和删除行为的方法4. 在网页制作中应用行为的基本方法重 点难 点添加、修改和删除行为的方法在网页制作中应用行为的基本方法要求掌握的知识点行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave或Flash、弹出信息、播放声音、调用JavaScript、拖动层教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所

17、学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第75-80课时 讲授2学时 实践4学时章 节项目十三 表单制作用户注册网页讲授主要内容1. 了解表单的概念及其作用2. 掌握制作表单网页的基本方法3. 掌握使用行为验证表单的基本方法重 点难 点插入表单对象的基本方法设置表单及表单对象属性的方法要求掌握的知识点表单、文本域、单选按钮、列表菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学

18、案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第81-90课时 讲授4学时 实践6学时章 节项目十四 ASP-制作制作在线咨询系统讲授主要内容1. 创建数据库连接的基本方法2. 制作数据列表及分页的基本方法3. 插入、更新和删除数据库记录的基本方法4. 设置网页参数传递的基本方法5. 限制用户对页的访问的基本方法6. 用户登录和注销的基本方法重 点难 点制作数据列表及分页的基本方法插入、更新和删除数据库记录的基本方法设置网页参数传递的基本方法要求掌握的知识点定义站点、创建记录集、插入动态文本、插入记录记数、记录集分页、添加重复区域、设置传递参数、插入动态文本字段、更新记录、删除记录、限制对页的访问、用户登录、用户注销、检查新用户名教学过程1、教师演示教学案例。2、通过PPT课件讲授基本知识。3、让学生自己动手重新制作教学案例。4、通过实训让学生进一步熟悉所学知识。作业布置作业：一四主 要参考资料网页设计与制作Dreamweaver cs6，王君学、田明编著，人民邮电出版社备注第91-94课时 讲授2学时 实践2学时章 节项目十五 测试和发布网站讲授主要内容1. 通过Dreamweaver测试网站的方法2. 在IIS中配置w