2021年《Web编程基础》课程教学标准.docx

精品word 可编辑资料 - - - - - - - - - - - - -Web编程基础课程教学标准课程代码 :0403175课程名称： Web 编程基础英文名称： Web Programming Basis课程类型 :专业核心课程（专业必修课）总学 时 ： 128讲课学时： 64实践学时： 64学分： 8.0适用对象：运算机应用专业（网页美工方向）先修课程：网页设计第一部分前言一.课程性质与位置本课程为运算机应用专业（网页美工方向）的一门专业核心课程，为一门操作性和实践性很强的职课程；本课程着重讲授Web编程语言 (JavaScript)，使同学明白Web编程的基本学问，把握Web编程的关键技术，使同学初步具备客户端网页脚本编程的基本技能，为后续课程商务网站构建与治理的学习打下基础；本课程以JavaScript作为编程语言，以网页设计为前导课程，并作为后续课程JQuery 和商务网站构建与治理的学习基础；二.课程基本理念1. 校企合作，基于工作过程开发课程加强校企合作，通过对职业行动领域工作过程的跟踪调研，并吸取企业专家的建议，基于工作过程重新整合.序化教学内容；2. 基于行动导向组织课程教学，突出同学的才能培育本课程教学应积极探究新的教学模式，转变目标单一的以学问传授为主的教学方法，构建表达项目课程特性的新型教学关系，逐步形成以行动导向教学法为主要特点的教学模式；应当重视学习者的主体位置，提倡多种学习方式并存，培育同学创新精神与合作学习.探究争论的才能；3. 多元化评判方式，促进同学不断进展在评判结构上，突出过程性评判，对同学阶段性学习成果准时进行评判，促进同学的自主学习和进展；在评判方式上，强调同学自我评判.相互评判和老师评判并重，提高同学学习的爱好，同时培育同学合作.诚信等良好品质；三.课程设计思路该课程总共分2 个学习情境共13 个子情境， 将职业行动领域中的工作过程融合在学习情境的教与学的过程中，培育同学客户端网页脚本编程的基本技能；实行行动导向的教学模式，贯彻“六步教学法”，培育同学分析问题.解决实际问题的才能；同学以学习小组为单位，通过相互协作.共同完成制定的学习任务，培育锤炼同学的参加意识.责任意识.协作意识和自信心；第 1 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -一.总体目标其次部分课程目标通过该课程的学习，使同学对网页脚本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）培育同学良好的自学习惯；第 2 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -第三部分课程教学内容标准编学习情境学习内容学习目标作业成果号电子时钟1成效网页倒计2时成效验证码的3生成跑马灯效4果 JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 基于对象编程；函数定义与调用大事与大事处理程序； Date 对象； JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 基于对象编程；函数定义与调用；大事与大事处理程序； Date 对象； Math 对象； JavaScript 基础语法； JavaScript 基于对象编程；函数定义与调用；大事与大事处理程序； Math 对象； JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 循环结构程序设计； JavaScript 基于对象编程；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 基于对象的编程方法；明白大事的概念，把握大事处理程序的编写；把握函数的定义和调用方法；把握Date 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握Date 对象的属性和方法的敏捷运用；把握Math 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握Math 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 循环结构程序设计；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；静态电子时钟成效；动态电子时钟成效；网页倒计时成效（显示距离元旦仍有多少天？）英文字符验证；数字和英文字符混合验证码；图片验证码；状态栏跑马灯成效第 3 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -函数定义与调用大事与大事处理程序；具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能； JavaScript 基础语法；学问： JavaScript 挑选结构程序设计；明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计； JavaScript 基于对象编把握JavaScript 基于对象的编程方法；程；把握函数的定义和调用方法；滚动广告函数定义与调用明白大事的概念，把握大事处理程序的编写；单行新闻滚成效大事与大事处理程序；把握window 对象的属性和方法的敏捷运用；动显示成效 window 对象；把握div 的 scrollTop 属性的使用； div 的 scrollTop 属 性 ；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能； JavaScript 基础语法； JavaScript 挑选结构程学问：明白JavaScript 基础语法；序设计；把握JavaScript 挑选结构程序设计； JavaScript 基于对象编把握JavaScript 基于对象的编程方法；程；把握函数的定义和调用方法； String 对象；把握String 对象的属性和方法的敏捷运用；技能：5漂浮广告6 成效图片渐显7 成效函数定义与调用大事与大事处理程序； window 对象； document 对象； JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 基于对象编程；函数定义与调用大事与大事处理程序； window 对象； document 对象；透亮滤镜；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运用；把握透亮滤镜的使用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；随机漂浮广告成效图片渐显成效第 4 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -图片滚动8成效网页自动9滚屏成效网页禁止10复制选项卡效11果 JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 基于对象编程；函数定义与调用大事与大事处理程序； window 对象； document 对象； JavaScript 基础语法； JavaScript 基于对象编程；函数定义与调用大事与大事处理程序； window 对象； document 对象； JavaScript 基础语法； JavaScript 基于对象编程；大事与大事处理程序； window 对象； JavaScript 基础语法； JavaScript 挑选结构程序设计； JavaScript 循环结构程序设计； JavaScript 基于对象编程；函数定义与调用大事与大事处理程序；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 基于对象的编程方法；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；学问：明白JavaScript 基础语法；把握JavaScript 挑选结构程序设计；把握JavaScript 循环结构程序设计；把握JavaScript 基于对象的编程方法；把握函数的定义和调用方法；明白大事的概念，把握大事处理程序的编写；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运图片滚动成效网页自动滚屏成效禁止用户对网页中文本的复制；禁止用户对网页进行“另存为” 操作；禁止用户使用鼠标右键；选项卡成效第 5 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - - window 对象；用； document 对象；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能； JavaScript 基础语法；学问： JavaScript 挑选结构程明白JavaScript 基础语法；序设计； JavaScript 循环结构程把握JavaScript 挑选结构程序设计；把握JavaScript 循环结构程序设计；序设计；把握JavaScript 基于对象的编程方法； JavaScript 基于对象编把握函数的定义和调用方法；导航程；明白大事的概念，把握大事处理程序的编写；导航菜单效菜单成效函数定义与调用把握window 对象的属性和方法的敏捷运用；果大事与大事处理程序；把握document 对象的属性和方法的敏捷运 window 对象； document 对象；用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能； JavaScript 基础语法；学问： JavaScript 挑选结构程明白JavaScript 基础语法；序设计；把握JavaScript 挑选结构程序设计； JavaScript 循环结构程把握JavaScript 循环结构程序设计；序设计；把握JavaScript 基于对象的编程方法； JavaScript 基于对象编把握函数的定义和调用方法；程；明白大事的概念，把握大事处理程序的编写；1213表单验证函数定义与调用大事与大事处理程序； window 对象； document 对象；表单对象及其子对象；把握window 对象的属性和方法的敏捷运用；把握document 对象的属性和方法的敏捷运用；把握表单对象及其子对象的属性和方法的敏捷运用；技能：具备网页基础学问；具备HTML语言和 CSS 样式学问；具备自主学习的才能；表单数据有效性验证第四部分课程实施建议一.各教学环节学时安排建议教学单元讲课习题课争论课实践其他合计电子时钟成效168116142网页倒计时成效21216第 6 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -验证码的生成21216跑马灯成效41218滚动广告成效41218漂浮广告成效41218图片渐显成效21216图片滚动成效41218网页自动滚屏成效224网页禁止复制224选项卡成效41218导航菜单成效41218表单验证614112合计568114211128二.教学建议1. 老师的基本要求（ 1）高校本科以上学历，讲师以上职称，具有先进的教学方法，有较强的课堂驾驭才能；（ 2）具备设计基于行动导向的教学法的设计应用才能；（ 3）具备系统的网页脚本编程学问；（ 4）有在企业从事网页特效制作的工作体会；（ 5）具有良好的职业道德和责任心；2. 教学组织设计的建议教学组织设计建议见Web编程基础学习情境表1表 13；第 7 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -Web 编程基础学习情境表1学习情境 1网页特效制作116 学时子情境 1电子时钟成效42 学 时通过子情境1 的学习，使同学：1.明白 JavaScript 基础语法；2.把握 JavaScript 挑选结构程序设计；教学目标3.把握 JavaScript 基于对象的编程方法；4.明白大事的概念，把握大事处理程序的编写；5.把握函数的定义和调用方法；6.把握 Date 对象的属性和方法的敏捷运用；学习任务完成网页中静态电子时钟和动态电子时钟两种成效的制作；教学条件同学在“教学”一体化机房完成资讯.方案.决策.实施.检查和评估六个阶段的学习，获得所需学问和方法；教学材料授课方案.教案.多媒体课件.评判表工具材料运算机其他信息无教学阶段工作过程教学方法建议学时老师下发任务书，解答同学提出问题；老师督促同学自主学习JavaScript 基础语法.挑选结构程 资讯序设计.基于对象编程.大事.函数的定义和调用.Date对象的属性和方法等内容；同学依据资讯阶段所获得的学问，依据任务的要求，写出方案试验分工.试验思路和试验步骤，并充分争论；讲授法案例分析法24学习循环法在老师的指导下，对提出的试验思路和步骤案做牢靠性.决策合理性.可操作性等综合分析，制定详细的实施方案；实施制作静态电子时钟和动态电子时钟两种成效；小组争论法1自主学习个别指导161. 同学汇报任务方案支配与任务实施过程，包括小组成检查员分工与职责；2. 通过多媒体演示试验作品，回答同学与老师的提问；多媒体演示法1. 小组自评：实施小组对试验情形进行自评，并确定每个成员的奉献值；评估2. 小组互评：其他（听众）小组依据讲解和试验成效进行评判和建议，评出该小组成果；3. 老师评判：老师依据每个小组工作实施过程及任务完成情形确定小组成果；1小组争论法多媒体演示法第 8 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -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. 小组自评：实施小组对试验情形进行自评，并确定每个成员的奉献值；评估2. 小组互评：其他（听众）小组依据讲解和试验成效进行评判和建议，评出该小组成果；3. 老师评判：老师依据每个小组工作实施过程及任务完成情形确定小组成果；1小组争论法多媒体演示法第 9 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -Web编程基础学习情境表3学习情境 1网页特效制作116 学时子情境 3验证码的生成通过子情境3 的学习，使同学：6 学 时1.明白 JavaScript 基础语法；教学目标2.把握 JavaScript 基于对象的编程方法；3.明白大事的概念，把握大事处理程序的编写；4.把握函数的定义和调用方法；5.把握 Math 对象的属性和方法的敏捷运用；学习任务完成英文字符验证码.数字和英文字符混合验证码和图片验证码三种成效的制作；教学条件同学在“教学”一体化机房完成资讯.方案.决策.实施.检查和评估六个阶段的学习，获得所需学问和方法；教学材料授课方案.教案.多媒体课件.评判表工具材料运算机其他信息无教学阶段工作过程教学方法建议学时老师下发任务书，解答同学提出问题；老师督促同学自主学习JavaScript 基础语法.基于对象编资讯程.大事.函数的定义和调用.Math对象的属性和方法等内容；同学依据资讯阶段所获得的学问，依据任务的要求，写出方案试验分工.试验思路和试验步骤，并充分争论；讲授法案例分析法2学习循环法决策在老师的指导下，对提出的试验思路和步骤案做牢靠性.合理性.可操作性等综合分析，制定详细的实施方案；小组争论法1制作英文字符验证码.数字和英文字符混合验证码和图片实施验证码三种成效；自主学习个别指导21. 同学汇报任务方案支配与任务实施过程，包括小组成检查员分工与职责；2. 通过多媒体演示试验作品，回答同学与老师的提问；多媒体演示法1. 小组自评：实施小组对试验情形进行自评，并确定每个成员的奉献值；评估2. 小组互评：其他（听众）小组依据讲解和试验成效进行评判和建议，评出该小组成果；3. 老师评判：老师依据每个小组工作实施过程及任务完成情形确定小组成果；1小组争论法多媒体演示法第 10 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -Web编程基础学习情境表4学习情境 1网页特效制作116 学时子情境 4跑马灯成效8 学 时通过子情境4 的学习，使同学：教学目标1.明白 JavaScript 基础语法；2.把握 JavaScript 挑选结构程序设计；3.把握 JavaScript 循环结构程序设计；4.把握 JavaScript 基于对象的编程方法；5.把握函数的定义和调用方法；6.明白大事的概念，把握大事处理程序的编写；7.把握 String 对象的属性和方法的敏捷运用学习任务完成状态栏跑马灯成效的制作；教学条件同学在“教学”一体化机房完成资讯.方案.决策.实施.检查和评估六个阶段的学习，获得所需学问和方法；教学材料授课方案.教案.多媒体课件.评判表工具材料运算机其他信息无教学阶段工作过程教学方法建议学时老师下发任务书，解答同学提出问题；老师督促同学自主学习JavaScript 基础语法.挑选结构程资讯序设计.循环结构程序设计.基于对象编程.大事.函数的定义和调用.String 对象的属性和方法等内容；同学依据资讯阶段所获得的学问，依据任务的要求，写出方案试验分工.试验思路和试验步骤，并充分争论；讲授法案例分析法4学习循环法在老师的指导下，对提出的试验思路和步骤案做牢靠性.决策合理性.可操作性等综合分析，制定详细的实施方案；小组争论法1实施制作状态栏跑马灯成效；自主学习2个别指导1. 同学汇报任务方案支配与任务实施过程，包括小组成检查员分工与职责；2. 通过多媒体演示试验作品，回答同学与老师的提问；多媒体演示法1. 小组自评：实施小组对试验情形进行自评，并确定每个成员的奉献值；评估2. 小组互评：其他（听众）小组依据讲解和试验成效进行评判和建议，评出该小组成果；3. 老师评判：老师依据每个小组工作实施过程及任务完成情形确定小组成果；1小组争论法多媒体演示法第 11 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -Web编程基础学习情境表5学习情境 1网页特效制作116 学时子情境 5滚动广告成效8 学 时通过子情境5 的学习，使同学：教学目标1.明白 JavaScript 基础语法；2.把握 JavaScript 挑选结构程序设计；3.把握 JavaScript 基于对象的编程方法；4.明白大事的概念，把握大事处理程序的编写；5.把握函数的定义和调用方法；6.把握 window 对象的属性和方法的敏捷运用；7.把握 div 的 scrollTop 属性的使用；学习任务完成单行新闻滚动显示成效的制作；教学条件同学在“教学”一体化机房完成资讯.方案.决策.实施.检查和评估六个阶段的学习，获得所需学问和方法；教学材料授课方案.教案.多媒体课件.评判表工具材料运算机其他信息无教学阶段工作过程教学方法建议学时老师下发任务书，解答同学提出问题；老师督促同学自主学习JavaScript 基础语法.挑选结构程资讯序设计.基于对象编程. 大事.函数的定义和调用. Window对象的属性和方法.div 的 scrollTop 属性的使用等内容；同学依据资讯阶段所获得的学问，依据任务的要求，写出方案试验分工.试验思路和试验步骤，并充分争论；讲授法案例分析法4学习循环法在老师的指导下，对提出的试验思路和步骤案做牢靠性.决策合理性.可操作性等综合分析，制定详细的实施方案；小组争论法1实施制作单行新闻滚动显示成效；自主学习2个别指导1. 同学汇报任务方案支配与任务实施过程，包括小组成检查员分工与职责；2. 通过多媒体演示试验作品，回答同学与老师的提问；多媒体演示法1. 小组自评：实施小组对试验情形进行自评，并确定每个成员的奉献值；评估2. 小组互评：其他（听众）小组依据讲解和试验成效进行评判和建议，评出该小组成果；3. 老师评判：老师依据每个小组工作实施过程及任务完成情形确定小组成果；1小组争论法多媒体演示法第 12 页，共 22 页 - - - - - - - - - -精品word 可编辑资料 - - - - - - - - - - - - -Web编程基础学习情境表6学习情境 1网页特效制作116 学时子情境 6漂浮广告成效8 学 时通过子情境6 的学习，使同学：教学目标1.明白 JavaScript 基础语法；2.把握 JavaScript 挑选结构程序设计；3.把握 JavaScript 基于对象的编程方法；4.明白大事的概念，把握大事处理程序的编写；5.把握函数的定义和调用方法；6.把握 window 对象的属性和方法的敏捷运用；7.把握 document 对象的属性和方法的敏捷运用；学习任务完成漂浮广告成效的制作；教学条件同学在“教学”一体化机房完成资讯.方案.决策.实施.检查和评估六个阶段的学习，获得所需学问和方法；教学材料授课方案.教案.多媒体课件.评判表工具材料运算机其他信息无教学阶段工作过程教学方法建议学时老师下发任务书，解答同学提出问题；老师督促同学自主学习JavaScript 基础语法.挑选结构程资讯序设计.基于对象编程. 大事.函数的定义和调用. window对象和document 对象的属性和方法等内容；讲授法案例分析法4学习循环法方案同学依据资讯阶段所获得的学问，依据任务的要求，写出试验分工.试验思路和试验步骤，并充分争论；在老师的指导下，对提出的试验思路和步骤案做牢靠性.小组争论法1决策合理性.可操作性等综合分析，制定详细的实施方案；实施制作漂浮广告