《JavaScript及网页特效》课程标准 .doc

《《JavaScript及网页特效》课程标准 .doc》由会员分享，可在线阅读，更多相关《《JavaScript及网页特效》课程标准 .doc（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、JavaScript及网页特效课程标准课程编号：(统一填写)适用专业：计算机软件技术课程类别：专业课修课方式：必修教学时数：48学时一、课程定位1、课程性质JavaScript及网页特效是高等教育软件外包技术专业的专业理论必修课，本课程具有较强的实践性。通过本课程的学习，使学生具有JavaScript编程的基础知识，了解JavaScript程序语言编程结构组成和各部分的功能；掌握在JavaScript语法的基本操作和应用，掌握JavaScript语言的开发方法；了解动态页面开发基本知识，了解jQuery的基础语法，会使用jQuery进行Web页面常用操作。为后续专业课程学习打下必备的基础。2、

2、课程设计思路本课程是以高等院校“软件外包专业”学生就业为导向，在行业专家的指导下，以对日(欧美)Java开发、对日(欧美).Net开发、对日(欧美)技术支持等就业方向所涵盖的岗位进行任务与职业能力分析，以实际工作任务为引领，以创新能力培养为主线，将课程知识体系整合为十五个技能教学模块，在教学过程中注意体现学生设计能力培养的循序渐进性。在教学内容和方法上贯彻“技能培养为主，知识够用为度”的教学思想，旨在培养学生的创新意识，提高岗位实践能力和适应能力。采用理论教学+实验实训+行业实践3层递进相结合的模式来提高教学质量，从而培育学生掌握对日(欧美)软件开发的基本职业能力。JavaScript及网页特

3、效课程根据对日(欧美)开发人员工作岗位职业能力的需求，设计了两个实训项目，这些项目都是围绕软件编程人员应掌握的工作任务进行设计的。本课程在设计时考虑主要以锻炼学生的动手能力为主，对于比较深惠难懂、但实际开发中运用较少的知识点尽量少讲或不讲，一切以实际项目为核心，使学生的课程学习和工作需要能完全吻合。二、课程目标1、课程总体目标根据计算机软件技术专业的整体培养目标，该课程的目标定位为：通过本课程的学习使学生掌握JavaScript的基本语法概念和使用JavaScript进行页面效果开发的基本思想；能熟练地用JavaScript语言进行浏览器端的脚本开发；能熟练使用jQuery进行Web页面处理。

4、培养学生规范编码和良好的程序设计风格；培养学生面向对象编程的思维和提高逻辑思维能力；培养学生发现问题、分析问题、解决问题的能力；培养良好的职业素质；培养团队协作和和谐的沟通能力；并为学生以后从事更专业化的软件开发工作或者学习后续课程打下良好的基础。2、课程具体目标 掌握JavaScript语言基础； 掌握JavaScript事件处理； 掌握文档对象模型（DOM）； 掌握Document对象； 掌握JavaScript与样式表； 掌握JavaScript表单验证； 掌握JavaScript常用特效； 掌握JavaScript基于对象编程； 掌握jQuery基础； 掌握jQuery高级编程；三、课

5、程内容及要求1、课程主要内容说明本课程重点在于理解JavaScript的基本语法，理解并能够使用JavaScript事件处理机制，能够熟练的进行基于文档对象模型（DOM）、Document对象的编程，掌握 JavaScript与样式表、表单验证、常用特效、jQuery基础语法和jQuery高级编程。2、课程组织安排说明 全机房教学，教师讲解和学生操作同步进行； 递进式教学、按知识和技能分阶段进行知识讲解、技能训练和考核； 理论联系实际，理论讲授和知识运用交叉进行，采用纯商业化的案例。3、课程教学内容课程内容安排及参考学时（含课内实践）序号任务岗位能力学习内容教学活动设计考核点课时1JavaSc

6、ript语言基础掌握JavaScript的基本元素和基本结构了解JavaScript的概念了解JavaScript的发展，特点与应用；了解JavaScript语言的类型及编写工具；掌握JavaScript的开发步骤；教师演示用记事本打开web网页文件，嵌入JavaScript脚本，并指导学生自己完成该内容。教师演示在web页面中使用JavaScript的两种方法，并指导学生自己完成该内容。JavaScript的基本结构和使用方法在Web页面使用JavaScript的两种方法42JavaScript事件处理掌握事件处理机制灵活使用事件处理器什么是事件HTML文档事件JavaScript如何处理事

7、件事件处理器的返回值事件处理器的灵活设置教师给学生讲解各事件的概念、机制，并在讲解概念、工作机制后给学生演示例子。事件捆绑浏览器事件HTML元素事件扩展的事件匿名函数显示声明手工触发43文档对象模型（DOM） 掌握DOM概念掌握文档对象的产生过程灵活使用文档对象的属性和方法掌握对象的事件处理机制DOM概述文档对象模型的级别文档对象的产生过程对象的属性和方法附加节点的处理方对象的事件处理程序教师给学生讲解DOM的概念、级别、产生过程，然后讲解对象的属性和方法、对象的事件处理工作原理并演示例子。演示例子后带领学生做相关练习。基本对象模型浏览器扩展W3C DOM何谓节点对象属性对象方法id和clas

