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

XXX中等职业学校教案

适用年级： XXX 课程名称： 网页设计与制作 Dreamweaver CS6 任课教师： XXX

XXXX学校计算机专业组 制

第1-4课时 讲授2学时 实践2学时

章 节 项目一 认识Dreamweaver cs6 1. 2. 3. 4. Dreamweaver cs6的功能和作用 Dreamweaver cs6的工作界面 Dreamweaver cs6常用工具栏的使用方法 Dreamweaver cs6常用面板的使用方法 讲授主 要内容 重 点 难 点 Dreamweaver cs6的工作界面 Dreamweaver cs6常用工具栏和面板的使用方法 要求掌握 的知识点 Dreamweaver cs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、 Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局 教学过程 1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面，介绍Dreamweaver cs6的功能和作用。 2、简介Dreamweaver cs6的安装、删除方法； 3、学生亲自安装Dreamweaver cs6软件。 4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver cs6的使用。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第5-10课时 讲授2学时 实践4学时

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

第11-16课时 讲授2学时 实践4学时

章 节 项目三 文本──编排奥斯卡网页 1. 2. 3. 4. 5. 6. 设置页面属性的方法 设置文本字体、大小和颜色的方法 设置段落、换行和列表的方法 设置文本样式和对齐方式的方法 设置文本缩进和凸出的方法 插入水平线和日期的方法 讲授主 要内容 重 点 难 点 设置文本字体、大小和颜色的方法 设置段落、换行和列表的方法 要求掌握 的知识点 创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第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》，王君学、田明编著，人民邮电出版社 备注

第22--27课时 讲授2学时 实践4学时

章 节 项目五 超级链接──设置188导航网页 8. 超级链接的种类 1. 设置文本和图像超级链接的方法 2. 设置图像热点超级链接的方法 3. 设置电子邮件超级链接的方法 4. 设置锚记超级链接和空链接的方法 5. 设置鼠标经过图像和导航条的方法 设置文本和图像超级链接的方法 设置图像热点超级链接的方法 设置电子邮件超级链接的方法 设置锚记超级链接和空链接的方法 讲授主 要内容 重 点 难 点 要求掌握 的知识点 设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第28-37课时 讲授4学时 实践6学时

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

第38--41课时 讲授2学时 实践2学时

章 节 项目七 框架──布局都市社区网页 1. 框架和框架集的概念 2. 创建框架和框架集的方法 3. 编辑框架和框架集的方法 4. 设置框架和框架集属性的方法 5. 设置框架中链接目标窗口的方法 创建框架和框架集的方法 编辑框架和框架集的方法 设置框架和框架集属性的方法 讲授主 要内容 重 点 难 点 要求掌握 的知识点 框架的概念、创建预定义框架集、拆分框架、手动自定义框架集、删除框架、保存框架、在框架中打开网页、选择框架集、设置框架集属性、选择框架、设置框架属性、设置框架中链接的目标窗口、插入浮动框架、创建无框架内容 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——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课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第51--56课时 讲授2学时 实践4学时

章 节 项目九 Div──布局搜索屋网页 1. 层和Div标签的异同 2. 插入层和Div标签的方法 3. 使用层面板和设置层属性的方法 4. 使用层和Div标签布局网页的方法 插入层和Div标签的方法 使用层面板和设置层属性的方法 使用层和Div标签布局网页的方法 讲授主 要内容 重 点 难 点 要求掌握 的知识点 创建层的方法、【层】面板、选定层、层【属性】面板、移动层、调整层的大小、层的对齐操作、插入Div标签的方法、层与Div标签的转换、Div标签居中显示的方法、改变层的z轴顺序、层的重叠和嵌套、层与表格的转换 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第57--60课时 讲授2学时 实践2学时

章 节 项目十 时间轴──制作空中飞行网页 1. 2. 3. 4. 时间轴面板的组成及其作用 在时间轴中编辑关键帧的方法 手动创建时间轴动画的基本方法 通过录制层路径创建时间轴动画的方法 讲授主 要内容 重 点 难 点 手动创建时间轴动画的基本方法 通过录制层路径创建时间轴动画的方法 要求掌握 的知识点 【时间轴】面板、增加对象到时间轴、控制动画播放、添加或删除帧、录制层路径、用时间轴改变图像与层的属性 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第61--68课时 讲授4学时 实践4学时

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

第69--74课时 讲授2学时 实践4学时

章 节 项目十二 行为──完善个人网页功能 1. 2. 3. 4. 行为和事件的基本含义 常用行为和事件及其功能 添加、修改和删除行为的方法 在网页制作中应用行为的基本方法 讲授主 要内容 重 点 难 点 添加、修改和删除行为的方法 在网页制作中应用行为的基本方法 要求掌握 的知识点 行为的概念、【行为】面板、常用事件、状态栏文本、弹出式菜单、打开浏览器窗口、交换图像、控制Shockwave或Flash、弹出信息、播放声音、调用JavaScript、拖动层 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～四 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注

第75--80课时 讲授2学时 实践4学时

章 节 讲授主 要内容 重 点 难 点 项目十三 表单──制作用户注册网页 1. 了解表单的概念及其作用 2. 掌握制作表单网页的基本方法 3. 掌握使用行为验证表单的基本方法 插入表单对象的基本方法 设置表单及表单对象属性的方法 要求掌握 的知识点 表单、文本域、单选按钮、列表／菜单、复选框、文本区域、隐藏域、按钮、文件域、跳转菜单、字段集、【检查表单】行为、密码验证的方法 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 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中配置web服务器的方法 3. 在IIS中配置FTP服务器的方法 4. 通过Dreamweaver发布网页的方法 在IIS中配置web服务器的方法 在IIS中配置FTP服务器的方法 通过Dreamweaver发布网页的方法 讲授主 要内容 重 点 难 点 要求掌握 的知识点 检查链接、改变链接、查找和替换、清理文档、安装IIS服务器、配置Web服务器、配置FTP服务器、发布网页、保持同步 教学过程 1、教师演示教学案例。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 作业：一～二 主 要 参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社 备注