本课程按照Web前端开发工程师所需的岗位技能，结合“1+X”Web前端开发职业技能标准（初级、中级），对必备知识重新萃取凝练，同时考虑学生的认知规律和现状，由浅入深的讲解HTML 5与CSS 3的重要知识和工作经验，选取最典型的PC端页面、多设备响应式页面，以及Web App类页面作为“分析、拆解”对象，在实践过程中拓展讲解Bootstrap框架的基本知识与应用，通过还原工程师的思维过程与制作过程，使读者最终达到Web前端工程师岗位所要求的基本技能。

课程负责人从教16年以来，在教学方法与改革方面具有丰富的经验，在推进教材改革和创新，推进课程建设方面做了许多工作，累计出版多种形式的教材20余本，在Web前端领域独著或主编多本教材，近5年出版的同类型部分教材如下。

 2020年出版      2018年出版       2017年出版      2016年出版

教学团队成员参与编写《网页设计与制作》等同类型教材4部已经面向社会开放，据不完全统计，有覆盖全国21个省份的120余所高校在使用，主要有黄河水利职业技术学院、开封大学、开封教育学院、天津商务职业学院、安徽财贸职业学院、哈尔滨科学技术职业学院、西安思源学院、深圳信息职业技术学院、江西水利职业学院、保定职业技术学院、四川水利职业技术学院、河南职业技术学院等多所院校。课程建设对应的教材被人民邮电出版社评为“2020年度畅销教材”，从侧面反映出课程建设辐射面广，社会评价好。

图  课程负责人所编写教材被评为“畅销教材”（同类第一名）

特色亮点：

1.以首批“1+X”证书制度试点专业为依托，实现“课证融合”

自2019年6月黄河水利职业技术学院成功入选Web前端开发项目的首批“1+X”证书制度试点院校以来，该课程对应“1+X”证书有得天独厚的优势。

按照高职高专的基本教育理念，把握教学改革趋势，将课程内容与Web前端岗位认证标准对接。一方面了解Web前端行业发展变化，深刻领会职业要求，另一方面修改完善课程标准，确保课程标准覆盖课程基本知识点和技能点，在整个教学活动过程中实现授课内容与职业资格证书深入融合。

2.融入课程思政元素，提升思政育人成效

本课程在多年的建设过程中，积极响应国家政策，充分发挥课堂教学主渠道作用，挖掘思想政治教育元素，润物细无声地提升课程思政育人实效。课程从职业道德、责任与担当、马克思主义实践思维、工匠精神、新时代中国特色社会主义思想等八个方面将专业课知识与思政元素高度融合，从教学目标、教学内容、教学设计等方面，探索课程思政建设新思路和新方法。2021年，课程负责人拟在人民邮电出版社出版的课程思政教学导引活页式电子教材。

图  课程建设配套课程思政活页电子教材

3.“理实结合”，重在“授人以渔”

本课程实践教学与理论教学相结合，注重知识传授、素质培养与创新能力提升于一体。整个课程以完整的网站开发项目为载体进行知识点分解，任务驱动式教学，以开发出一个完整的网站过程为脉络展开教学过程，注重知识传授的同时在学习的同时还通过智能课堂布置提升作业，注重培养学生素养与创新能力。

4.课程资源丰富多样，实现资源冗余

本课程前期已经经过精品资源共享课程的建设，积累了丰富的教学资源，其中包括课程标准、教学方案、教学课件、部分授课录像、课程考核方案、学习指导、习题、参考文献等教学基本资源。随着技术的发展和内容的更新，能够保证学生可以充分学习了解企业最新的改革趋势和业务变化情况。

在充分考虑到Web前端开发从业人员的职业发展路径的前提下，将HTML 5、CSS 3和Bootstrap的知识进行无缝衔接，使学习者最终能达到Web前端工程师岗位所要求的基本技能。

    为积极响应国家低碳环保政策， 2021年秋季学期开始，中国大学MOOC平台将取消纸质版的认证证书，仅提供电子版的认证证书服务，证书申请方式和流程不变。

     电子版认证证书支持查询验证，可通过扫描证书上的二维码进行有效性查询，或者访问 https://www.icourse163.org/verify，通过证书编号进行查询。学生可在“个人中心-证书-查看证书”页面自行下载、打印电子版认证证书。

     完成课程教学内容学习和考核，成绩达到课程考核标准的学生（每门课程的考核标准不同，详见课程内的评分标准），具备申请认证证书资格，可在证书申请开放期间（以申请页面显示的时间为准），完成在线付费申请。

 认证证书申请注意事项：

1. 根据国家相关法律法规要求，认证证书申请时要求进行实名认证，请保证所提交的实名认证信息真实完整有效。

2. 完成实名认证并支付后，系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。

0基础学习。

配套教材：HTML5+CSS3 Web前端设计基础教程（第2版）（微课版）

书    号：978-7-115-54514-5

官方链接：https://www.ryjiaoyu.com/book/details/41185

w3school在线教程：https://www.w3school.com.cn；

菜鸟教程：https://www.runoob.com/；