HTML5应用开发课程标准

《HTML5应用开发课程标准》由会员分享，可在线阅读，更多相关《HTML5应用开发课程标准（13页珍藏版）》请在装配图网上搜索。

1、-HTML5应用开发-软件开发方向课程标准课程类别专业核心课程课程代码总学时108学分开设学期第三学期适用专业软件技术专业授课方式教学做一体化教学合作开发企业浪潮集团执笔人夏道春、美芹、邓所春审核人制定时间一、课程概述一课程性质本课程是软件技术专业的一门专业核心课，该课程始终贯彻工学结合、工程导向课程教学模式，以实用、够用、必需为原则，培养学生的实际应用能力，取得了良好的教学效果。通过本课程的学习，使学生掌握网页设计的根本技术，建立并规划；使学生掌握多种类型的设计技巧与考前须知，能比拟熟练地规划个人、企业、门户、娱乐、游戏、教学等各种不同主题的不同风格效果，促进学生创新意识和综合职业能力的形成

2、。二课程根本理念HTML5应用开发是表达以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。即强调以学生直接经历的形式典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作，真正落实教、学、做一体化课程的实施，切实提高人才培养质量。 对于学习领域课程，按照工作过程对课程容进展序化，将述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习

3、情境。 因此，MOOC在线学习主要通过视频讲解来获取专业根底知识，并通过在线测试、答疑讨论完成知识点的掌握，翻转课堂中主要通过技能实战训练到达稳固在线学习中所学的知识点，进一步提升专业实践水平，通过面对面解决核心问题。三课程设计思路HTML5应用开发学习领域课程通过前一阶段前导课程的学习，学习者已对网页设计与制作的根本局部，如网页色彩搭配、网页布局、Photoshop网页图像设计工具等有了初步认识。网页设计与制作这一典型工作任务仅靠已有的网页界面知识和技能已无法完成，这里要将网页设计与制作作为重点来学习。学习者必须首先分析网页设计任务，确定网页设计与制作过程中的主要问题，才能进一步作好网页设计

4、、制作的工作实施方案。同时，学习者应对电脑、网页设计工具软件、脚本语言等有较深入的知识，对电脑、网页设计工具软件等有较熟练的操作技能。教学过程要实现课堂案例教学放到MOOC线上学习，翻转课堂中重点进展相关类似工程案例制作与答疑，从教学过程和形式上表达线上和向下的严密结合。课程以工程为主线，通过问题、工程导入实践学生思考、分析、答复、教师评议、总结理论扩展应用实践的方式进展，使授课容与工作实际严密结合。四先修后续课程本门课程的先修课程是数据构造、C语言程序设计、操作系统，后续课程是JSP程序设计、Android程序设计、顶岗实习等。二、课程目标一总目标通过本课程学习，使学生能熟练运用 HTML中

5、的文字、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进展的导入、规划、管理、发布的相关技术及网页制作的操作技能；掌握JAVASCRIPT脚本编程语言的根本语法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCRIPT来进展开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。二具体目标通过本课程的学习，学生要到达以下目标：1职业能力目标能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创立超，图像，图像映射的建立方法；学会运用HTML语言中的标记设置颜色、文本格式和列表，熟

6、练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、颜色的设置方法；掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；掌握JavaScript语言的语法；掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；能够按网页设计技术要求修改和调试JavaScript代码； 学会使用JavaScript语言实现网页特效。2.知识目标了解WEB站点的工作原理；了解、HTTP、HTML、CSS的定义，概念和作用；

7、掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；掌握Dreamweaver应用软件的使用功能；掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想。3职业素质目标具有勤奋学习的态度，严谨、创新的工作作风；具有良好的心理素质和职业道德素养；具有高度责任心和良好的团队合作精神；具有科学思维方式和一定的唯物辩证法思想；具有较强的网页设计创意思维、艺术设计素质。三、容标准与要求序号教学工程教学容与教学要求教学活动设计建议参考课时1HTML5离线应用熟悉HTML5的新特性、HTML5网页构造；熟悉JavaS

8、cript的根本语法；了解HTML5离线应用、缓存的工作机制等根本概念；熟悉manifest文件的构造和作用，能够搭建离线应用程序；使用JavaScript技术实现离线缓存更新、存储事件监听等功能；以多媒体课件讲解根本概念的根底上，以案例演示的方式来加强学生对知识难点的理解；采用讲练结合的方式让学生掌握HTML5离线应用的开发技术。102HTML5 Web Workers多线程处理 理解Web Workers多线程工作机制；熟悉Web Workers成员概念；创立Web Workers，使用多任务并发处理等技术实现与Web Workers通信；该局部理论性较强，容比拟抽象，教师需要采用多媒体课

