网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务10 运用Javascript实现网页的交互.doc

《网页设计与制作(HTML+CSS+JavaScript)教学全套课件（第2版）刘万辉教学资源任务10 运用Javascript实现网页的交互.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》课程教学单元设计淮安信息职业技术学院《网页设计与制作》课程教学单元设计单元10运用Javascript实现网页的交互授课教师：网页设计与制作授课班级:学时：12教学条件实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标：（1）掌握JavaScript的概念与作用；（2）掌握JavaScript语法基础；（3）掌握浏览器内置对象的应用；（4）掌握页面中标签的访问与属性的设置；（5）掌握页面元素的

2、事件类型与处理；（6）掌握事件的指派与处理函数的编写；（7）掌握DOM节点对象的事件处理。能力目标：（1）理解JavaScript的概念与作用；（2）能运用JavaScript语言基础解决实际问题；（3）能应用浏览器内置对象；（4）能实现页面中标签的访问与属性的设置。任务描述本任务就是运用Javascript实现“智慧校园教师应用门户”导航中下拉菜单。教学内容（1）JavaScript语法基础；（2）浏览器内置对象的应用；（3）页面中标签的访问与属性的设置；（4）页面元素的事件类型与处理；（5）事件的指派与处理函数的

3、编写；（6）DOM节点对象的事件处理。重点：（1）JavaScript语法基础；（2）浏览器内置对象的应用；（3）页面中标签的访问与属性的设置；（4）页面元素的事件类型与处理；（5）事件的指派与处理函数的编写；（6）DOM节点对象的事件处理。难点：（1）页面中标签的访问与属性的设置；（2）页面元素的事件类型与处理；（3）事件的指派与处理函数的编写；（4）DOM节点对象的事件处理。任务分析与实现（1）任务分析；（2）任务实现代码。第7页共7页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计10.1Ja

4、vaScript基础语法（学时数：4）主要步骤教学内容教学方法教学手段师生活动任务描述本任务就是运用Javascript实现“智慧校园教师应用门户”导航中下拉菜单。讲授法多媒体教师：分析任务学生：信息交流知识讲授讲解：JavaScript的使用方法讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面实践JavaScript的使用方法实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解JavaScript数据类型、变量、数组、运算符和表达式讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创

5、建一个新页面进行实践JavaScript数据类型、变量、数组、运算符和表达式实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解程序控制结构讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进体验程序控制结构。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授函数的定义与引用讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进体验函数的定义与引用实验教学法多媒体教师：辅导交流学生：实践练习课堂总结1.JavaScript数据类型、变量、数组、运算符和表达式2.程序控制结构

6、3.函数的定义与引用教师讲解多媒体课件演示整理笔记引导创新任务拓展体验JS程序的作用。教师指导学生自学多媒体布置作业提出要求第7页共7页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计10.2浏览器窗口对象（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授讲解浏览器对象模型、window对象讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践window对象。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解history对象、location对象、nav

7、igator对象等讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践history对象、location对象、navigator对象实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解screen对象、document对象讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践screen对象、document对象。实验教学法多媒体教师：辅导交流学生：实践练习课堂总结浏览器对象模型与window对象、history对象、location对象、navigator

8、对象、screen对象、document对象教师讲解多媒体课件演示整理笔记引导创新任务拓展浏览找类似用到BOM的页面教师指导学生自学多媒体布置作业提出要求第7页共7页《网页设计与制作》课程教学单元设计淮安信息职业技术学院教学过程设计10.3页面中元素的访问与页面元素的事件处理（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授讲解：页