本课程基于OBE教育教学理念，采用项目载体、任务驱动的教学方法开展线上线下混合式教学模式。将课程内容分成9个学习情景，8个基本单元，每个单元都设有任务，以完成任务作为教学活动的中心，通过对任务进行分析、讨论，明确完成任务涉及哪些知识。讲授知识点的同时融入思政元素，培养学生良好的思想品德、政治素养、人文素养；培养学生为国家、为社会服务的责任感和使命感。

  课前学生依照任务单按线上要求预习；课中探究学习，学生尝试做、教师引导做，学生迁移做，充分体现学生中心，能力本位的教学理念。课后学生完成教学项目，同步完成课后拓展项目，达到学以致用。

1.场地与设备

理实一体化教室：前端开发工坊

使用的主要设备名称：投影、电脑、电子黑板、话筒

2.师资队伍

（1）课程负责人、主讲教师：本科学历及以上，讲师及以上，具备OBE教育教学的理念，具备前端开发丰富的项目实战经验，能够分工协作实施模块化教学。

（2）企业兼职教师：本科学历及以上，工程师及以上职称，具备丰富的项目开发经验，具备较强的教学能力。

3.教材、资源及教学参考

（1）主体教材   

《HTML5与CSS3程序设计》,主编: 李洪建、游学军,人民邮电出版社,2022.06

（2）数字化教学资源列表

（3）教学参考

w3school-HTML5教程，https://www.w3school.com.cn/html/html5_intro.asp

菜鸟教程-HTML5教程，https://www.runoob.com/html/html5-intro.html

MDN，https://developer.mozilla.org/zh-CN/docs/Glossary/HTML5

CSDN，https://www.csdn.net/

  在实施项目化教学过程中，学生学习的积极性提高，学习兴趣增加，因此加大了自主学习的力度，大部分学生可以通过与他人交流、跟老师互动等方式独立完成任务；有了实际项目支撑，学生学习目标更明确，知道了通过学习后具体能实现什么效果或得到什么成果，具体项目中会根据对某个技术点的实际应用深入分析，用需求来验证项目的完成情况。

《Web前端设计与开发——HTML5+CSS3+JavaScript-微课版》,主编：缪亮、陶颖，清华大学出版社，2018.04

（1）入选江苏省高等继续教育“一平台两系统”在线课程资源；

（2）教师参加高校微课比赛荣获省三等、校二等荣誉；

（3）课程通过项目化课程认证；

（4）获一项知识产权。