静态网页制作（Dreamweaver） 通过行为面板添加网页特效 0401-静态网页制作（Dreamweaver）-网页特效基础.doc

Dreamweaver网页设计教案 PAGE PAGE 7 Dreamweaver网页设计教案 河北工业职业技术学院 《静态网页制作（Dreamweaver）》课程教案首页 授课教师 张亚静 班级 16网络订单1班 学时 2 授课日期 主题或任务 网页特效基础 课型 考试 授课地点 ○多媒体教室○企业○专业教室?实训室 教学目标 知识目标： 理解行为的概念 掌握简单的JavaScript语法知识 技能目标： 能够利用“行为面板”添加简单的交互行为 能实现简单JavaScript特效的编写 素质目标： 培养学生团队合作意识 培养学生的创作意识，提高学生对编写代码的兴趣度 学习内容 1、项目展示 2、项目单元的实施目标 3、行为的概念 4、通过“行为面板”使用行为 5、通过JavaScript使用行为 重点难点 重点： 通过“行为面板”使用行为 通过JavaScript使用行为 难点： 通过JavaScript使用行为 教学方法 ○理论讲授 ○小组讨论 ?项目教学 ?任务驱动 ○参观教学 ○模拟教学 ?实验实训 ○演示教学 ○其他 素材资源 ○文本素材○实物展示?PPT幻灯片 ○音频素材○视频素材○动画素材 ?图形/图像素材○网络资源○其他 教学设计 1、通过教师演示项目，采用项目驱动法引导学生明确本项目单元学习目标 2、讲解通过“行为面板”和编写JavaScript代码添加行为，融入JavaScript的基础知识， 为计算机系部网站首页添加特效打下坚实的基础。 3、培养学生使用代码解决问题的习惯，提高读写代码的能力。 学习评价 ?行为表现 ○课堂作业 ○测验测试 ?制作作品 ○其他 作业题目 1）完成教材“考核评价”部分内容 2）完成教材中准备知识部分的案例 双语教学 javascript、jQuery、onmouseover、onmouseout 系（部）： 计算机技术系 教研室： 网络技术 教研室主任签字： 年 月 日 学习单元七 网页特效基础 授课内容：网页特效基础 学时：2学时（90分钟） 教学目标： 知识目标： 理解行为的概念 掌握简单的JavaScript语法知识 技能目标： 能够利用“行为面板”添加简单的交互行为 能实现简单JavaScript特效的编写 情感目标： 培养学生团队合作意识 培养学生的创作意识，提高学生对编写代码的兴趣度 教学重点： 通过“行为面板”使用行为 通过JavaScript使用行为 教学难点： 通过JavaScript使用行为 教学方法和策略： 教学方法： 采用项目驱动法、分组竞争法、案例演示法提高学生的学习兴趣 教学策略： 通过分组讨论、竞争的方式激发学生的学习热情 教学设计思路： 1、通过教师演示项目，采用项目驱动法引导学生明确本项目单元学习目标 2、讲解通过“行为面板”和编写JavaScript代码添加行为，融入JavaScript的基础知识，为计算机系部网站首页添加特效打下坚实的基础。 3、培养学生使用代码解决问题的习惯，提高读写代码的能力。 授课内容提纲： 复习旧课导出新课 1、课程回顾 1）教师综述 之前我们已经完成了网站首页的页面布局，深入学习了网页前台布局的核心知识CSS+DIV。 2）互动提问 教师通过提问的方式回顾CSS+DIV布局的内容，总结并强调重点知识。 HTML的基本结构是什么？ 盒子模型包括几个重要内容？分别代表什么意义？ CSS+DIV的常用布局有哪些？ 回顾并解决实训环节中同学们出现比较多的问题。 3）教师总结 与学生互动总结学生制作中的亮点指出，并指明有待提升和改进的地方。 项目任务导入 1）利用项目对比差异引入新知 教师展示“计算机系部网站”未添加网页特效和添加网页特效前后的对比项目。将学生进行分组，就以下问题展开讨论： 项目添加特效前后的差别在哪里？ 用户在浏览网页时，页面是否需要交互功能？ 根据自己上网的经历，互动总结页面常用的交互功能？ 2)教师根据学生分组讨论的结果进行归纳总结 添加网页特效的意义。 总结常见网页特效的应用领域。 3）本学习单元总体目标（教师总结） 学完本项目单元，我们能通过行为面板和javascript添加网页特效。 二、新课讲解 教师简述项目单元教学目标和教学内容，明确本项目单元教学重点和难点 1）教学目标 了解行为的作用 掌握JavaScript的基础知识 能够通过“行为面板”添加简单行为 能够通