《Web编程基础》课程教学标准.docx
《《Web编程基础》课程教学标准.docx》由会员分享，可在线阅读，更多相关《《Web编程基础》课程教学标准.docx（61页珍藏版）》请在冰点文库上搜索。
《Web编程基础》课程教学标准
《Web编程基础》课程教学标准
课程代码:
0403175
课程名称：
Web编程基础
英文名称：
WebProgrammingBasis
课程类型:
专业核心课程（专业必修课）
总学时：
128讲课学时：
64实践学时：
64
学 分：
8.0
适用对象：
计算机应用专业（网页美工方向）
先修课程：
网页设计
第一部分前言
一、课程性质与地位
本课程是计算机应用专业（网页美工方向）的一门专业核心课程，是一门操作性和实践性很强的职课程。
本课程着重讲授Web编程语言（JavaScript），使学生了解Web编程的基本知识，掌握Web编程的关键技术，使学生初步具备客户端网页脚本编程的基本技能，为后续课程《商务网站构建与管理》的学习打下基础。
本课程以JavaScript作为编程语言，以《网页设计》为前导课程，并作为后续课程《JQuery》和《商务网站构建与管理》的学习基础。
二、课程基本理念
1.校企合作，基于工作过程开发课程
加强校企合作，通过对职业行动领域工作过程的跟踪调研，并吸收企业专家的建议，基于工作过程重新整合、序化教学内容。
2.基于行动导向组织课程教学，突出学生的能力培养
本课程教学应积极探索新的教学模式，改变目标单一的以知识传授为主的教学方法，构建体现项目课程特性的新型教学关系，逐步形成以行动导向教学法为主要特点的教学模式。
应当重视学习者的主体地位，提倡多种学习方式并存，培养学生创新精神与合作学习、探索研究的能力。
3.多元化评价方式，促进学生不断发展
在评价结构上，突出过程性评价，对学生阶段性学习成果及时进行评价，促进学生的自主学习和发展；在评价方式上，强调学生自我评价、相互评价和教师评价并重，提高学生学习的兴趣，同时培养学生合作、诚信等良好品质。
三、课程设计思路
该课程总共分2个学习情境共13个子情境，将职业行动领域中的工作过程融合在学习情境的教与学的过程中，培养学生客户端网页脚本编程的基本技能；实行行动导向的教学模式，贯彻“六步教学法”，培养学生分析问题、解决实际问题的能力；学生以学习小组为单位，通过相互协作、共同完成制定的学习任务，培养锻炼学生的参与意识、责任意识、协作意识和自信心。
第二部分课程目标
一、总体目标
通过该课程的学习，使学生对网页脚本JavaScript有一个全面的了解，掌握相关只是，并能在网页设计中灵活地运用JavaScript制作各种网页特效。
职业能力目标：
培养学生编写规范化的程序代码，自主的学习能力，良好的与人沟通能力，良好的团队合作精神。
二、分类目标
1.专业能力目标
（1）掌握Web相关基础知识；
（2）掌握各种网页元素的使用方法；
（3）熟练掌握HTML语言的使用；
（4）熟悉CSS样式表的编写和使用；
（5）掌握JavaScript编程规范和方法；
（6）能够熟练运用行所学知识制作常用的网页特效。
2.社会能力目标
（1）培养学生良好的自我表现、与人沟通能力；
（2）培养学生的团队协作能力；
（3）培养学生分析问题、解决问题的能力；
（4）培养学生勇于创新、敬业乐业的工作作风；
（5）培养学生诚实、守信、坚忍不拔的性格；
（6）培养学生自主、开放的学习能力。
3.方法能力目标
（1）培养学生谦虚、好学的品质；
（2）培养学生勤于思考、做事认真的良好作风；
（3）培养学生良好的职业道德；
（4）培养学生的工作、学习的主动性；
（5）培养学生的探索、求新能力；
（6）培养学生良好的自学习惯。
第三部分课程教学内容标准
编号
学习情境
学习内容
学习目标
作业成果
1
电子时钟效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用
⑤事件与事件处理程序；
⑥Date对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④了解事件的概念，掌握事件处理程序的编写；
⑤掌握函数的定义和调用方法；
⑥掌握Date对象的属性和方法的灵活运用。
①静态电子时钟效果；
②动态电子时钟效果。
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
2
网页倒计时效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用；
⑤事件与事件处理程序；
⑥Date对象；
⑦Math对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④掌握函数的定义和调用方法；
⑤了解事件的概念，掌握事件处理程序的编写；
⑥掌握Date对象的属性和方法的灵活运用；
⑦掌握Math对象的属性和方法的灵活运用。
网页倒计时效果（显示距离元旦还有多少天？
）
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
3
验证码的生成
①JavaScript基础语法；
②JavaScript基于对象编程；
③函数定义与调用；
④事件与事件处理程序；
⑤Math对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript基于对象的编程方法；
③掌握函数的定义和调用方法；
④了解事件的概念，掌握事件处理程序的编写；
⑤掌握Math对象的属性和方法的灵活运用。
①英文字符验证；
②数字和英文字符混合验证码；
③图片验证码。
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
4
跑马灯效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript循环结构程序设计；
④JavaScript基于对象编程；
⑤函数定义与调用
⑥事件与事件处理程序；
⑦String对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript循环结构程序设计；
④掌握JavaScript基于对象的编程方法；
⑤掌握函数的定义和调用方法；
⑥了解事件的概念，掌握事件处理程序的编写；
⑦掌握String对象的属性和方法的灵活运用。
状态栏跑马灯效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
5
滚动广告效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用
⑤事件与事件处理程序；
⑥window对象；
⑦div的scrollTop属性。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④掌握函数的定义和调用方法；
⑤了解事件的概念，掌握事件处理程序的编写；
⑥掌握window对象的属性和方法的灵活运用；
⑦掌握div的scrollTop属性的使用。
单行新闻滚动显示效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
6
漂浮广告效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用
⑤事件与事件处理程序；
⑥window对象；
⑦document对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④掌握函数的定义和调用方法；
⑤了解事件的概念，掌握事件处理程序的编写；
⑥掌握window对象的属性和方法的灵活运用；
⑦掌握document对象的属性和方法的灵活运用。
随机漂浮广告效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
7
图片渐显效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用
⑤事件与事件处理程序；
⑥window对象；
⑦document对象；
⑧透明滤镜。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④掌握函数的定义和调用方法；
⑤了解事件的概念，掌握事件处理程序的编写；
⑥掌握window对象的属性和方法的灵活运用；
⑦掌握document对象的属性和方法的灵活运用；
⑧掌握透明滤镜的使用。
图片渐显效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
8
图片滚动效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript基于对象编程；
④函数定义与调用
⑤事件与事件处理程序；
⑥window对象；
⑦document对象；
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript基于对象的编程方法；
④掌握函数的定义和调用方法；
⑤了解事件的概念，掌握事件处理程序的编写；
⑥掌握window对象的属性和方法的灵活运用；
⑦掌握document对象的属性和方法的灵活运用。
图片滚动效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
9
网页自动滚屏效果
①JavaScript基础语法；
②JavaScript基于对象编程；
③函数定义与调用
④事件与事件处理程序；
⑤window对象；
⑥document对象；
知识：
①了解JavaScript基础语法；
②掌握JavaScript基于对象的编程方法；
③掌握函数的定义和调用方法；
④了解事件的概念，掌握事件处理程序的编写；
⑤掌握window对象的属性和方法的灵活运用；
⑥掌握document对象的属性和方法的灵活运用。
网页自动滚屏效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
10
网页禁止复制
①JavaScript基础语法；
②JavaScript基于对象编程；
③事件与事件处理程序；
④window对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript基于对象的编程方法；
③了解事件的概念，掌握事件处理程序的编写；
④掌握window对象的属性和方法的灵活运用。
①禁止用户对网页中文本的复制；
②禁止用户对网页进行“另存为”操作；
③禁止用户使用鼠标右键。
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
11
选项卡效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript循环结构程序设计；
④JavaScript基于对象编程；
⑤函数定义与调用
⑥事件与事件处理程序；
⑦window对象；
⑧document对象；
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript循环结构程序设计；
④掌握JavaScript基于对象的编程方法；
⑤掌握函数的定义和调用方法；
⑥了解事件的概念，掌握事件处理程序的编写；
⑦掌握window对象的属性和方法的灵活运用；
⑧掌握document对象的属性和方法的灵活运用。
选项卡效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
12
导航
菜单效果
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript循环结构程序设计；
④JavaScript基于对象编程；
⑤函数定义与调用
⑥事件与事件处理程序；
⑦window对象；
⑧document对象；
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript循环结构程序设计；
④掌握JavaScript基于对象的编程方法；
⑤掌握函数的定义和调用方法；
⑥了解事件的概念，掌握事件处理程序的编写；
⑦掌握window对象的属性和方法的灵活运用；
⑧掌握document对象的属性和方法的灵活运用。
导航菜单效果
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
13
表单验证
①JavaScript基础语法；
②JavaScript选择结构程序设计；
③JavaScript循环结构程序设计；
④JavaScript基于对象编程；
⑤函数定义与调用
⑥事件与事件处理程序；
⑦window对象；
⑧document对象；
⑨表单对象及其子对象。
知识：
①了解JavaScript基础语法；
②掌握JavaScript选择结构程序设计；
③掌握JavaScript循环结构程序设计；
④掌握JavaScript基于对象的编程方法；
⑤掌握函数的定义和调用方法；
⑥了解事件的概念，掌握事件处理程序的编写；
⑦掌握window对象的属性和方法的灵活运用；
⑧掌握document对象的属性和方法的灵活运用。
⑨掌握表单对象及其子对象的属性和方法的灵活运用。
表单数据有效性验证
技能：
①具备网页基础知识；
②具备HTML语言和CSS样式知识；
③具备自主学习的能力。
第四部分课程实施建议
一、各教学环节学时分配建议
教学单元
讲课
习题课
讨论课
实践
其他
合计
电子时钟效果
16
8
1
16
1
42
网页倒计时效果
2
1
2
1
6
验证码的生成
2
1
2
1
6
跑马灯效果
4
1
2
1
8
滚动广告效果
4
1
2
1
8
漂浮广告效果
4
1
2
1
8
图片渐显效果
2
1
2
1
6
图片滚动效果
4
1
2
1
8
网页自动滚屏效果
2
2
4
网页禁止复制
2
2
4
选项卡效果
4
1
2
1
8
导航菜单效果
4
1
2
1
8
表单验证
6
1
4
1
12
合计
8
11
42
11
二、教学建议
1.教师的基本要求
（1）大学本科以上学历，讲师以上职称，具有先进的教学方法，有较强的课堂驾驭能力。
（2）具备设计基于行动导向的教学法的设计应用能力。
（3）具备系统的网页脚本编程知识。
（4）有在企业从事网页特效制作的工作经验。
（5）具有良好的职业道德和责任心。
2.教学组织设计的建议
教学组织设计建议见《Web编程基础》学习情境表1~表13。
Web编程基础学习情境表1
学习情境1
网页特效制作
116学时
子情境1
电子时钟效果
42学时
教学目标
通过子情境1的学习，使学生：
1、了解JavaScript基础语法；
2、掌握JavaScript选择结构程序设计；
3、掌握JavaScript基于对象的编程方法；
4、了解事件的概念，掌握事件处理程序的编写；
5、掌握函数的定义和调用方法；
6、掌握Date对象的属性和方法的灵活运用。
学习任务
完成网页中静态电子时钟和动态电子时钟两种效果的制作。
教学条件
学生在“教—学”一体化机房完成资讯、计划、决策、实施、检查和评估六个阶段的学习，获得所需知识和方法。
教学材料
授课计划、教案、多媒体课件、评价表
工具材料
计算机
其他信息
无
教学阶段
工作过程
教学方法建议
学时
资讯
教师下发任务书，解答学生提出问题；
教师督促学生自主学习JavaScript基础语法、选择结构程序设计、基于对象编程、事件、函数的定义和调用、Date对象的属性和方法等内容。
讲授法
案例分析法
学习循环法
24
计划
学生根据资讯阶段所获得的知识，根据任务的要求，写出实验分工、实验思路和实验步骤，并充分讨论。
小组讨论法
1
决策
在老师的指导下，对提出的实验思路和步骤案做可靠性、合理性、可操作性等综合分析，制定具体的实施计划。
实施
制作静态电子时钟和动态电子时钟两种效果。
自主学习
个别指导
16
检查
1.学生汇报任务计划安排与任务实施过程，包括小组成员分工与职责；
2.通过多媒体演示实验作品，回答同学与教师的提问。
多媒体演示法
1
评估
1.小组自评：
实施小组对实验情况进行自评，并确定每个成员的贡献值；
2.小组互评：
其他（听众）小组根据讲解和实验效果进行评价和建议，评出该小组成绩；
3.教师评价：
老师根据每个小组工作实施过程及任务完成情况确定小组成绩。
小组讨论法
多媒体演示法
Web编程基础学习情境表2
学习情境1
网页特效制作
116学时
子情境2
网页倒计时效果
6学时
教学目标
通过子情境2的学习，使学生：
1、了解JavaScript基础语法；
2、掌握JavaScript选择结构程序设计；
3、掌握JavaScript基于对象的编程方法；
4、了解事件的概念，掌握事件处理程序的编写；
5、掌握函数的定义和调用方法；
6、掌握Date对象的属性和方法的灵活运用；
7、掌握Math对象的属性和方法的灵活运用。
学习任务
完成网页倒计时效果（网页上显示今天距离元旦还有多少天）的制作。
教学条件
学生在“教—学”一体化机房完成资讯、计划、决策、实施、检查和评估六个阶段的学习，获得所需知识和方法。
教学材料
授课计划、教案、多媒体课件、评价表
工具材料
计算机
其他信息
无
教学阶段
工作过程
教学方法建议
学时
资讯
教师下发任务书，解答学生提出问题；
教师督促学生自主学习JavaScript基础语法、选择结构程序设计、基于对象编程、事件、函数的定义和调用、Date对象的属性和方法、Math对象的属性和方法等内容。
讲授法
案例分析法
学习循环法
2
计划
学生根据资讯阶段所获得的知识，根据任务的要求，写出实验分工、实验思路和实验步骤，并充分讨论。
小组讨论法
1
决策
在老师的指导下，对提出的实验思路和步骤案做可靠性、合理性、可操作性等综合分析，制定具体的实施计划。
实施
制作网页倒计时效果（网页上显示今天距离元旦还有多少天）。
自主学习
个别指导
2
检查
1.学生汇报任务计划安排与任务实施过程，包括小组成员分工与职责；
2.通过多媒体演示实验作品，回答同学与教师的提问。
多媒体演示法
1
评估
1.小组自评：
实施小组对实验情况进行自评，并确定每个成员的贡献值；
2.小组互评：
其他（听众）小组根据讲解和实验效果进行评价和建议，评出该小组成绩；
3.教师评价：
老师根据每个小组工作实施过程及任务完成情况确定小组成绩。
小组讨论法
多媒体演示法
Web编程基础学习情境表3
学习情境1
网页特效制作
116学时
子情境3
验证码的生成
6学时
教学目标
通过子情境3的学习，使学生：
1、了解JavaScript基础语法；
2、掌握JavaScript基于对象的编程方法；
3、了解事件的概念，掌握事件处理程序的编写；
4、掌握函数的定义和调用方法；
5、掌握Math对象的属性和方法的灵活运用。
学习任务
完成英文字符验证码、数字和英文字符混合验证码和图片验证码三种效果的制作。
教学条件
学生在“教—学”一体化机房完成资讯、计划、决策、实施、检查和评估六个阶段的学习，获得所需知识和方法。
教学材料
授课计划、教案、多媒体课件、评价表
工具材料
计算机
其他信息
无
教学阶段
工作过程
教学方法建议
学时
资讯
教师下发任务书，解答学生提出问题；
教师督促学生自主学习JavaScript基础语法、基于对象编程、事件、函数的定义和调用、Math对象的属性和方法等内容。
讲授法
案例分析法
学习循环法
2
计划
学生根据资讯阶段所获得的知识，根据任务的要求，写出实验分工、实验思路和实验步骤，并充分讨论。
小组讨论法
1
决策
在老师的指导下，对提出的实验思路和步骤案做可靠性、合理性、可操作性等综合分析，制定具体的实施计划。
实施
制作英文字符验证码、数字和英文字符混合验证码和图片验证码三种效果。
自主学习
个别指导
2
检查
1.学生汇报任务计划安排与任务实施过程，包括小组成员分工与职责；
2.通过多媒体演示实验作品，回答同学与教师的提问。
多媒体演示法
1
评估
1.小组自评：
实施小组对实验情况进行自评，并确定每个成员的贡献值；
2.小组互评：
其他（听众）小组根据讲解和实验效果进行评价和建议，评出该小组成绩；
3.教师评价：
老师根据每个小组工作实施过程及任务完成情况确定小组成绩。
小组讨论法
多媒体演示法
Web编程基础学习情境表4
学习情境1
网页特效制作
116学时
子情境4
跑马灯效果
8学时
教学目标
通过子情境4的学习，使学生：
1、了解JavaScript基础语法；
2、掌握JavaScript选择结构程序设计；
3、掌握JavaScript循环结构程序设计；
4、掌握JavaScript基于对象的编程方法；
5、掌握函数的定义和调用方法；
6、了解事件的概念，掌握事件处理程序的编写；
7、掌握String对象的属性和方法的灵活运用
学习任务
完成状态栏跑马灯效果的制作。
教学条件
学生在“教—学”一体化机房完成资讯、计划、决策、实施、检查和评估六个阶段的学习，获得所需知识和方法。
教学材料
授课计划、教案、多媒体课件、评价表
工具材料
计算机
其他信息
无
教学阶段
工作过程
教学方法建议
学时
资讯
教师下发任务书，解答学生提出问题；
教师督促学生自主学习JavaScript基础语法、选择结构程序设计、循环结构程序设计、基于对象编程、事件、函数的定义和调用、String对象的属性和方法等内容。
讲授法
案例分析法
学习循环法
4
计划
学生根据资讯阶段所获得的知识，根据任务的要求，写出实验分工、实验思路和实验步骤，并充分讨论。
小组讨论法
1
决策
在老师的指导下，对提出的实验思路和步骤案做可靠性、合理性、可操作性等综合分析，制定具体的实施计划。
实施
制作状
升级会员 