摘 要：本文基于省级精品在线课程《网页设计与制作》，融合HBuilderX、HTML5、CSS3等主流技术开发了新型活页式教材。教材重构十个模块化单元，融入红色教育等思政元素，通过任务驱动和工作手册式编排强化实践。配套微课、实训视频等资源，依托“学银在线”平台实施混合式教学，构建“纸质+数字”教材体系。实践表明，该模式解决了传统教材技术滞后、理论与实践脱节问题，有效提升了学生专业技能和职业素养，实现了知识传授与思政育人的有机统一。

关键词：在线开放课程；活页式教材；混合式教学；课程思政

2023年6月，教育部办公厅下发关于加快推进现代职业教育体系建设改革重点任务的通知，其中第八项任务是开展职业教育优质教材建设，支持各地建设职业教育产教融合优质教材，鼓励行业牵头或行业、企业、学校等共同开发。

在上述背景下，课程团队根据国家软件技术专业教学标准、国家职业技能等级证书标准、技能竞赛标准和软件技术专业人才培养方案， 结合学生认知规律，以省级精品在线开放课程网页设计与制作为基础，对网页设计制作类职业岗位的从业需求进行调研分析。面对网页设计的新技术、新变化、新要求，根据岗位知识、技能、素养的新需求，全面优化课程结构， 整合教学内容，开发了《网页设计与制作任务驱动教程》新型活页式教材，将课岗赛证一体化，提升计算机相关专业人员网页设计技能，以适应职业岗位需求。

一、在线精品课程及新型活页式教材的设计与开发

（一）课程建设的现状及建设目标

网页设计与制作课程作为软件技术专业基础课程，肩负着提升学习者的设计能力，培养编写代码的逻辑思维，有效支撑学生职业能力及专业素质的达成。本课程于2019年8月被认定为江西省精品在线开放课程（高职），随着业界主流技术的快速发展与更新迭代，课程教学资源要求同步更新，需要在跨平台运行集成开发环境HBuilderX中应用HTML5与CSS3主流技术设计与制作网页。同时，教学任务、案例与项目需要深度融合思政教育，以达到将知识传授和育人育才相结合，落实立德树人根本任务。

（二）网页设计与制作课程新型活页式教材建设

当前，部分网页设计与制作教材在内容设计和技术更新上存在明显滞后，难以满足行业发展和学习者的实践需求。具体表现主要为三方面，一是技术更新滞后，脱离行业实际。教材内容仍停留在传统技术层面，未能及时引入现代网页开发的主流工具与技术。二是模块化内容割裂，缺乏综合贯通。教材虽采用模块化编排，但各模块内容孤立，未能有效衔接为完整知识体系。三是理论性内容多，实践性不足。教材结构偏向理论介绍，未采用“工作手册式”设计，难以锻炼实践操作能力。

教材依托省级精品在线开放课程，立足企业真实项目案例，融入业界主流开发工具HBuilderX及HTML5与CSS3技术体系进行内容重构。通过工作手册式编排和模块化设计，以任务驱动为主线，确保教学内容与网页设计制作岗位需求高度契合。在充分调研分析的基础上，将教学内容重构或新增为10个单元，分别为创建站点与浏览网页、制作网站首页焦点图等模块，具体如表1所示。其中单元1对网页制作技术、展示平台、网站建设流程进行详细介绍，并引导学习者为制作网页做好准备；单元2～9带领学习者完成红色教育主题网站首页各个模块和子页面的制作；单元10带领学习者对前8个单元所完成的任务进行整合与调整，以开发整个红色教育主题网站。

新型活页式教材面向教学全过程设置了完整的教学环节，一是确定学习目标；二是通过知识梳理学习完成本单元任务必要的知识；三是通过操作准备→任务介绍→引导训练→引导训练考核评价→单元总结五个环节完成任务制作；四是通过二维码插入同步训练→同步训练考核评价→同步习题三个环节教学内容，以巩固学习内容，提高创新实践能力。

（三）课程配套教学资源库的建设