8、s属性getElementById()方法getElementByTag()方法getElementsByName()方法生成节点插入和添加节点复制节点删除和替换节点文本节点操作84Document对象掌握Document对象的使用灵活使用Document的集合、属性、方法、样式灵活使用Document对象时间Document对象描述Document对象集合Document对象属性Document对象方法Document对象事件Document对象样式教师讲解Document对象的概念、集合、属性、方法、事件、样式等内容。带领学生使用Document对象的集合、属性、方法、事件和样式。演示示例

9、后带领学生完成相关练习。获取目标文档信息设置文档颜色值向文档写入新内容常见属性和方法获取body元素信息常见属性和方法45JavaScript与样式表掌握CSS样式表掌握JavaScript处理文本、按钮的方法掌握JavaScript与DIVCSS样式表使用特效控制字体大小使用特效改变按钮背景DIV与JavaScript教师带领同学回顾CSS样式表，然后讲解JavaScript如何控制文本和DIV，改变按钮及按钮背景等相关样式。带领学生一起做改变web页面样式的相关练习。样式表类型常用样式隐藏与显示的开关制作层的隐藏/显示特效46JavaScript表单验证掌握常用的表单验证机制掌握正则表达式

10、灵活使用JavaScript对各类表单验证方法为什么需要表单验证常用的表单验证内容表单验证起手式对文本框的验证正则表达式教师讲解常用表单验证机制、正则表达式的使用。然后带领学生完成用户注册验证、登录验证等示例。由学生完成身份证号、邮箱等常用表单验证练习。字符串验证常用的E-Mail验证什么是正则表达式最简单的正则E-Mail验证升级版47JavaScript常用特效掌握JavaScript处理文本内容的特效方法掌握JavaScript处理DIV特效的方法掌握JavaScript处理导航菜单、树、表单验证等特效文字特效DIV特效图片特效导航菜单特效表单验证特效教师讲解JavaScript对文本、

11、图片等处理的常用特效，带领学生完成对DIV操作的常用特效，带领学生完成导航菜单、目录树、表单等练习。用户注册信息提示特效用户登录验证特效导航菜单、树、表单验证特效DIV特效48JavaScript基于对象编程掌握面向对象编程的基本方法掌握JavaScript对象生成机制掌握JavaScript核心对象灵活使用JavaScript处理对象面向对象编程与基于对象编程JavaScript对象的生成JavaScript核心对象文档对象的引用创建和使用自定义对象教师讲解面向对象编程思想和基于对象编程的步骤。讲解JavaScript对象生成机制和核心对象。带领学生完成JavaScript处理对象的练习，然

12、后布置练习让学生独立完成。什么是对象面向对象编程基于对象编程HTML 文档结构DOM框架顶级对象之间的关系浏览器载入文档时对象的生成通过对象位置访问文档对象通过对象名称访问对象通过联合数组访问对象定义对象的构造函数对象直接初始化修改、删除对象实例的属性通过原型为对象添加新属性和方法自定义对象的嵌套89jQuery基础掌握jQuery的基本语法掌握jQuery常用方法掌握jQuery的选择器、属性及文本处理、CSS控制、事件处理、动画效果常用方法选择器表单选择器属性节点匹配文本处理Css事件动画效果教师讲解jQuery的基本语法、常用方法、选择器、属性及文本处理、CSS控制、事件处理和动画效果示

13、例。带领学生完成事件处理案例，布置独立案例由学生课上完成。jQuery基本语法jQuery的常用方法jQuery选择器的使用jQuery事件处理jQuery动画效果410jQuery高级编程理解DOM操作了解jQuery对表格操作的基本思路了解jQuery如何改变属性会使用jQuery改变样式、jQuery动画掌握JSON数据格式会使用jQueryUI插件了解jQuery构建功能型表单DOM操作表格操作使用jQuery改变属性使用jQuery改变样式jQuery动画数据格式JSONjQueryUI插件构建功能型表单教师讲解DOM操作原理，演示jQuery如何对操作表格，改变属性、样式和动画效果

14、，演示JSON数据格式的使用，展示jQueryUI插件的案例和够条件功能性表单。带领学生完成一个综合案例，课上完成。jQuery对DOM的操作jQuery对表格操作的机制jQuery改变属性、样式表、动画JSON数据格式jQueryUI插件的使用jQuery如何构建功能性表单4合计48四、实施意见1、教学建议 本课程实践性强，因此理论教学环节采用讲授与实践相结合的方式； 为加强和落实动手能力的培养，应充分重视技能训练教学环节； 教学过程中要根据学生实际情况适当调整教学内容及进度，确保学生真的学会。2、教学考核评价建议（1）期末考核评价及方式采用100分制考试方式，所得成绩占总评分的50%。（2）教学过程评价采用量化考核及关键作业方式，其中量化考核分占总评分的20%，关键作业分占总评分的30%。3、教材选用和编写建议建议选用师创相关教材4、课程资源的开发与利用建议本课程所需资源建议采用商业项目。建议教师在授课前根据需要将商业项目按照教学进度及知识体系进行合理拆分，整理成教学资源。5、其它说明 本专业课程分为考试课和考查课两种，针对考试课，教学考核评价采用量化考核、关键作业考核、期末考试分别占20%、30%、50%方式进行；而针对考查课，教学考核评价采用量化考核、考查分别占20%、80%的方式进行。