《五维联动  提升学习成效——CSS样式添加及文本样式》

课例改革符合国家教育方针、政策，遵循职业教育规律，体现“以学生为中心”的教育理念，与当前高职教育课堂教学改革方向一致。

案 例 摘 要

《网页制作技术》课程是面向软件技术等电子信息类专业开设的专业基础课程。HTML5和CSS3是Web前端最新的开发技术与入门技术，是软件专业技术人员必须扎实掌握的基础技术。课例以培养熟练动手能力、扎实理论基础为课程目标，针对“学生思想政治观念不成熟、理论基础掌握传统讲练模式效果不佳、学习存在片面性”等学情进行了课堂改革。

课例整体通过“预、导、学、做、评、测、拓”七个环节进行全过程教学，通过“线上与线下、基础与进阶、教学与思政、理论与实践、学习与游戏”等五维联动，课前导学、课中内化、课后拓展，以学生为中心，运用问题引导法、案例解析法等促进学生理论基础全面扎实掌握，全过程任务驱动提高学生实践技能，逐步提升学生学习成效。

图1 课例整体设计

通过课堂革命，学生乐学、教师乐教，成功营造了轻松课堂，学生满意度高，教学质量优秀课程线上学习参与度高，学习成效稳步提升。促进了课程建设，教学资源建设全面优质，示范教学包引用次数多，参与学生人数多，多校在线共同教学，真正实现了资源共享，课程应用和推广价值高。

改 革 理 念

1.贯彻国家的教育方针，坚持立德树人、德技并修 （符合《 国家职业教育改革实施方案》第一条）

      以“立德树人”为指导，将思政元素与教学活动相融合，根据专业课程特点，开发“做最好的自己”系列案例，根据不同的教学内容渗透相关的思政元素：在讲解样式语法规则时引入规则意识；在课堂任务完成后进行创新设计，培养学生创新能力；在课后拓展时运用古诗词案例，培养学生坚持文化自信，将中华民族的传统文化发扬光大。把思政元素适时适度加入课程教学活动，达到潜移默化的作用。在思政育人的同时，逐步培养学生自主学习、主动学习的学习习惯，变“被动”为“主动”，学习成效加倍。

图2  “五维联动”中的“教学活动与思政元素联动”

课程于2021已立项成为校级课程思政示范课程，并在第十四届校级教学大赛”课程思政“赛项中获二等奖，授课教师获评“课程思政名师”称号。

图3  课程思政示范课程立项

图4 课程思政赛项二等奖

2.适应“互联网+职业教育”发展需求，运用现代信息技术改进教学方式方法（符合《 国家职业教育改革实施方案》第九条）

课程依托超星学银在线平台，建成资源系统完整、内容形式多样的慕课平台。课程改革促进课程建设，课程资源全面优质，2020年6月通过广东省精品在线开放课程验收，成功开设学银在线课程三期，累积点击率近300万人次。课程于2020年3月疫情初期被超星学习通收录为“示范教学包”课程，为疫情期间的线上教学发挥了示范作用，作为只有信息类专业开设的专业基础课，至今全网引用资料达434次，全国引用教师达375位，吸引了全国313所中专、大专、本科院校的11791位学生共享线上学习资源，如内蒙古财经大学、广州番禺职业技术学院、广州铁路职业技术学院、石家庄工程技术学校等。

图5  广东省精品在线开放课程

学银在线课程网址：https://www.xueyinonline.com/detail/227117262 

图6 超星学银课程及示范包引用数据

3.按照专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接的要求（符合《 国家职业教育改革实施方案》第五条）

课程教学内容和资源结构持续迭代更新，课程教学内容遵循万维网联盟标准（简称W3C标准），选用系列标准中的超文本标记语言和层叠样式表。从校级精品课程建设初期的dreamweaver网页设计与制作软件的可视化内容学习，2012年课程内容转化成DIV+CSS的网页制作技术，以HTML4和CSS2.0为技术标准，直至2014年HTML和CSS版升级为HTML5和CSS3后，课程一直追赶技术的前沿标准，至今所有课程以最新的HTML5和CSS技术标准为课程规范。

图7 课程教学技术标准持续迭代更新

打破知识框架，重组教学内容，项目式模块化教学，彰显职业教育特色。课程以web前端工程师岗位技术要求为培养目标，以最新的HTML5和CSS3技术为参考标准，与项目流程实施先后相结合重构了本课程的知识体系与实践体系。课程采用项目化设计，所有课例采用项目任务驱动为主线，以学生为主体实施教学做一体化。

图8 知识框架重组