针对各模块、模块中的知识点和任务，建设配套教学资源。包括教学微课、PPT课件、任务实训视频、习题库、思维导图、案例代码等。通过思维导图引导学习者熟知学习目标，通过教学微课和PPT课件学习完成本任务必要知识，通过任务实训视频带领学习者完成任务制作，通过编写分析对比案例代码完成同步习题，通过习题巩固学习内容。其中，每个模块包括模块导学和多个任务两部分，其中模块导学有学习目标、模块内容、模块资源、自主学习任务单构成；每个任务有任务准备、任务训练、任务应用、任务拓展环节组成，任务准备中含有课程视频、电子课件、讨论交流和课后测试资源，任务训练中含有课程视频、案例分析、疑难问答资源，任务应用中含有课程视频、电子课件、关键代码和考核标准资源，任务拓展主要完成与任务类型与难易度相似的网页效果。微课视频的质量决定着在线课程的品质，为了提升在线课程的品质，课程团队在视频的科学性、趣味性及可操作性上进行了提升，并根据Web前端开发职业技能等级证书考试大纲和技能大赛标准要求设计习题。

（四）与行业规范、职业岗位要求对接，注重有机融合课程思政

对接Web前端开发职业能力，结合企业网站开发实际需求，以真实的红色教育主题网站作为教学项目，深入挖掘课程教学内容中的思政育人元素“代码绘山河匠心传薪火——用数字技术讲述中国故事”，注重将知识传授和育人育才相结合，落实立德树人根本任务。如在单元四中融入了中国科技，使学生在学习专业技能知识的同时，感受到中国航天、中国高铁等技术的强大。为培养学生科技报国的情怀，在第九单元的专业知识教学中融入了中国科学家精神。教材其他的单元中还融入了中国文化、红色主题教育以及时代楷模人物精神，展现中国在新时代背景下的科技发展与文化传承，引导学生深刻体会红色文化的魅力，增强民族自豪感和爱国热情，做到思政教育“入耳、入脑、入心”。

（五）优化教学模式，以信息化平台为依托促进混合式教学

高职软件技术专业“网页设计与制作”课程共计64学时，经过调查发现，课程学习时间短，学习内容多，在线课程作为混合式教学模式的核心组成部分，其建设质量与创新应用效果直接关系到高职院校学生的知识掌握程度、技能提升水平以及综合职业能力的培养成效。在线课程设计应深度融合企业真实项目，构建模块化课程体系，采用任务驱动式教学理念，精准对接教学内容与企业岗位需求。在教学模式上，坚持以学生发展和职业能力培养为核心，遵循职业教育认知规律，结合线上教学和线下实体课堂，以翻转课堂教学理念基础，设计了“课程组织、课前预习、课堂互动、课后评价、课程改进”的多元融合线上线下混合教学模式。

二、在线精品课程及新型活页式教材的实施应用

（一）在线精品课程运行概况

课程于2019年9月-2025年2月在“学银在线”平台上共开设11期，每期64学时，按照每周4学时开课。移动端学习通APP与课程平台同步运行，学习资源包括微课教学视频、任务操作视频、PPT课件、课后练习、章节测验等。经过系统化升级建设，在线课程现已形成包含10大教学模块、38个核心知识点和36个典型实训任务的完整体系。课程内容采用“知识点—子知识点”、“任务—子任务”的分层设计架构，通过微课视频、PPT课件、在线习题等多样化教学资源，实现重难点内容的立体化呈现。配套建设了容量充足、题型丰富的习题资源库，可灵活支持章节测试、阶段考核等多元化教学评价需求。

（二）优化教学资源，注重凸显教学特色

通过在线课程教学，学生可随时随地对难点反复学习；通过活页式教材教学，学生可以深度思考学习与笔记批注，可通过任务实训步骤反复制作任务，以强化技能训练。对在线课程教学资源进行优化，如增加思维导图和行业新技术微课视频，可采用逆向设计法设计微课教学视频，以提高学生学习兴趣。开发活页式教材时，聚焦核心技能训练、结构化笔记和项目式学习任务单，在教材中嵌入二维码，链接至在线课程的同步训练、最新行业报告及新概念新技术介绍等，实现“纸质+数字”混合阅读。两者在教学上相辅相成，课前，可通过在线课程完成基础知识学习，活页教材提供预习问题清单；课中，利用活页教材组织小组讨论、实践演练，在线平台实时收集学习数据调整教学重点；课后，活页教材提供分层练习任务，在线课程推送个性化复习资源。通过深度融合在线课程的动态化优势和活页教材的结构化特色，实现以学生为中心的资源优化与特色教学。

（三）优化教学过程设计，切实提升教学成效

