《Web前端开发基础》课程是计算机应用技术专业的职业能力通用课程；是首批1+X证书制度试点《Web前端开发》职业技能等级证书的核心课程；是校企合作开发的基于工作过程的课程。 一、主要内容 本课程围绕Web前端开发、移动端开发技术技能人才需求，培养学生使用HTML、CSS等技术实现静态网页开发的设计、调试、维护等能力。 参赛作品属于本课程第九章“CSS3进阶”模块中，第三小节“网页元素处理”，主要教学内容包括CSS精灵图核心原理、属性应用及网页效果展示。 二、选题价值 针对CSS精灵图在实际授课中难以实现直观效果展示，且操作流程较为繁琐复杂，学生难以短时间内熟悉操作步骤，因此选取本知识点进行微课制作。 三、应用情况 本作品在超星学习通平台在线视频网址如下：（直通本微课） https://mooc1-1.chaoxing.com/mycourse/teacherstudy?chapterId=321021532&courseId=204386263&clazzid=60208090 同时配有《1+X Web前端开发基础》学习通平台链接如下： https://mooc1-1.chaoxing.com/mycourse/teachercourse?moocId=205403882&clazzid=64348354&edit=true&v=0&cpi=185293568&pageHeader=0 通过超星学习通平台整合学习资源，满足学生课前自测及评价、课中查阅资料、探究学习、课后讨论、作业上交、1+X习题及答案、拓展资料，为学生自学自测提供平台，为教师授课提供依据；通过云课堂平台、微课视频、在线开放课程等多媒体手段辅助课堂实践教学；项目开发实训平台在实践教学环节模拟企业开发环境，对学生的项目开发全流程进行信息化管理。 在实际教学过程中，学生通过反复观看微课视频，对知识点的掌握更扎实，并为学生考取“1+X” Web前端开发职业技能等级证书奠定了基础。