《Web前端开发》课程标准

课程标准 1 1 1 1 1 2 2 2 3 (二)UI设计 4 4 5(五)后期维护 5 5 6 6 6 7(三)教材编写要求 8 8(五)教师团队建设 8 技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛一、课程性质与任务《Web前端开发》是面向计算机相关专业的一门专业课，涉及网页基础、通过本课程的学习，学生能够了解网页Web发展历史及其二、学科核心素养与课程目标1.社会责任技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛党史百年教育专题网站开发善于与他人合作、共享信息，实现信息的更大价值。2.科学精神学生能运用科学的思维方式认识事物、解决问题；具有问题意识；能独立思考、独立判断；能不畏困难，有坚持不懈的探索精神；能大胆尝试，积极寻求有效的问题解决方法。3.学会学习学生能正确认识和理解学习的价值，具有积极的学习态度和浓厚的学习兴趣；能养成良好的学习习惯，真我适合自身的学习方法；能自主学习，具有终身学习的意识和能力；学生能以有效的方法和手段判断信息的可靠性、真实性、准确性和目的性，对信息可能产生的影响进行预期分析，自觉地充分利用信息解决生活、学习和工作中的实际问题。4.实践创新学生善于发现和提出问题，有解决问题的兴趣和热情；具有学习掌握技术的兴趣和意愿；具有工程思维，能将创意和方案进行改进与优化等。通过理论知识学习、技能训练和综合应用实践，使学生的信息素养和网页设计能力得到全面提升。通过本课程的学习，使学生掌握Web开发技术的基本理论知识，具备一定的应用开发技能，培养学生工程意识、创新能力和素质；使学生拥有团队意识和职业精神，具备独立思考和主动探究能力，为学生职业能力的持续发展奠定基础。三、课程结构根据高等职业教育专科《Web前端开发》课程目标，确定课程结构与学时安内容总共分为四个模块：技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛党史百年教育专题网站开发模块一网站策划，是网页制作的基础，主要包括网页设计概述、文本、图模块二UI设计，用于修饰网页样式，主要包括CSS入门、CSS选择器。模块三代码开发，用于控制网页中各个元素所呈现的效果，主要包括盒子模块四上传测试，是对网站作品进行网页内容、网站链接、浏览器兼容性模块五后期维护，是对网站作品进行网页内容、网站链接、浏览器兼容性7学时8学时15学时7学时12学时19学时盒子模型、浮动与定位、动画、CSS3高级应用10学时16学时26学时网站上传测试2学时2学时4学时模块五后期维护后期维护4学时4学时8学时30学时42学时72学时四、课程内容【内容要求】技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛党史百年教育专题网站开发5.掌握结构元素的使用，可以使页面分区更明确；6.理解分组元素的使用，能够建立简单的标题组；7.掌握页面交互元素的使用，能够实现简单的交互效果；8.理解文本层次语义元素，能够在页面中突出所标记的文本内容；9.掌握全局属性的应用，能够使页面元素实现相应的操作。(二)UI设计1.了解CSS3的发展历史以及主流浏览器的支持情况；2.掌握CSS基础选择器，能够运用CSS选择器定义标记样式；3.熟悉CSS文本样式属性，能够运用相应的属性定义文本样式；4.理解CSS优先级，能够区分复合选择器权重的大小；5.掌握CSS3中新增加的属性选择器，能够运用属性选择器为页面中的元素6.理解关系选择器的用法，能够准确判断元素与元素间的关系；7.掌握常用的结构化伪类选择器，能够为相同名称的元素定义不同样式；8.掌握伪元素选择器的使用，能够在页面中插入所需要的文字或图片内容；9.掌握CSS伪类，会使用CSS伪类实现超链接特效。(三)代码开发1.掌握盒子的相关属性，能够制作常见的盒子模型效果；2.掌握背景属性的设置方法，能够设置背景颜色和图像；3.理解渐变属性的原理，能够设置渐变背景；4.熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号；5.理解元素的浮动，能够为元素设置浮动样式；6.熟悉清除浮动的方法，可以使用不同方法清除浮动；7.掌握元素的定位，能够为元素设置常见的定位模式；技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛党史百年教育专题网站开发58.理解过渡属性，能够控制过渡时间、动画快慢等常见过渡效果；9.掌握CSS3中的变形属性，能够制作2D转换、3D转换效果；10.掌握CSS3中的动画，能够熟练制作网页中常见的动画效果；11.掌握过渡属性、变形属性的运用；12.掌握动画设置的方法。(四)上传测试1.掌握网站规划的基本流程；2.掌握网站的测试方法。(五)后期维护1.掌握网站内容更新的常用方式；2.掌握常见的网站数据备份的方法。五、学业质量内涵对信息技术创新所产生的新观念和新事物，能从社会发展、职业发展的具有团队协作精神，善于与他人合

