一、基本信息
课程名称：《网页设计与制作》
授课教师：李兴梅、赵冶、来晓燕、王淑慧
授课方式：线上线下混合式教学
课程性质：专业基础课
二、《网页设计与制作》课程思政教学实践情况
习近平同志指出：“用好红色资源，传承好红色基因，把红色江山世世代代传下去”。利用数字化手段对红色文化资源收集、挖掘、修复和再现，是对红色文化科学保护直接而有效的方式，也是让红色文化“有声有色有形”的有效路径。
本教学案例有机融入思政元素，对接工作岗位要求、对接专业技能竞赛、1+X项目考证内容设计教学，达到预期教学效果。教学团队依据教育部计算机平面设计专业教学标准及学校人才培养方案要求，选取典型工作任务，重构教学内容，将课程内容整合为筑基—奋进青春力量页面制作、赋能—凝聚强国梦想页面制作、提质—传承红色基因页面制作三个模块。案例选自模块三，教学对象为计算机平面设计专业的学生。课程内容以学校红色基因传承馆为依托，围绕中国共产党人精神谱系中的46种精神以专业视角助力实景展馆数字化，将“思政元素”贯穿始终，利用丰富多样的线上线下课程思政载体，实现思政与专业课程的高度融合，推动学校“互联网+红色基因传承”工程的有效实施。
三、教学整体设计
（一）依据工作过程，对接行业标准，重构教学内容
《网页设计与制作DreamweaverCC》是计算机平面设计专业基础课程，开设于第3学期。依据教育部计算机平面设计专业教学标准及学校人才培养方案要求，选取典型工作任务，重构教学内容，将课程内容整合为筑基—奋进青春力量页面制作、赋能—凝聚强国梦想页面制作、提质—传承红色基因页面制作三个模块，18个任务，共54学时。
课程对接网页设计与制作岗位需求，选用“十三五”职业教育国家规划教材《网页设计与制作DreamweaverCC》，修订课程标准，开发活页教材；参照金砖国家技能大赛“WEB技术”技术规范，实现赛教融合，对接WEB前端开发初级工（“1+X”证书）标准，实现课证融通。
本次教学内容为模块三，提质—传承红色基因页面制作，包含规划设计、整体布局、页面美化、网页特效、优化运行五个步骤，共计16课时。如图1所示。
课程结构框架图
（二）针对生源特点，依托平台数据，开展学情分析
本课程授课对象是 2022 级平面设计专业的学生，通过统计教学平台的课前测试数据和前序模块学习的关键数据，对学情进行了精准分析，具体情况如下：
知识和技能基础：95%的同学初步学会网站的设计规划步骤；能够熟练应用Dreamweaver制作简单的页面；但使用CSS样式布局、美化页面的能力较薄弱，HTML代码编写能力较差。
认知和实践能力：熟悉各类信息化软件的应用，能够进行在线学习，具备常用的计算机操作技能；但理论与实践相互结合、相互融通的意识、能力不足，实践技能中的严谨细致、精益求精的职业素养有待进一步提升。
学习特点：喜欢动手实践类操作，对专业课程有浓厚的兴趣，但设计与创新能力，数字素养有待增强。
学情分析图
（三）依据学情分析，对接典型任务，确定教学目标、重难点
依据岗位需求、专业教学标准、“1+X”技能等级证书标准、课程标准，分析具体学情，确定三维教学目标及重难点。
教学目标及重点难点
（四）依据工作过程，细化教学流程，精准教学模式
结合学情分析，遵循“以学生为中心，以岗位需求为导向”的教学理念，课程整体上围绕规划设计、整体布局、页面美化、网页特效、优化运行“五位一体”展开；在具体的任务中实施课前探学激兴趣、任务分析明方向、实战演练悟原理、创意设计精技能、展示评价提素养、总结分享促成长、课后拓学强应用的“七步递进任务流程”，构建基于建构主义理论的“五位一体 七步递进”教学模式；运用极域电子教室、超星学习平台等线上教学平台，实现教学过程数据化、评价反馈即时化，有效实现师生、生生互动，提高学生的知识和技能水平。
“五位一体 七步递进”教学模式
（五）坚持思政引领，融入红色文化，整合教学资源
采用“线上、线下”混合式教学，开发校本教材、工作手册、辅以精品资源共享课、微课视频、W3school在线教程辅助教学。打造“精神的追寻”思政资源库与专业教学有机融入，教学过程中落实素养教育贯穿始终、红色文化贯穿始终、探究体验贯穿始终、交流协作贯穿始终、习惯养成贯穿始终的“五个贯穿”思政主线，将红色基因的根脉转化为教育教学的生动教材，使红色基因渗进血液、浸入心扉，增强学生的政治认同、情感认同，树立文化自信，提升职业素养。
教学资源图
（六）细化评价标准，贯穿增值增质，提升教学效果
为达成教学目标，依托先教学平台，落实积极有效的评价策略，实现评价多元多维，可评可测。注重过程性评价与结果性评价相结合，构建“双向四维六面”增值增质评价体系。在具体的任务实施过程中，从个人自评、小组互评、教师总评、专家点评四个维度对知识技能、小组协作、审美意识、创新精神、精益求精、价值引领六个方面进行评价。结合课前、课中、课后三个阶段，每个阶段根据不同评价内容、评价指标、评价主体赋予不同权重进行分阶段、全过程横向增质评价。每个任务完成后，与上一阶段六个维度的评价情况进行对比，量化学生成长增量，进行纵向增值评价。
增值增质评价图
四、教学实施过程
坚持立德树人，秉承“素养为本，学为中心”，将教学过程围绕课前探学、课中导学、课后拓学（课前探学激兴趣、任务分析明方向、实战演练悟原理、创意设计精技能、展示评价提素养、总结分享促成长、课后拓学强应用）“三段七步”展开，教学过程思政教育全过程融入，综合评价贯穿始终。
教学任务实施过程
（一）课前探学激趣，推送资源，引导学生自主学习
课前探学 激兴趣
课前教师根据本节课教学目标在超星教学平台发布学习任务，创设学习情境。学生通过平台完成在线测试。教师通过分析学生测试情况及时调整教学策略，有针对性的开展因材施教。学生根据工作任务单明确任务目标、任务分工，查阅资料，积极探索CSS样式在文本设置方面的具体应用。激发学生的学习兴趣，培养学生获取信息的数字素养、组织协调能力、职业认同感。
（二）课中导学实战，虚实结合，开展五步递进教学
1.任务分析 明方向
根据任务要求，教师带领学生分析学生提交的课后作业进而与老师制作的页面效果进行对比，进入到“火眼金睛找不同”环节。学生通过欣赏对比认识到文本样式的重要性，引导学生进行探究性学习，进一步明确任务目标，任务分工，以及完成任务的具体步骤。教学过程中融入红色文化，增强学生的政治认同，培养学生工程思维、创新思维、沟通协调能力。
2.实战演练 悟原理
本环节根据学生的认知水平采用层层递进的方式展开。环节一“小试牛刀理先行”，以游戏PK的方式进行随堂小测试，检验学生对理论知识的掌握情况。环节二“大显身手展技能”环节学生参照学案使用CSS设计器完成标题文本的属性设置。教师展示与文本属性对应的HTML代码巩固CSS样式的语法结构，并要求学生尝试使用HTML代码完成其他文本的设置。“精益求精提质量”环节，通过作品展示分析网页中需要改进的细节，继续完善提升页面效果。最后通过作品展示评选出优秀作品。整个学习过程中在教师的引导下，辅以学案、微课视频帮助学生完成学习任务，突破教学重点。培养严谨认真的学习态度、精益求精的工匠精神以及发现美创造美的能力。
3.创意设计 精技能
各小组根据课前选取的素材结合本节课的学习内容发挥创意对传承红色基因页面进行布局设计完成作品创作。对标1+X证书标准，通过各级标题的设置、背景设置、元素边框设置、整体效果设置，养学生科学严谨的专业素养，精益求精的工匠精神。学生根据所学完善作品，并在此基础上小组协作进行创新设计，突破教学难点，提高学生协作共进的团队精神，提高学生知识整合的能力，突破教学难点。
4.展示评价 提素养
采用学生展示，教师和其他小组点评的方式总结本次任务完成情况。利用任务书评价表、借助教学平台，全程采集学生学习表现，促进德技并修。
学生学习效果图
5.总结分享 促成长
总结阶段，学生通过教学平台发表自己的所思、所感、所想，分享本堂课的收获，通过交流锻炼学生的表达能力，增强政治认同，情感认同，树立文化自信；提升了专业认同感、职业自豪感，更增强了学生努力学习报效祖国的理想信念。
（三）课后拓学延伸，凝练升华，助力学生全面发展
课后拓学 强应用
学生借助课程平台资源巩固所学知识。欣赏网页中图片的不同形式，拓宽学生的视野。小组协作选取红色基因传承馆的素材尝试完成其他形式的图片轮播效果。培养学生的知识迁移能力、解决问题的能力。
五、创新与示范
1.馆课互融，丰富教学手段，提升教学活力
实施课前体验实景展馆、课中融入教学案例、课后创意技能实践，充分利用现代化教学手段，推动线上线下融合，促进课上课下联动，将传承馆和专业课程内容深度融合。在具体教学实施过程中，注重以学生为主体，通过探、析、练、创、评、结、拓七步递进，在枯燥的专业课中融入实践性、自主性、创造性、趣味性，重视学生的情感体验，提高了学生专业学习的积极性和参与度，提升课堂教学活力。
2.德技并修，“红色文化赋能专业教学”，提升育人质量
本课程依托学校红色基因传承展馆展开，以专业视角助力实景展馆数字化，全程以红色文化融入为抓手，以工作任务为载体。将知识传授和价值引领相结合，红色文化的“显性教育”与计算机专业课的“隐性教育”相结合，通过课程思政的创造性转化，既培养了学生的职业能力，也塑造了他们的价值观，培养理想信念、吃苦耐劳、创新思维、职业道德、精益求精的综合素养，达成能设计、知规范的知识目标，善制作、能调试的技能目标，树自信、勇创新的素质目标，全面提升人才培养质量。
育人路径图
六、反思与诊改
1.学生差异化指导有待完善
项目实施过程中，由于学生学习基础存在差异，随着课程难度的加深，不同基础的学生在同一技能点上出现了差异。在代码调试、优化运行等环节各小组存在较大差距。针对上述问题，在课后拓学中实施分层拓展任务训练，采用“互助互学”、“一对一帮扶”等形式缩减学生之间的差异。
2.继续完善本项目的后续开发
通过本项目的实施，已经初步完成传承红色基因网站的开发。后续我们将通过红色文化资源调研、红色故事搜集等方式，深入挖掘当地红色文化，进一步丰富和完善网站的内容。利用多媒体和虚拟现实技术，为网站增加更多的互动性和体验性，努力打造一张亮眼的红色文化名片，为当地的红色旅游和文化产业发展做出贡献。