静态网页制作（Dreamweaver）通过JavaScript添加网页特效0402-静态网页制作（Dreamweaver）-为计算机系部网站添加网页特效.docVIP

Dreamweaver网页设计教案 PAGE PAGE 7 Dreamweaver网页设计教案 河北工业职业技术学院 《静态网页制作（Dreamweaver）》课程教案首页 授课教师 张亚静 班级 16网络订单1班 学时 2 授课日期 主题或任务 为计算机系部网站添加网页特效 课型 考试 授课地点 ○多媒体教室○企业○专业教室?实训室 教学目标 知识目标： 熟练掌握JavaScript的基本语法 能够识别简单的jQuery特效代码 技能目标： 能够网站项目中通过“行为面板”添加简单的交互行为 能够网站项目中编写简单的JavaScript特效提网页效果 能够对成熟的JavaScript或jQuery特效实例进行修改，并应用到静态页面中 提高学生解决实际问题的能力 素质目标： 培养学生团队合作意识 培养学生自我分析问题和解决问题的能力 学习内容 项目展示 项目单元的实施目标 通过“行为面板”或编写简单的JavaScript特效，为某学院计算机系部网站添加简单的首页特效 通过修改成熟的JavaScript或jQuery特效实例，将其应用到网站页面中 重点难点 重点： 通过“行为面板”或编写简单的JavaScript特效，为某学院计算机系部网站添加简单的首页特效 通过修改成熟的JavaScript或jQuery特效实例，将其应用到网站页面中 难点： 通过修改成熟的JavaScript或jQuery特效实例，将其应用到网站页面中 教学方法 ○理论讲授 ○小组讨论 ?项目教学 ?任务驱动 ○参观教学 ○模拟教学 ?实验实训 ○演示教学 ○其他 素材资源 ○文本素材○实物展示?PPT幻灯片 ○音频素材○视频素材○动画素材 ?图形/图像素材○网络资源○其他 教学设计 1、通过教师演示项目，采用项目驱动法引导学生明确本项目单元学习目标 2、鼓励学生多使用代码视图，运用灵活方便的代码快速解决问题 3、知识准备讲解完成后，由学生自己动手完成简单首页特效的添加，强化知识的掌握程度和灵活运用程度，让学生带着任务去学习，积极性得以提高。 学习评价 ?行为表现 ○课堂作业 ○测验测试 ?制作作品 ○其他 作业题目 参照实践项目环节，以“三木企业网站”以小组为单位完成如下操作： 为“三木企业网站”添加首页banner特效 为“三木企业网站”页脚添加无缝滚动图片特效 双语教学 Main Content Footer 系（部）： 计算机技术系 教研室： 网络技术 教研室主任签字： 年 月 日 学习单元八 为计算机系部网站添加网页特效 授课内容：为计算机系部网站添加网页特效 学时：2学时（90分钟） 教学目标： 知识目标： 熟练掌握JavaScript的基本语法 能够识别简单的jQuery特效代码 技能目标： 能够网站项目中通过“行为面板”添加简单的交互行为 能够网站项目中编写简单的JavaScript特效提网页效果 能够对成熟的JavaScript或jQuery特效实例进行修改，并应用到静态页面中 提高学生解决实际问题的能力 情感目标： 培养学生团队合作意识 培养学生自我分析问题和解决问题的能力 教学重点： 主内容区整体构架设计及制作 主内容区图文混排的方法 教学难点： 主内容区整体构架设计及制作定 教学方法和策略： 教学方法： 采用项目驱动法、分组竞争法、案例演示法提高学生的学习兴趣 教学策略： 通过分组讨论、竞争的方式激发学生的学习热情 教学设计思路： 1、通过教师演示项目，采用项目驱动法引导学生明确本项目单元学习目标 2、鼓励学生多使用代码视图，运用灵活方便的代码快速解决问题 3、知识准备讲解完成后，由学生自己动手完成简单首页特效的添加，强化知识的掌握程度和灵活运用程度，让学生带着任务去学习，积极性得以提高。 授课内容提纲： 复习旧课导出新课 1、课程回顾 1）教师综述 之前我们已经完成了网页特效基础知识的学习。 2）利用项目互动提问回顾知识点 网页特效的作用是什么？ 网页特效添加的方式有几种？分别是什么？ JavaScript如何使用？我们优选的方式是哪种？ 3）互动总结 与学生互动总结上节课重点内容，以及学生制作中的亮点指出，并指明有待提升和改进的地方。 项目任务导入 1）教师利用互动提问引入新知 教师对比展示“计算机系部网站”未添加网页特效和添加网页特效前后的项目。将学生进行分组，就以下问题展开讨论： 网站首页几