《HTML5应用开发》课程标准

《HTML5应用开发》课程标准课程名称：HTML5应用开发课程类别：专业核心课程适用专业：软件技术一、课程定位（一）课程性质本课程是软件技术专业的一门专业核心课，该课程始终贯彻“工学结合、项目导向”课程教学模式，以“实用、够用、必需”为原则，培养学生的实际应用能力，取得了良好的教学效果。

(二)课程任务通过本课程的学习，使学生掌握网页设计的基本技术，建立网站并规划网站；使学生掌握多种类型网站的设计技巧与注意事项，能比较熟练地规划个人网站、企业网站、门户网站、娱乐网站、游戏网站、教学网站等各种不同主题的不同风格效果，促进学生创新意识和综合职业能力的形成。

（三）课程衔接前导课程：《数据结构》、《C语言程序设计》后续课程：《JSP程序设计》、《Android程序设计》、顶岗实习二、课程目标（一）总目标通过本课程学习，使学生能熟练运用 HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性设计出多窗口网页、动态网页；掌握Dreamweaver进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；掌握JAVASCRIPT 脚本编程语言的基本语法知识，HTML中JAVASCRIPT程序的嵌入方法，对象的概念及使用JAVASCRIPT来进行开发、维护、管理和设置WEB应用程序；能独立设计小型WEB站点。

（二）具体目标通过本课程的学习，学生要达到以下目标：1．职业能力目标①能熟练运用Dreamweaver应用软件；熟练掌握使用绝对和相对URL，创建超链接，图像链接，图像映射的建立方法；②学会运用HTML语言中的标记设置颜色、文本格式和列表，熟练掌握颜色值的配置和背景图案的设置方法,熟练掌握字符、链接颜色的设置方法；③掌握在网页中添加CSS、嵌入图像、声音、多媒体信息的方法；④熟练掌握表格的使用方法，学会利用表格设布局网页；掌握框架制作网页的方法，会使用框架设计网页；掌握制作表单的方法，会利用表单建立交互式页面；⑤掌握JavaScript语言的语法；⑥掌握在HTML语言代码中嵌入JavaScript代码的方法，能看懂JavaScript特效网页源代码；⑦能够按网页设计技术要求修改和调试JavaScript代码；⑧学会使用JavaScript语言实现网页特效。

2.知识目标①了解WEB站点的工作原理；②了解WWW、HTTP、HTML、CSS的定义，概念和作用；③掌握HTML语言中的各种文本格式、字符格式、段落设置、列表、表单、框架、多媒体标记的作用；④掌握Dreamweaver应用软件的使用功能；⑤掌握表格、表单的使用；理解对象的定义，及含义；理解事件的概念；理解属性与方法的概念；了解面向对象程序设计思想。

3．职业素质目标①具有勤奋学习的态度，严谨求实、创新的工作作风；②具有良好的心理素质和职业道德素养；③具有高度责任心和良好的团队合作精神；④具有科学思维方式和一定的唯物辩证法思想；⑤具有较强的网页设计创意思维、艺术设计素质。

三、课程内容和要求HTML5应用开发是体现以学生为主体的、基于工作过程导向的的学习领域课程，在学习过程中，学生首先要获得的是关于职业内容和工作环境的感性认识，进而获得与职业相关的专业知识和技能。

即强调以学生直接经验的形式——典型网页的设计与制作，来掌握融合于实践行动中的新知识、新技能，而不是以往仅完成网页各独立元素的设计与制作，真正落实教、学、做一体化课程的实施，切实提高人才培养质量。

对于学习领域课程，按照工作过程对课程内容进行序化，将陈述性知识与过程性知识整合、理论知识学习与实践技能训练整合、专业能力培养与职业素质培养整合、工作过程与学生认知心理过程整合，通过科学的教学设计，将学习领域细化成具体的学习情境。

具体内容设计如下：四、课程的实施建议（一）教材编写1．依据本课程标准编写教材，教材应充分体现以工作任务为中心组织课程内容和课程教学的设计思想。

2．教材应将本专业职业活动，分解成若干典型的学习情境，每个情境由若干学习单元实施完成，按完成工作任务的需要和岗位操作规程来设计。

3．教材内容应体现先进性、通用性、实用性，要将本专业新技术、新工艺、新设备及时地纳入教材，使教材更贴近本专业的发展和实际需要。

4．教材中的活动设计的内容要具体，并具有可操作性。

（二）教学建议1.教学条件（1）学生应具有专业基础学生应具备的基本能力：一定的自我约束能力；一定的独立思考能力；一定的自主学习能力；一定的团队合作能力、与人交流、演讲能力。

学生应具备的专业知识与能力：理解一般HTML代码、CSS代码、JavaScript代码，能对图像、音视频等网页素材进行一般处理。

（2）教师应具有专业能力1）具有独立完成中型商业网站的的水平和能力。

2）具备一定的项目设计能力和项目组织经验。

3）课内实践部分指导教师必须具备现场实际工作经历2年以上。

