Javascript程序设计 课程整体设计.docx

《Javascript程序设计 课程整体设计.docx》由会员分享，可在线阅读，更多相关《Javascript程序设计 课程整体设计.docx（11页珍藏版）》请在第一文库网上搜索。

1、课程整体设计课程名称：JaVaSCriPt程序设计适用专业：软件技术所属院系：编制人：制定时间:一、课程基本情况课程名称：javascript程序设计课程编码：学时：&适用专业：软件技术课程类型：口“纯理论课”（A类）E1“实践+理论课”（B类）口“纯实践课”（C类）课程性质：口公共基础课程专业基础课程0专业核心课程专业拓展课程前导课程：后续课程：二、课程设置1 .课程性质（一）课程定位Javascript程序设计是软件技术专业的专业核心课，符合WEB前端工程师和Javascript开发工程师岗位中对于使用javascript设计网站特效能力的需要。本课程培养学生具备JavaScript等脚本

2、设计网站特效能力该课程深入浅出，结合实际案例系统地讲解了使用css、JavaScript和jQue7设计动态网页的知识和技巧，它定位于WEB技术开发，是WEB前端技术开发的必备课程，在学习了htm1+css网页设计基础、编程基础、网页美工的基础下，为HTM15移动Web开发技术、PhP框架开发技术、javaweb开发技术等课程的学习打下基础，在整个课程体系中具有承前启后的重要作用。（二）课程作用Uavascript程序设计课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JaVaSCriPt语言的基本编程思想，并能熟练利用JaVaSCriP1控制

3、WEB页面各级元素，拥有设计网站特效的能力，实现WEB前端的验证、动态展示等任务。(S)课程目标课程的整体目标是培养学生能够使用javascript开发网站特效的实际工作技能，通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的网站开发与信息服务的技术人才。根据高职教育的特点，按照学院“小学校、大课堂”的办学思路和“校企融合、同兴共赢”的办学模式，积极探索“校企合作、工学结合”的人才培养模式，积极探索以实践能力考核为主的

4、课程评价方法，切实提高学生的职业能力和就业竞争力。2 .课程设计思路通过本课程的学习，使学生对HTM1脚本、CSS代码和JaVaSCriPt特效代码等网页基本组成元素有全面和充分的认识，能熟练地使用以上代码开发出漂亮的静态网页，制作出炫酷的网页效果，并为后继的动态网站课程的学习打好基础。为了学生能掌握JavaScript语言的基本编程思想，并能熟练利用JaVaSCriPt控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务本课程通过设计包括JaVaSCriPt的基础语法，常用开发工具和调试工具，简单的CSS知识，DOM模型及事件机制和常见事件处理等内容。针对学生的学情、层次和高职学生的

5、特点，在本课程的日常教学中努力做到理论教学以应用为目的，以必需、够用为度，专业教学加强针对性和应用性。以职业能力培养为主线，使教学内容按照能力培养目标进行重组、整合与优化，教学方法体现能力培养，广泛采用“案例”、“参与式”、“讨论式”、“启发式”等生动活泼的教学形式，有效利用现代教育技术组织教学，并加强课程的组织管理、运行管理和质量管理以及课程的过程评价与目标评价。具体措施体现在以下几个方面： 基于典型工作过程分析，构建课程体系； 职业能力培养为核心，设计教学内容； 以提高学生职业能力和职业素养为目标，重视实践教学； 融合职业资格标准，推行双证书制； 校企合作，共建新型实践教学基地； 校企合作

6、，形成实践技能课主要由企业兼职教师讲授的机制。3 .课程目标3.1知识目标 熟练掌握静态网页设计所需要的HTM1、CSS和JaVaSCriPt等知识 掌握JaVaSCript、CSS、DOM、AjaX等技术 能够熟练地利用Javascript和Jquery等技术进行网站特效的设计。3.2能力目标能使用HTM1、CSS和JavaScript设计静态网站；能使用JavaScript等脚本文件设计网站特效。3 .3素质目标 学生具备对程序设计的兴趣，充分发挥学生的自主学习能力； 学生具备与人交流、与人合作及信息处理的能力； 学生具备分析问题、解决问题及创造思维能力；4 .预期学习成果在完成课程后，学

7、生将会:编号具体内容1掌握Javascript基础内容2制作js幻灯片网站首页3制作浮动的图片广告4设计JavaSCriPt仿FIaSh图片轮翻5使用CSS完成神奇创意的相框6制作班级相册网站7仿淘宝网站首页设计8仿淘宝网站登陆页面设计三、课程内容与安排周次学习情境/项目/单元（选其一）子情境/子项目/子单元（选其一）学习内容（支撑知识）教学方法及手段成果形式参考学时第1周JavaScript概述IJavaScript的起源2.浏览器之争3Javascript的实现4.Javascript小体验JavaScript的起源及实现案例教学法、项目教学法、任务驱动教学法、讲授法JavaScript环