课程基于“学银在线”平台和学习通，秉持“理实一体、任务驱动”的教学理念，围绕“理论、训练、评测、拓展”四个维度，采用多元融合的线上线下混合教学模式进行教学，以提升教学效果。以讲解模块七第二节“标签的定位属性”课程内容为例，课前阶段：分组发布线上学习任务，要求学生完成微课学习、在线练习及讨论区互动；教师通过平台分析数据，精准把握学生知识掌握情况；基于学情诊断结果，动态调整课堂教学重点。课中实施：通过活页式教材中“浮动布局虽然灵活，但是却无法对标签的位置进行精确控制”的问题引入课堂，采用任务驱动法，设置阶梯式实践任务，开展针对性教学；系统讲解定位属性核心知识点，教师示范与即时指导相结合讲解教学重难点，如相对定位与绝对定位的区别与联系、如何设置各种类型的定位。学生根据任务列表结合网站首页banner模块要实现的效果分析相关问题，在活页式教材中按照任务引导训练完成任务。教师针对元素定位属性中使用的内容引申到中国文化博大精深，作为中国人应该感到自豪与自信，我们应该用数字技术去传承和发扬中国文化。通过父元素与子元素相互定位的关系，师生一起总结定位模式、边偏移等问题，帮助学生把握学习重点，突破学习难点。课中完成进阶知识目标，提升学生实践能力及爱国热情。课后阶段：注重知识的巩固提升，发布相关测试作业，检验学生的课堂学习成效；课外拓展发布使用定位属性制作“身边的感动”焦点图模块，希望学生在搜索素材时被好人好事所感动并付出实践；师生线上互动答疑，对学生测试题和作品进行评分，同时进行生生互评或小组互评，以提高学生参与积极性。教学过程设计如图1所示。

三、在线精品课程及新型活页式教材建设的体会

（一）教材改革多元化，教材生态结构化

在职业教育深化改革和网页技术快速迭代的双重驱动下，课程团队开发的新型活页式教材具有以下特色，一是载体创新，本教材以纸质教材为主体框架，通过智能二维码实现纸质内容与数字资源的无缝对接，构建“纸质+数字”的立体化教材体系。二是在内容设计上，创新性将中国传统文化等元素融合于专业技能教育，以企业真实项目贯穿始终，采用“项目导向、任务驱动”的编写模式，严格对接网页设计岗位能力标准。三是在教学价值上强化学生设计思维培养，实现教学内容与企业需求的精准对接，以提升学生岗位胜任力和职业发展潜力。

（二）在线精品开放课程及新型活页式教材的协同创新

在“双高计划”建设背景下，在线课程与新型活页式教材形成了优势互补的协同发展格局。二者在建设理念上高度契合，均以重构教学模式、提升育人质量为核心目标；在资源建设上深度融合，共同构建课程教学资源库与思政育人体系；在实践应用中相互支撑，线上课程为教材提供动态更新平台，活页式教材为在线学习提供实践载体，形成了“虚实结合、线上线下联动”的新型教学生态。

（三）在线开放课程及新型活页式教材建设的不足

网页设计与制作课程内容较抽象，实践性较强，技术更新较快，因此，需要教师和学生主动参与到教与学中来，教师在开发更新迭代各种教学资源和建设更适合教学的微课视频方面需要投入更多的时间和精力。在实际教学过程中运用混合式教学模式，部分学生参与度不高，学习效果不佳等问题也存在，需要在后续的教学改革研究探索中，不断加以改进。

采用网页设计制作在线课程与新型活页式教材的混合式教学，实现了以岗位胜任力和社会需求为导向，将学习内容与实际岗位实践有机融合，有效解决岗课赛证脱节问题，达到对学生设计思维的培养与课程思政教育，以实现通过编写代码设计与制作网页的高技能人才培养。

参考文献：

[1]郑嘉龙， 陈开宇， 缪雅云.职业教育实践课程新型活页式教材建设探究[J].西部素质教育，2024，10 （16）：186-189+194.

[2]黄云，谢静.在线精品开放课程及新型活页式教材建设实践研究——以“健康评估”课程为例[J].教育教学论坛，2024，（24）：118-121.

[3]林坤，韩飞燕，谢召艳，等.新时代专业群建设背景下新型活页教材建设开发实践研究[J].机械设计与制造工程，2024，53（05）：135-138.

[4]张俊华，张晋芳，吴格格，等.“网页设计与制作”课程基于“岗课赛证”融通的改革实践[J].晋城职业技术学院学报，2024，17（02）：45-48.

作者简介：王鹰汉（1982—），男，江西吉安人，上饶职业技术学院教授，主要从事软件技术、职业教育教学研究。

邱慧玲（1991—），女，江西上饶人，上饶职业技术学院讲师，主要从事软件技术、职业教育教学研究。