4）具备设计基于行动导向的教学法的设计应用能力。

5）能采用先进的教学方法，具有比较强的驾驭课堂的能力。

6）具有良好的职业道德和责任心。

2.教学方法从《HTML5应用开发》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。

例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。

以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。

教学采用“四阶段教学法”，将“教、学、练、做”融为一体。

教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”。

第1个阶段，案例引入，提出问题。

根据MOOC视频学习的知识点，案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。

目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第2个阶段，学生自主学习，尝试解决问题。

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。

学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。

第3个阶段，归纳总结，引申提高。

在每次课结束前，引导学生进行归纳总结。

对本次课的实际意义、重点、难点、容易出错处等及时进行总结。

并针对案例的不足之处，进行引申和提高。

注意在这个阶段，强调的是“引导”学生，而不是老师讲解。

第4个阶段，举一反三、学以致用。

案例源于生活，最终要应用于生活。

为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。

同时给出下一次课的学习内容，提示学生在课下完成视频学习和在线测试。

3.教学组织方式在教学实施过程中采取企业式教学分组方法，具体做法如下：一个班级分成若干个项目组，每个项目组由若干个学生组成，每个学生均被“任免”相应的公司职务。

1）学生的角色设计。

每个班级由6-7人组成一个小组，即“项目组”。

确定项目组名称和组织架构，确定好每位同学在“项目组”中担任的职务。

根据岗位，学生各司其职，按老师的要求完成指定的工作任务。

2）教师的角色设计。

教师根据自己的教学设计在不同的时期担任不同角色，引导学生的学习。

项目经理：作为项目经理，对各个项目组提出“任务要求（学习目标的要求）”，并定期检查成果；客户：在课堂上，作为客户，将课程的学习任务作为“业务”，让班级内的各个项目组通过积极的学习来获得相应的任务，由教转为导。

4-1项目教学实施内容表4.教学手段充分利用现代化教学手段，提高教学效果教学中采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高了教学效果，同时提高了教学效率。

包括：（1）利用多媒体教学系统广播教学。

把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果。

（2）利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容，并进行在线答疑和讨论。

教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。

（三）教学评价教学实施后的教学评价方法与思路：考核主体：体现多主体性，包括教师评价、小组评价、自我评价、同学互评；考核内容：包括课堂表现、课下项目任务完成情况、项目成果质量、成果转化情况等；考核方式：包括课堂提问、宣传栏展示、成果交流、模拟答辩、项目成果转化等。

评价因素：基于以下几个方面的考虑，建设性地利用课堂时间完成作业（个人得分）；学生的成果质量（小组得分）；对参考资料的运用（小组得分）；课堂发言的逻辑性、创见性（小组及个人得分）；与组员合作、平等、分享（个人得分）。

4-2 课程教学评价表（2）综合评价70%（四）学习资源的开发与利用1. 课程资源的开发1）产学合作开发实验实训课程资源，充分利用本行业典型的IT企业的资源，进行产学合作，建立实习实训基地，实践“做中学、学中做、边做边学”的育人理念，满足学生的实习实训，同时为学生的就业创造机会。

2）建立本专业实验室及实训基地，使之具备现场教学、实验实训、职业技能证书考证的功能，实现教学与实训合一、教学与培训合一、教学与考证合一，满足学生综合职业能力培养的要求。

3）建立配合情境化教学和技能培养的课程教学资源库，包括案例库、法规库、示范文本库、项目范例库，为学生自主学习提供第一手资料，为技能培养创造条件。

4）开发学做一体的教材、学生工作页、项目教学指导手册等教学资源。

5）不断丰富配合情境学习和技能培养的图书资料，包括各类规范、标准等，保证学生资讯环节的需要。

6）建议加强课程资源的开发，建立多媒体课程资源的数据库，努力实现跨学院多媒体资源的共享，以提高课程资源利用效率。

2.课程资源的利用1）注重项目教学指导手册、学做一体教材、规范标准、课程资源和教学资源的利用，这些资源有利于创设形象生动的工作情境，激发学习兴趣，促进学生对知识的理解和掌握。

2）积极利用网络课程资源，诸如电子书籍、电子期刊、数据库、数字图书馆、教育网站和电子论坛等网上信息资源，使教学从单一媒体向多种媒体转变；教学活动从信息的单向传递向双向交换转变；学生单独学习向合作学习转变。

五、学习资源（1）教材HTML5+CSS3 WEB前端开发技术(第2版)，刘德山等，北京：人民邮电出版社，2018 （2）参考用书【1】HTML5高级应用与开发(微课版21世纪高等学校计算机类课程创新规划教材)，北京：清华大学出版社，2018【2】HTML5+ CSS3+JavaScript 网页设计实战，视频教学版，北京：清华大学出版社，2017【3】HTML5应用开发与实战（前端开发工程师系列），肖睿等，北京：水利水电出版社，2016六、编制依据该课程标准是以依据软件技术专业调研报告和软件技术人才培养方案而编制的。