8、境搭建2JavaScript案例演示搭建JavaScript开发环境第1-4周JavaScript基础1JaVaSCriPt语法2.变量、数据类型、关键字、保留字、条件语句、循环语句、函数、对象、bom基础JavaScript类型案例教学法、项目教学法、任务驱动教学法、讲授法输入数字判断程序网页12JavaScript变量与关键字条件语句打印三角形循环语句函数注册判断函数网页对象BOM基础第4-5周JavaScript开发IJavaScript应用环境2 .常用开发工具3 .常用调试工具常用开发工具介绍案例教学法、项目教学法、任务驱动教学法、讲授法简易计算器4常用调试工具介绍第5-7CSS基础

9、Ixss的概念2.网页设计中的CSSCSS的使用样式案例教学法、项目教学文字环绕图片效果8周3.使用css控制页面4.css选择器5.css设置文字效果CSS选择器法、任务驱动教学法、讲授法链接文字样式设定网页CSS文字与图片效果第7-9周CSS进阶1 .DIV和SPAN标记布局网页2 .CSS布局定位3 .盒子浮动和定位DIV和SPAN标记布局网页案例教学法、项目教学法、任务驱动教学法、讲授法盒模型的应用8第9-11周DOM模型1 .D0M及DOM技术简介2 .网页中的DoM模型框架3、DOM模型中的七点4.使用非标准DOMinnerHTM1属性DOM技术简介案例教学法、项目教学法、任务驱动

10、教学法、讲授法动态修改页面图片8网页中的DOM模型框架元素节点、文本节点、属性节点检查浏览器支持的DOM标准级别DOM与CSS第11-12周JavaScript高级篇1.事件机制简介2.常用事件函数事件机制简介案例教学法、项目教学法、任务驱动教学法、讲授法屏蔽鼠标右键网页伸缩的两级菜单网页4常用事件函数第12-14周表格与表单Ixs控制表格样式2 .DOM动态控制表格3 .控制表单以及使用CSS控制表格样式案例教学法、项目教学法、任务驱动教自动提示的文本框8使用DOM动态控制表格用JavaScrip表单元素的使用控制表单学法、讲授法t控制多次提交网页第14-15周JavaScript设计与优化

11、1 .常见错误和异常2 .错误处理3 .使用调试器4JavaScript优化常见错误和异常案例教学法、项目教学法、任务驱动教学法、讲授法通过trycatch逐渐缩小范围查找错误其他设计常用注意事项6错误处理使用调试器JavaScript优化2.Ajax异步交互3.Aja框架2.jQuery的$3.jQuery与CSS34.jQuery开发和调试工具2.直接获取、编辑内容3.处理表单元素的值4.处理页面事件2.元素显隐的渐入渐出效果3.幻灯片效果第16周复习4总结64四、教学方法与手段1 .教学模式的设计与创新为了使学生更容易掌握新知识点，在授课时先将网页特效运行效果演示，引导学生进行思考：如何

12、实现这些效果，需要学习哪些知识；然后再纠正学生的思路，讲解相应知识点，学生根据自己的思路和教师所讲思路知识点的对比，找到更好的方法进行实现特效，避免灌输式教学，以达到快速掌握知识点的目的。1演示过程，讲练结合。这是计算机教学中使用最多的教学方法，可以在入门阶段使用此方法。多数学校机房都配置了电子教室一类的多媒体教学软件，这样教师在讲授新知识时可以锁定学生机，演示操作过程，学生练习时可以开放学生机。但是这种方法用多了，学生会觉得枯燥，也不易培养学生创造力。2项目教学法通过项目设计培养学生的职业素养。在项目设计过程中，加深对知识的理解,提高对编程工具使用的熟练程度，掌握软件项目开发的一般方法、步骤

13、与流程，熟悉程序设计的基本工作规范，养成良好的编程习惯。同时，通过协作完成软件项目开发，培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。项目开发过程中，每4-5人一组，在教师的指导下，制定项目开发计划、时间进度、工作流程等，项目组成员可以具体的分工协作。完成项目测试，项目文档制作等。如教师安排一个仿淘宝网页设计，学生进行分组，合作完成，并且展示作品。2 .教学方法的应用预期学习成果教学方法方法1名称方法2名称方法3名称方法4名称成果1第一个JavaScript网页案例教学法项目教学法任务驱动教学法讲授法成果2输入数字判断程序网页案例教学法任务驱动教学法项目教学法讲授法成果3输

14、出99乘法表程序网页任务驱动教学法讲授法案例教学法项目教学法成果4注册判断函数网页任务驱动教学法讲授法案例教学法项目教学法成果5打开工具的动作案例教学法任务驱动教学法项目教学法讲授法成果6具有文字样式的网页讲授法项目教学法任务驱动教学法案例教学法成果7菜单页面任务驱动教学法讲授法案例教学法项目教学法成果8布局特色的网页案例教学法项目教学法任务驱动教学法讲授法成果9屏蔽鼠标右键网页、伸缩的两级菜单网页讲授法项目教学法任务驱动教学法案例教学法成果10自动提示的文本框网页任务驱动教学法讲授法案例教学法项目教学法成果11用JavaScript控制多次提交网页任务驱动教学法讲授法案例教学法项目教学法成果12测试内容网页讲授法项目教学法任务驱动教学法案例教学法成果13制作可自动校验的表单网页案例教学法任务驱动教学法项目教学法讲授法成果14Jquery的网页讲授法项目教学法任务驱动教学法案例教学法成果15快餐配送页面案例教学法项目教学法任务