2016网页设计与制作DreamWeaver教案：第二十一讲 JavaScrip技术01.docVIP

第二十一讲　JavaScrip技术（一） 授课日期 班级名称 授课地点 教学课题 第二十一讲　JavaScript技术（一） 课时 2学时 教学目的 （1）掌握JavaScript的基础知识 （2）掌握JavaScript的条件和循环语句的使用。 （3）掌握JavaScript函数的使用。 知识目标 （1）JavaScript的基础知识 （2）JavaScript的条件和循环语句的使用。 （3）JavaScript函数的使用。 能力目标 JavaScript的基础知识（2）JavaScript基本语法 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 JavaScript的基础知识 难点 JavaScript函数的使用 课型 讲授型＋操作型 教学方法 边讲、边练、讲练结合 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 怎样应用CSS外部样式？ 2 2．新课引入 我们经常听到网站声称交互性，如填好表格、按提交钮等等，实际上这并不意味它真正具有交互性。而Javascript可以真正实现网页的交互作用。如当鼠标移动到哪里，图片交换等。 3 3．项目展示 展示JS特效实例 5 4．知识技能目标说明 5 详细讲解各知识点 45 问题探讨 5 课堂实践 15 8．提问与讨论 怎样使用JS禁止查看源代码？ 5 9.课堂小结 应用JavaScript脚本程序，可以实现许多网页特效。通过本讲的学习要求基本掌握JavaScript语言的语法格式、常量和变量、运算符与表达式、语句和函数的基础知识。 3 10．作业布置 2 总计 90 新授内容 JavaScript概述 JavaScript的应用举例 JavaScript的基本语法 （1）JavaScript脚本的语法格式 （2）JavaScript的常量和变量 （3）JavaScript的运算符与表达式 （4）JavaScript的语句 条件语句、循环语句 JavaScript函数 课堂实践 利用JavaScript编写代码，实现每天不同时间显示不同信息。 疑难解析 问题1：为什么要将JavaScript脚本写在HTML注释标记符内？ 问题2：使用JavaScript时，HTML注释标记符的结束符标记之前为何有两 斜杠“//”？ 课外拓 展实践 创建鼠标跟随效果 作业 课后评析 第二十二讲　JavaScrip技术（二） 授课日期 班级名称 授课地点 教学课题 第二十二讲　JavaScript技术（二） 课时 2学时 教学目的 （1）了解JavaScript的事件。 （2）了解JavaScript对象的层次结构。 （3）了解Window对象、Document对象。 知识目标 （1）JavaScript的事件。 （2）JavaScript对象的层次结构。 （3）Window对象、Document对象。 能力目标 了解JavaScript的事件、对象的层次结构、Window对象、Document对象 素质目标 培养学生的创新能力与独立思考能力，并使其具有分析问题、解决问题的能力。 重点 JavaScript的Window对象、Document对象 难点 JavaScript的Window对象、Document对象 课型 讲授型＋操作型 教学方法 边讲、边练、讲练结合 教学手段 多媒体教学 教参 《网页设计与制作教程》 人民邮电出版社 教学环节 及 板书设计 时间安排 (分钟) 1．复习提问 简述JavaScript的基本语法格式 2 2．新课引入 应用JavaScript脚本程序，可以实现许多网页特效。上一讲中我们已学习了JavaScript语言的语法格式、常量和变量、运算符与表达式、语句和函数的基础知识，这一讲主要学习JavaScript事件和对象。 3 3．项目展示 展示JS特效实例 5 知识技能目标说明 5 详细讲解各知识点 45 问题探讨 5 课堂实践 15