网页设计与制作(html+css+javascript)单元 javascript编程

《网页设计与制作(html+css+javascript)单元 javascript编程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、《网页设计与制作》课程教学单元设计单元5：JavaScript编程授课教师：网页设计与制作组授课班级:学时：20教学条件预装网页制作工具Dreamweaver或VS.net的计算机教学素材教材、课件、实训项目单、授课录像、案例库、教学网站等教学目标设计知识目标：（1）掌握JavaScript的概念与作用；（2）掌握JavaScript语言基础；（3）掌握浏览器内置对象的应用；（4）掌握页面中标签的访问与属性的设置；（5）掌握页面元素的事件类型与处理；（6）掌握DOM对象树的创建与修改；（7）掌握DOM对象事

2、件处理与引发；（8）掌握常见表单的验证。能力目标：（1）理解JavaScript的概念与作用；（2）能运用JavaScript语言基础解决简单的实际问题；（3）能应用浏览器内置对象；（4）能实现页面中标签的访问与属性的设置；（5）能使用DOM对象实现页面元素的动态处理；（6）能进行各类表单的验证。教学内容（1）JavaScript语言基础；（2）DOM的结构与DOM节点的操作。重点：（1）JavaScript语言基础；（2）DOM树型结构；（3）DOM节点对象的属性方法事件；（4）表单验证。难点：（1）Ja

3、vaScript表达式与程序控制结构；（2）DOM树的构建；（3）DOM节点对象的事件处理；（4）表单验证的封装。课后作业JavaScript折叠卡的设计；JavaScript选项卡的设计。教学过程设计知识1JavaScript语言基础（4学时）主要步骤教学内容教学方法教学手段师生活动问题引入Javascript在DHTML中的作用教师讲授引导文法多媒体教师：提问学生：讨论知识讲解知识点1：Javascript程序编辑与运行。知识点2：常量、变量、数组、运算符和表达式。知识点3：程序控制结构。启发讲解讨论归

4、纳多媒体课件演示思考交流互动记录笔记示范操作操作1：创建页面内的Javascript程序。操作2：验证各种运算符与表达式。操作3：数组方法的使用。操作4：使用程序控制结构编写JS程序。问题引导操作演示分析归纳多媒体系统演示观摩思考归纳总结实战训练任务单5-1使用数组产生无序列表ul-li动手实践做中学多媒体真实系统环境实践操作巡视检查评估讨论1.评估讨论实训任务完成的速度；2.评估讨论实训任务完成的正确率；3.展示讨论学生的解决方案；4.考核学生结果。教师启发讨论归纳分数激励实训项目单思考结果演示课堂总结1

5、.变量与数组的关系。2.变量与数组的定义、作用域与使用。3.switch语句的结构。4.直到型循环与当型循环的异同。5.break与continue的异同。教师讲解多媒体课件演示整理笔记引导创新课后作业拓展实训5-1：1.定义含多个超链接数据全局数组；2.使用JS循环语句由数组建立多个超链接，实现导航。教师讲授多媒体布置作业提出要求教学过程设计知识2JavaScript函数与自定义类（2学时）主要步骤教学内容教学方法教学手段师生活动问题引入如何将实现代码段的通用教师讲授引导文法多媒体思考知识讲解知识点1：函

6、数的定义。知识点2：函数mctwmctwmc的调用。知识点3：函数中的参数传递。知识点4：用户类的成员定义与引用。启发讲解讨论归纳多媒体课件演示思考交流互动记录笔记示范操作操作1：示范由逻辑值转换为字符串的函数定义与调用。操作2：演示数组为参数输出无序列表格式的字符串。操作3：演示可设置数据与格式的自定义类Table。操作4：演示各种形式的Delete语句使用。问题引导操作演示分析归纳多媒体系统演示观摩思考归纳总结实战训练任务单5-2将一维数组和二维数组数据以无序列表的超链接形式输出。动手实践做中学多媒体真

7、实系统环境实践操作巡视检查评估讨论1.评估讨论实训任务的实施过程；2.给出参考的解决方案；3.展示讨论学生的解决方案；4.考核学生结果。教师启发讨论归纳分数激励实训项目单思考结果演示课堂总结1.函数的作用。2.有参函数作用。3.function关键字的作用。4.类的成员类型与定义方法。5.构造函数的调用方法。教师讲解多媒体课件演示整理笔记引导创新课后作业拓展实训5-2：1.将月份转换为季节名称。2.按照时间产生“早上好”、“你好”、“晚上好”等问候。3.定义二维点类Point2D,实现点的数据存储和信息显示

8、。教师讲授多媒体布置作业提出要求教学过程设计知识3浏览器内置对象与页面标签（2学时）主要步骤教学内容教学方法教学手段师生活动问题引入网页与浏览器的关系教师讲授引导文法多媒体思考知识讲解知识点1：浏览器信息（navigator）对象。知识点2：窗口（window）对象。知识点3：屏幕（screen）对象。知识点4：历史记录（history）对象。知识点5：文档（document）对象。知识点6：cookie对象。启