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

下载本文档

16
0
约4.19千字
约 7页
2019-10-03 发布于未知
举报
版权申诉

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

1、本文档共7页，可阅读全部内容。
2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击这里二次下载。
4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
5、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
6、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
7、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
8、VIP文档为合作方或网友上传，每下载1次，网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档

《网页设计与制作》课程教学单元设计淮安信息职业技术学院第 PAGE 6 页共 NUMPAGES 7 页《网页设计与制作》课程教学单元设计单元10 运用Javascript实现网页的交互授课教师：网页设计与制作授课班级: 学时：12 教学条件实训室、HBulider或Dreamweaver、投影设备、广播软件、互联网络教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标：（1）掌握JavaScript的概念与作用；（2）掌握JavaScript语法基础；（3）掌握浏览器内置对象的应用；（4）掌握页面中标签的访问与属性的设置；（5）掌握页面元素的事件类型与处理；（6）掌握事件的指派与处理函数的编写；（7）掌握DOM节点对象的事件处理。能力目标：（1）理解JavaScript的概念与作用；（2）能运用JavaScript语言基础解决实际问题；（3）能应用浏览器内置对象；（4）能实现页面中标签的访问与属性的设置。任务描述本任务就是运用Javascript实现“智慧校园教师应用门户”导航中下拉菜单。教学内容（1）JavaScript语法基础；（2）浏览器内置对象的应用；（3）页面中标签的访问与属性的设置；（4）页面元素的事件类型与处理；（5）事件的指派与处理函数的编写；（6）DOM节点对象的事件处理。重点：（1）JavaScript语法基础；（2）浏览器内置对象的应用；（3）页面中标签的访问与属性的设置；（4）页面元素的事件类型与处理；（5）事件的指派与处理函数的编写；（6）DOM节点对象的事件处理。难点：（1）页面中标签的访问与属性的设置；（2）页面元素的事件类型与处理；（3）事件的指派与处理函数的编写；（4）DOM节点对象的事件处理。任务分析与实现（1）任务分析；（2）任务实现代码。教学过程设计 10.1 JavaScript基础语法（学时数：4）主要步骤教学内容教学方法教学手段师生活动任务描述本任务就是运用Javascript实现“智慧校园教师应用门户”导航中下拉菜单。讲授法多媒体教师：分析任务学生：信息交流知识讲授讲解：JavaScript的使用方法讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面实践 JavaScript的使用方法实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解 JavaScript数据类型、变量、数组、运算符和表达式讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践JavaScript数据类型、变量、数组、运算符和表达式实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解程序控制结构讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进体验程序控制结构。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授函数的定义与引用讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进体验函数的定义与引用实验教学法多媒体教师：辅导交流学生：实践练习课堂总结 JavaScript数据类型、变量、数组、运算符和表达式程序控制结构函数的定义与引用教师讲解多媒体课件演示整理笔记引导创新任务拓展体验JS程序的作用。教师指导学生自学多媒体布置作业提出要求教学过程设计 10.2 浏览器窗口对象（学时数：2）主要步骤教学内容教学方法教学手段师生活动知识讲授讲解浏览器对象模型、window对象讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践window对象。实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解 history对象、 location对象、 navigator对象等讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践学生创建一个新页面进行实践 history对象、 location对象、 navigator对象实验教学法多媒体教师：辅导交流学生：实践练习知识讲授讲解 screen对象、 document对象讲授法多媒体课件演示教师：讲授知识学生：边听边练学生实践创建一个新页面进行实践 screen对象、 document对象。实验教学法多媒体教师：辅导交流学生：实践练习课堂总结浏览器对象模型与window对象、 history对象、 location