了解相关法律法规并自觉遵了解伦理道德准则，规范日常信息行为；

具备信息安全意识和相关防护能力。科学精神学生能运用科学的思维方式认识事的问题解决方法。

能运用科学的思维方式认识事物、解决问题；能独立思考、独立判断；能大胆尝试，积极寻求有效的问题解决方法。学会学习学生能正确认识和理解学习的价值，具有积极的学习态度和浓厚的学习兴趣；具有终身学习的意识和能力；学生能对信息可能产生的影响进行生活、学习和工作中的实际问题。

学生能正确认识和理解学习的价值，具有积极的学习态度和浓厚的学习兴趣；能养成良好的学习习惯；

能自主学习，具有终身学习的实践创新学生善于发现和提出问题，有解决问的兴趣和意愿；具有工程思维，能将创意和方案进行改进与优化等。

学生有解决问题的兴趣和热

具有工程思维，能将创意和方能利用常用的信息安全防御技术维护信息系统安全；

能运用加密技术对重要信息进行保密处理，有效维护信息活动中科学精神

能运用科学的思维方式认识事物、解决问题；学会学习

具有积极的学习态度和浓厚的学习兴趣；

能养成良好的学习习惯；实践创新

学生有解决问题的兴趣和热情；六、课程实施(一)教学要求高等职业教育专科《Web前端开发》课程教学紧扣学科核心素养和课程目技术育能精神筑魂技术育能精神筑魂的信息社会环境中能站稳立场、明辨是非、行为自律、知晓责任。教师在教学过程中通过实际事例、教学案例培养学生的对信息价值的判断力，引导学生在思考、辨析、解决问题的过程中逐渐养成良好的信息社会责任意识，鼓励学生在面对信息困境时，能基于相关法律法规和伦理道德准则，做出理性的判断。2.突出技能，提升学生的网页设计技能和综合应用能力该课程重点培养学生创新性设计网页的能力，通过课程学习使学生具备使用HTML、CSS等技术来设计网页布局的能力。在课堂教学中，教师采用理论与实践相结合的教学方式，让学生在做中学、学中做，使学生通过完成具体任务熟练掌握实际操作技能。教师在教学设计时，通过综合教学案例和项目实践，使学生将知识、技能、意识、经验等融会贯通，体会从信息化角度分析问题的方法和解决问题的具体路径，逐渐形成运用信息技术解决问题的综合能力。3.创新发展，培养学生的创新意识在教学过程中，教师根据学生的学习基础，创设适合学生的数字化环境与活动，引导学生开展自主学习、协作学习、探究学习，并进行分享和合作；使学生能够利用数字化资源与工具，完成学习任务。教师要引导学生学会根据自身需要，自主选择学习平台，创设学习环境，形成自主开展数字化学习的能力和习惯。教师要培养学生的创新意识，使学生能将信息技术创新应用于日常生活、学习和工(二)学业水平评价该课程的学业水平评价，从情感态度与社会责任、数字化学习能力、解决问题能力等方面考察学生的信息素养水平。通过评价激发学生的学习兴趣，促进学生信息素养的提升。学业水平评价采用过程性评价与总结性评价相结合的方式，全面、客观地评价学生的学业状况。过程性评价基于学科核心素养，在考查学生相关知识与技能掌握程度和应用能力的基础上，关注学科核心素养的发展，评价要体现出学生在学习过程中各方面能力的提升情况。总结性评价应基于学生适应职业发展需要的信息能力和学习迁移能力的培养要求，创设基于职业情境的项目案例，考查学生网页设计技术的综合运用能力和学科核心素养的发展水平，以及自我创新和团队技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛(三)教材编写要求专科Web前端开发课程的教学效果。教师应通过互联网等途径广泛搜集与课程(五)教师团队建设高等职业教育专科Web前端开发课程教技术育能精神筑魂技术育能精神筑魂河南省教师技能大赛党史百年教育专题网站开发9组建教师创新团队，积极组织开展各类教研活动，促进青年教师成长。要注重Web前端开发课程教师的双师素质培养，建立教师定期到企事业单位实践的制度，与时俱进地提升教师的技术水平和实践经验。以专任教师为主，开展校企合作，组建双师结构教学团队。鼓励和支持教师进行教学改革创新，使课程教学更好地适应学生全面发展和个性化发展的需要，满足经济社会发展需求。(六)对学校实施本课程的要求高