9、件进展根本概念的讲解，以案例教学法进展根本概念和理论的详细演示，学生上机实现Web Workers多线程应用并展示。63HTML5 Geolocation地理位置理解HTML5 Geolocation地理位置根本概念；掌握常用的Geolocation API的功能和调用方法，能够使用相关API获取、处理相关位置信息；该局部容实践性很强，在采用多媒体课件讲解根本概念的根底上，采用学教做一体化的教学方式，以教师为主导，带着学生边学边做，完成地理位置典型案例设计。84CSS3概述掌握CSS3的编码规；了解CSS3的新增特性；应用CSS3设计网页界面；本局部容实践性很强，在采用多媒体课件讲解根本概念的

10、根底上，采用案例教学法，教师为辅，学生自主完成CSS3案例设计。 105CSS3选择器了解选择器的根本概念；掌握CSS3属性选择器、构造伪类选择器、UI伪类选择器的定义和使用方法；本局部容实践性很强，在多媒体课件讲解的根底上，以案例教学法进展知识点的详细讲解并带着学生进展上机操作。学生自主完成采用CSS3技术的网页界面设计106文本、字体与颜色掌握设计文本阴影；掌握定义文本样式；掌握设计颜色样式；本局部容实践性很强，在多媒体课件讲解的根底上，以案例教学法进展知识点的详细讲解并带着学生进展上机操作。学生自主完成网页文本的样式和颜色设计87背景与边框掌握多色边框设计概念并能实现多色边框；掌握设计圆

11、角、设计阴影、设计背景的根本技术。本局部容实践性很强，在多媒体课件讲解的根底上，采用讲练结合的方式，进展知识点的详细讲解并带着学生上机实现。882D变形了解简单的动画变形概念；掌握Transform、2D变形技术实现自定义变形和较复杂的变形；本局部容实践性很强，教师须在多媒体课件讲解的根底上，以案例教学法带着同学进展上机操作，同学按照任务进展上机练习并进展总结。69设计动画掌握平滑过渡设计实现；掌握设计各种渐变效果；本局部容实践性很强，教师以案例教学法进展详细讲解，并带着同学进展上机操作，同学按照任务进展上机练习并进展总结。6合计72四、实施建议一教学建议从HTML5应用开发的实际问题出发，精

12、心准备各种典型案例，构建课程的宏观教学设计。例如，公司、网上鲜花直销、个人精选、书籍专卖等。以假设干个案例为载体，形成循序渐进、种类多样的工程群，构建完整的教学设计布局。1教学采用四阶段教学法，将教、学、练、做融为一体。教学表达教师为主导，学生为主体，训练为主线的原则，课堂上可以采用四阶段教学法。第1个阶段，案例引入，提出问题。根据MOOC视频学习的知识点，案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。第2个阶段，学生自主学习，尝试解决问题。充分利用我校以及互联网网络教学资源，引导学生自主学习，找到

13、解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。第3个阶段，归纳总结，引申提高。在每次课完毕前，引导学生进展归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进展总结。并针对案例的缺乏之处，进展引申和提高。注意在这个阶段，强调的是引导学生，而不是教师讲解。第4个阶段，举一反三、学以致用。案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学完毕时及时布置相关的课后练习，使学生在课后进一步复习稳固，并且将课后作业纳入形成性考核的容之一。同时给出下一次课的学习

14、容，提示学生在课下完成视频学习和在线测试。2充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教学效率。包括：1利用多媒体教学系统播送教学。把学生的共同问题需要提示的重点通过播送教学，边讲边演示，使学生即时看到操作效果。2利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的容，并进展在线答疑和讨论。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。二工程实施建议在教学实施过程中采取企业式教学分组方法，具体做法如下：一个班级分成假设干个工程组，每

15、个工程组由假设干个学生组成，每个学生均被任免相应的公司职务。1学生的角色设计。每个班级由6-7人组成一个小组，即工程组。确定工程组名称和组织架构，确定好每位同学在工程组中担任的职务。根据岗位，学生各司其职，按教师的要求完成指定的工作任务。2教师的角色设计。教师根据自己的教学设计在不同的时期担任不同角色，引导学生的学习。工程经理：作为工程经理，对各个工程组提出任务要求学习目标的要求，并定期检查成果；客户：在课堂上，作为客户，将课程的学习任务作为业务，让班级的各个工程组通过积极的学习来获得相应的任务，由教转为导。表二 工程教学实施容表工程1企业宣传类设计与实现教室理实一体化教室具体描述制作个人简介

16、、学校宣传类、公司介绍类步骤1.需求分析和模块划分2.首页面设计3.页面调试与兼容处理工具与设备1Windows桌面操作系统2WebStorm3Photoshop教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质1具有自主学习、分析问题和解决问题的能力2具备良好的团队协作能力3具备良好的职业规和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%；素质考评10%；工单考评20%；实操考评40%包括成果转化工程2视频音频类设计教室理实一体化教室具体描述通过HTML5音频视频制作多种视频宣传步骤1.视频界面设计2.页面布局规划3.测试与运行工具与设备1Windows桌

