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

资源描述

课程整体设计课程名称：Javascript程序设计适用专业：软件技术所属院系：编制人：制定时间：2021年08月20日二。二一年八月成果15快餐配送页面案例教学法工程教学法任务驱动教学法讲授法成果16制作伸缩的导航条网页任务驱动教学法讲授法案例教学法工程教学法五、课程考核评价1 .课程考核方式改革 (一)教学方法和教学手段结合软件与信息服务专业学生特点，基于行动导向，根据每个任务的内容特点，以真实工程进行引导开展教学。整个课程以任务实训为主线，以技能培养为核心来组织教学。学生在完成工程分解的任务中学习相关知识，并利用这些知识解决工程中的问题。 (1)工程教学法课程将WEB前端开发中的某个应用作为一个工程，并分解为多个小的任务。每个任务的学习过程以工作过程为导向，最终形成学生的职业行动能力。 (2)小组教学法以6人为一个单位，成立教学小组。单人完成的工程，组内可以互相学习，催促和评价。大型复杂的工程，小组成员共同完成。 (3)视频展示法教师对讲授内容充分提炼，将复杂的操作录制下来，方便学生反复观看和模仿，形象生动的动态展示和讲解。使抽象、难懂的教学内容变得直观、易懂和容易掌握；提高了教学效率；便于学生自主学习。 (二)教学手段(1)充分利用多媒体实训室和多媒体课件本课程的课堂讲授全部在实训室进行，便于使用投影设备，采用多媒体教学手段。开发和使用的多媒体课件制作精美并含有动态演示，其有效地增强了学生的学习兴趣。 (2)鼓励自主学习制作网络课件，并将教学大纲、教案、习题等同时上网开放，激发学生学习兴趣，鼓励学生自主学习，同时可以缓解课程信息量增加与压缩授课学时之间的矛盾。 (3)严格考评制度10 设计了内容丰富、形式多样的习题作业，以利于学生理解和掌握所学知识。严格检查平时作业完成情况，及时反应作业中反映的问题。采用定期模拟考试的方法及时检验学生阶段性学习成果。建立科学合理的考核评价制度，以促进学生的学习积极性和自我学习的动力。（4）充分利用网络环境和资源充分利用互联网资源、本课程网站资源，在网上开展教学活动，包括网络课程学习、自主学习、课后复习、课件下载、作业提交、专题讨论、网上答疑等, 使学生可以不受时间、地点的限制，方便地进行学习。 2 .课程评价标准本课程实施综合考评，注重考核学生掌握技能的水平，同时注重学习态度和最终成绩的关联，以全面综合地评定学生的能力。（1）平时技能考核：布置课堂作业以及拓展实训工程，使学生能独立完成大局部的技能训练，小工程及活动的技能，均以个人为考核单位，在平时考核和记录。成绩包括学习态度及工程技能完成情况。（2）期末考试采取开卷方式，试卷根据本课程的教学要求，并结合教学实际进行设计。（3）按平时成绩占40%、期末成绩占60%的标准给出总评成绩。具体如下列图所示。考勤课堂作业课后作业实训报告期末考试其他 10% 10% 5% 5% 60% 10% 六、参考文献与资料（一）选用教材：（二）教学参考书: （三）其它资源11 一、课程基本情况课程名称: 课程名称: javascript程序设计课程编码: 学时：64 课程类型：口 0 □ 课程性质：口 □ 0 □ 前导课程：适用专业：软件技术“纯理论课”（A类） “实践+理论课”（B类）“纯实践课”（C类）公共基础课程专业基础课程专业核心课程专业拓展课程后续课程: 二、课程设置.课程性质（-）课程定位《Javascript程序设计》是软件技术专业的专业核心课，符合WEB前端工程师和Javascript开发工程师岗位中对于使用javascript设计网站特效能力的需要。本课程培养学生具备JavaScript等脚本设计网站特效能力该课程深入浅出，结合实际案例系统地讲解了使用css、JavaScript和 jQuery设计动态网页的知识和技巧，它定位于WEB技术开发，是WEB前端技术开发的必备课程，在学习了 html+css网页设计基础、编程基础、网页美工的基础下，为HTML5移动web开发技术、php框架开发技术、java web开发技术等课程的学习打下基础，在整个课程体系中具有承前启后的重要作用。（二）课程作用《Javascript程序设计》课程任务是培养网页设计、网页美工以及WEB综合开发的初、中级专业人才，通过本课程的学习，学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript控制WEB页面各级元素，拥有设计网站特效的能力，实现WEB前端的验证、动态展示等任务。（三）课程目标课程的整体目标是培养学生能够使用javascript开发网站特效的实际工作技能，通过本课程的学习，使学生形成一定的学习能力、沟通与团队的协作能力，形成良好的思考问题、分析问题和解决问题的能力，养成良好的职业素养。遵守国家关于软件与信息技术的相关法律法规，形成关键性的软件开发与应用的能力。最终成为具备较全面的网站开发与信息服务的技术人才。根据高职教育的特点，按照学院“小学校、大课堂”的办学思路和“校企融合、同兴共赢”的办学模式，积极探索“校企合作、工学结合”的人才培养模式，积极探索以实践能力考核为主的课程评价方法，切实提高学生的职业能力和就业竞争力。 1 .课程设计思路通过本课程的学习，使学生对HTML脚本、CSS代码和JavaScript特效代码等网页基本组成元素有全面和充分的认识，能熟练地使用以上代码开发出漂亮的静态网页，制作出炫酷的网页效果，并为后继的动态网站课程的学习打好基础。为了学生能掌握JavaScript语言的基本编程思想，并能熟练利用JavaScript 控制WEB页面各级元素，实现WEB前端的验证、动态展示等任务本课程通过设计包括JavaScript的基础语法，常用开发工具和调试工具，简单的CSS知识，DOM 模型及事件机制和常见事件处理等内容。针对学生的学情、层次和高职学生的特点，在本课程的日常教学中努力做到理论教学以应用为目的，以必需、够用为度，专业教学加强针对性和应用性。以职业能力培养为主线，使教学内容按照能力培养目标进行重组、整合与优化，教学方法表达能力培养，广泛采用“案例”、“参与式”、“讨论式”、“启发式” 等生动活泼的教学形式，有效利用现代教育技术组织教学，并加强课程的组织管理、运行管理和质量管理以及课程的过程评价与目标评价。具体措施表达在以下几个方面： • 基于典型工作过程分析，构建课程体系； • 职业能力培养为核心，设计教学内容； • 以提高学生职业能力和职业素养为目标，重视实践教学； • 融合职业资格标准，推行双证书制； • 校企合作，共建新型实践教学基地； • 校企合作，形成实践技能课主要由企业兼职教师讲授的机制。 2 .课程目标 3. 1知识目标 • 熟练掌握静态网页设计所需要的HTML、CSS和JavaScript等知识 • 掌握 JavaScript、CSS、DOM、Ajax 等技术 • 能够熟练地利用Javascript和Jquery等技术进行网站特效的设计。 3. 2能力目标 • 能使用HTML、CSS和JavaScript设计静态网站； •能使用JavaScript等脚本文件设计网站特效。 3 . 3素质目标 • 学生具备对程序设计的兴趣，充分发挥学生的自主学习能力； • 学生具备与人交流、与人合作及信息处理的能力； • 学生具备分析问题、解决问题及创造思维能力； 4 ,预期学习成果在完成课程后，学生将会: 编号具体内容 1 掌握Javascript基础内容 2 制作js幻灯片网站首页 3 制作浮动的图片广告 4 设计Javascript仿Flash图片轮翻 5 使用css完成神奇创意的相框 6 制作班级相册网站 7 仿淘宝网站首页设计 8 仿淘宝网站登陆页面设计三、课程内容与安排5 周次学习情境/工程 /单元（选其一）子情境/子工程/ 子单元（选其一）学习内容（支撑知识）教学方法及手段成果形式参考学时第1周 JavaScript 概述 UavaScript 的起源 2.浏览器之争 3Javascript 的实现 4. Javascript 小体验 JavaScript 的起源及实现案例教学法、项目教学法、任务驱动教学法、讲授法 JavaScrip t环境搭建 2 JavaScript 案例演示搭建 JavaScript 开发环境第1-4 周 JavaScript 基础 UavaScript 语法 2.变量、数据类型、关键字、保存字、条件语句、循环语句、函数、对象、bom基础 JavaScript 类型案例教学法、项目教学法、任务驱动教学法、讲授法输入数字判断程序网页 12 JavaScript 变量与关键字条件语句打印三角形循环语句函数注册判断函数网页对象 BOM基础第4-5 周 JavaScript 开发 UavaScript 应用环境 2 .常用开发工具 3 .常用调试工具常用开发工具介绍案例教学法、项目教学法、任务驱动教学法、讲授法简易计算器 4 常用调试工具介绍第5-7 CSS基础 1.CSS的概念 2.网页设计中的 CSS CSS的使用样式案例教学法、项目教学文字环绕图片效果 8 6 周 3.使用css控制页面 4.css选择器 S.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 .使用非标准 DOMinnerHTML 属性 DOM技术简介案例教学法、项目教学法、任务驱动教学法、讲授法动态修改页面图片 8 网页中的DOM 模型框架元素节点、文本节点、属性节点检查浏览器支持的 DOM标准级别 DOM 与 CSS 第 11-12 周 JavaScript 高级篇 1.事件机制简介 2.常用事件函数事件机制简介案例教学法、项目教学法、任务驱动教学法、讲授法屏蔽鼠标右键网页伸缩的两级菜单网页 4 常用事件函数第 12-14 周表格与表单 l.cs控制表格样式 2.D0M动态控制表格 3.控制表单以及使用CSS控制表格样式案例教学法、项目教学法、任务驱动教自动提示的文本框 8 使用DOM动态控制表格用 JavaScrip 表单元素的使用控制表单学法、讲授法 t控制多次提交网页第 14-15 周 JavaScript 设计与优化 1 .常见错误和异常 2 .错误处理 3 .使用调试器 4JavaScript 优化常见错误和异常案例教学法、项目教学法、任务驱动教学法、讲授法通过 try••• catch 逐渐缩小范围查找错误其他设计常用注意事项 6 错误处理使用调试器 JavaScript 优化 2.Ajax异步交互 3.Aja框架 2.jQuery 的$ 3.jQuery 与 CSS3 4JQuery 开发和调试工具 2,直接获取、编辑内容 3.处理表单元素的值 4.处理页面事件 2.元素显隐的渐入渐出效果 3 .幻灯片效果第16周复习 4 总结 64 四、教学方法与手段 L教学模式的设计与创新为了使学生更容易掌握新知识点，在授课时先将网页特效运行效果演示，引导学生进行思考：如何实现这些效果，需要学习哪些知识；然后再纠正学生的思路，讲解相应知识点，学生根据自己的思路和教师所讲思路知识点的比照，找到更好的方法进行实现特效，防止灌输式教学，以到达快速掌握知识点的目的。 1演示过程，讲练结合。这是计算机教学中使用最多的教学方法，可以在入门阶段使用此方法。多数学校机房都配置了电子教室一类的多媒体教学软件，这样教师在讲授新知识时可以锁定学生机，演示操作过程，学生练习时可以开放学生机。但是这种方法用多了，学生会觉得枯燥，也不易培养学生创造力。 2工程教学法通过工程设计培养学生的职业素养。在工程设计过程中，加深对知识的理解, 提高对编程工具使用的熟练程度，掌握软件工程开发的一般方法、步骤与流程, 熟悉程序设计的基本工作规范，养成良好的编程习惯。同时，通过协作完成软件工程开发，培养学生的沟通交流能力、组织协调能力、团队合作能力和自主学习能力。工程开发过程中，每4-5人一组，在教师的指导下，制定工程开发计划、时间进度、工作流程等，工程组成员可以具体的分工协作。完成工程测试，工程文档制作等。如教师安排一个仿淘宝网页设计，学生进行分组，合作完成，并且展示作品。 2 .教学方法的应用8 预期学习成果教学方法方法1名称方法2名称方法3名称方法4名称成果1第一个 JavaScript 网页案例教学法工程教学法任务驱动教学法讲授法成果2输入数字判断程序网页案例教学法任务驱动教学法工程教学法讲授法 9 成果3输出99 乘法表程序网页任务驱动教学法讲授法案例教学法工程教学法成果4注册判断函数网页任务驱动教学法讲授法案例教学法工程教学法成果5翻开工具的动作案例教学法任务驱动教学法工程教学法讲授法成果6具有文字样式的网页讲授法工程教学法任务驱动教学法案例教学法成果7菜单页面任务驱动教学法讲授法案例教学法工程教学法成果8布局特色的网页案例教学法工程教学法任务驱动教学法讲授法成果9屏蔽鼠标右键网页、伸缩的两级菜单网页讲授法工程教学法任务驱动教学法案例教学法成果10自动提示的文本框网页任务驱动教学法讲授法案例教学法工程教学法成果11用 JavaScript 控制屡次提交网页任务驱动教学法讲授法案例教学法工程教学法成果12测试内容网页讲授法工程教学法任务驱动教学法案例教学法成果13制作可自动校验的表单网页案例教学法任务驱动教学法工程教学法讲授法成果 14 Jquery 的网页讲授法工程教学法任务驱动教学法案例教学法

展开阅读全文