17、面操作系统2WebStorm3Photoshop、flash教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质1具有自主学习、分析问题和解决问题的能力2具备良好的团队协作能力3具备良好的职业规和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%；素质考评10%；工单考评20%；实操考评40%包括成果转化工程3学生成绩管理系统教室理实一体化教室具体描述运用HTML5本地数据库完成学生成绩管理系统步骤1.需求分析2.数据库设计3.单元调试工具与设备1Windows桌面操作系统2WebStorm3Photoshop、flash教学方法任务驱动、小组讨论、头脑风暴、案例

18、讲解、角色扮演态度、素质1具有自主学习、分析问题和解决问题的能力2具备良好的团队协作能力3具备良好的职业规和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%；素质考评10%；工单考评20%；实操考评40%包括成果转化工程4坦克大战游戏教室理实一体化教室具体描述综合应用HTML5绘图功能完成小游戏制作步骤1.游戏总体架构搭建2.游戏模型构建3.编码实现与单元测试工具与设备1Windows桌面操作系统2WebStorm3Photoshop、flash教学方法任务驱动、小组讨论、头脑风暴、案例讲解、角色扮演态度、素质1具有自主学习、分析问题和解决问题的能力2具备良好的团队协作能力3

19、具备良好的职业规和职业素质考核标准完成任务过程中表现出来的能力和任务方案的质量30%；素质考评10%；工单考评20%；实操考评40%包括成果转化三考核评价建议教学实施后的教学评价方法与思路：考核主体：表达多主体性，包括教师评价、小组评价、自我评价、同学互评；考核容：包括课堂表现、课下工程任务完成情况、工程成果质量、成果转化情况等；考核方式：包括课堂提问、宣传栏展示、成果交流、模拟辩论、工程成果转化等。评价因素：基于以下几个方面的考虑，建立性地利用课堂时间完成作业个人得分；学生的成果质量小组得分；对参考资料的运用小组得分；课堂发言的逻辑性、创见性小组及个人得分；与组员合作、平等、分享个人得分。表

20、三 课程教学评价表工程好50%一般30%差20%按时完成任务 自主学习能力 工程实施能力 独立工作能力 报告书面表达 工程具体指标好40%一般30%差20%成果容较好地表现了工程实施的要求。工程功能工程功能的运行与维护工程设计工程的整体规划设计有新意，启发性强。2综合评价70%考评工程自我评估小组互评教师评估备注素质考评10工作纪律3工作作风3协作精神4工单考评20实操考评40工具使用5任务方案10实施过程20完成情况5其他合计70综合评价70四教材编写建议1依据本课程标准编写教材，教材应充分表达以工作任务为中心组织课程容和课程教学的设计思想。 2教材应将本专业职业活动，分解成假设干典型的学习

21、情境，每个情境由假设干学习单元实施完成，按完成工作任务的需要和岗位操作规程来设计。3教材容应表达先进性、通用性、实用性，要将本专业新技术、新工艺、新设备及时地纳入教材，使教材更贴近本专业的开展和实际需要。 4教材中的活动设计的容要具体，并具有可操作性。五实验实训设备配置建议全部机房上课，每人一台电脑。软件环境：Windows 2007及以上、SQL Server 2005等软件。整个教学活动时在网络环境下进展的。教学资源放到网上，学生可随时下载，学生在网上可以和教师在线交流，在线答疑、疑难问题留言等。六课程资源开发与利用建议1建立本课程学习，增加课程资源库建立，力争在在线拓展资源方面做到完整、

22、全面。2产学合作开发实验实训课程资源，充分利用本行业典型的生产企业的资源，进展产学合作，建立实习实训基地，实践做中学、学中做、边做边学的育人理念，满足学生的实习实训，同时为学生的就业创造时机。 3建立本专业开放实验室及实训基地，使之具备现场教学、实验实训、职业技能证书考证的功能，实现教学与实训合一、教学与培训合一、教学与考证合一，满足学生综合职业能力培养的要求。七教学团队要求与建议1具有独立完成中型商业的的水平和能力。2具备一定的工程设计能力和工程组织经历。3课实践局部指导教师必须具备现场实际工作经历2年以上。4具备设计基于行动导向的教学法的设计应用能力。5能采用先进的教学方法，具有比拟强的驾驭课堂的能力。6具有良好的职业道德和责任心。五、其它说明1本课程标准适用于软件技术专业的学生。其它专业的HTML5应用开发教学可根据专业性质适当增减容。2本课程标准教学容和要求与教材选用无直接关系。. z.