“三教”改革背景下高职院校在线课程设计与探索——以《Web前端技术基础》在线课程建设为例

密海英 芮文艳

苏州工业职业技术学院，江苏 苏州 215104

《国家职业教育改革实施方案》中提出了“三教”（教师、教材、教法）改革的任务。“三教”改革是涉及教与学各环节的综合改革。教师、教材、教法分别对应解决“谁来教”“教什么”“如何教”三个核心问题。其目的是培养适应行业企业需求的复合型、创新型高素质技术技能人才，提升学生的综合职业能力。而教育部《关于加强高等学校在线开放课程建设应用与管理的意见》（教高〔2015〕3号）明确提出“在线开放课程正在促进教学内容、方法、模式和教学管理体制机制发生变革”。因此，广大教师要将精品在线开放课程作为推进“三教”改革的重要举措，把在线开放课程作为课堂教学的重要补充，根据实际教学建立在线开放课程教学与学习的管理和评价机制，积极推进精品在线开放课程的应用，加强课程管理，确保教学应用质量。本文将从“三教”的三个核心问题出发，对照国家精品在线开放课程的建设标准，探索《Web前端技术基础》在线课程设计思路与具体实施举措。

一、课程现状

本课程是专业基础课程，培养学生根据实际需求利用HTML和CSS技术进行小型静态网站的设计与开发能力。综合HTML、CSS技术，通过“教、学、做”理论与实践一体化教学，使学生掌握HTML知识，能熟练编写静态网页代码；掌握CSS样式，能熟练使用CSS美化页面；了解并会使用HTML5及CSS3的新特性；并会在页面中使用开源JS特效；同时培养学生前端新知识、新技能的学习能力和创新能力。目前，已借助优慕课网络教学平台进行混合式教学。但尚未完全脱离传统网络课程的束缚，在功能和开放程度上离精品在线教学的要求还有一定的距离，在“互联网+”时代背景下，进行精品在线开放课程的建设势在必行。

二、在线课程设计思路

《Web前端技术基础》在线课程建设将以解决“三教”的核心问题进行推进，设计思路将从以下三个方面阐述。

（一）建立高素质双师型课程团队

教师是“三教”改革的核心［1］，是教育活动的组织者、领导者，在教育活动中起主导作用。教师团队是课程建设的基础和保障，合理的团队结构和高效的团队合作有助于提升课程建设质量。因此，课程立项之后，首先，建立一支高素质的双师型课程团队至关重要。本课程教学团队由企业人士、同行专家及专任教师等成员构成。企业人士立足岗位和专任教师一起，以工作流程为主线，根据岗位需求和工作任务，提炼确定本课程的知识技能点，并为课程建设提供真实的素材案例，参与重难点的视频录制；其次，同行专家具有丰富的课程建设经验，对课程的整体设计和建设给予指导性意见。团队专任教师职称结构、学历结构、年龄结构合理，且都有十五年以上的教学经验和一定的企业实践经历，已积累了丰富的教学经验和课程素材，都有较强的课程开发能力；最后，团队中有多位教师具备国家、省精品课程建设经验，为在线课程的建设和持续更新提供了重要保障。

课程立项以后，课程组成员就进行了明确分工；经过企业调研之后确定了本课程的知识技能点，以及贯穿整个课程教学的综合项目和小案例；最后分工进行课程的建设资源，包括教学视频、多媒体课件、素材、案例、题库等资源类型。

（二）编写立足岗位、工学结合的立体化教材

教材是课程建设与教学内容的载体，是教学之本。专业课程应选用与合作企业开发的教材，并优先选用国家规划教材。本课程使用的教材是由专业团队教师经过多年磨炼和修订自编完成的，已经修订了3次，其中第2版获评“‘十二五’职业教育国家规划教材”，第3版获评“‘十三五’职业教育国家规划教材”。为了与企业要求相适应，与国家优秀教材建设要求相适应，保证每3年完成一次教材全面修订任务。目前，第4版在出版过程中，新修订的教材以工作过程为导向，以企业的经典网站为项目，将学生引入前端开发职业岗位，再通过完成能力拓展项目及小型实际商业网站的开发制作，使学生完成从需求分析、整体设计、项目创建、网页设计制作、网站调试、网站推广到文档书写的完整过程。教材重在岗位技能训练，与“1+X”职业技能证书Web前端开发（初级）挂钩，加入大量技能训练题目，学生学完可直接考证，为初次就业打下基础。在教学内容设计中自然融入思政教育，能力拓展部分做成活页式工作手册。教材采用二维码的方式提供相关内容的微课视频、文档及网址等参考资源，构建了多元立体化项目教材。

（三）推进混合式教学、融入思政教育

教法是高职院校“三教”改革的路径，教师、教材改革最终需要通过变革教学方法和学生学习评价方式来实现。教学方法的选择需要立足于课程本身，在分析学生已有知识基础及现有学习能力的基础上，根据教材的内容与形式，选择合适的教学方法，使学生爱上学习、乐于学习，培养学生发现问题、分析问题、解决问题的能力。本课程校内教学采用线上线下混合式教学模式，课前教师通过学习平台为学生推送学习资源，在线上组织学生讨论、提问等互动活动，并在学习平台上监控学生的自主学习和互动情况，以此确定教学的重难点；课中教师和学生可以面对面进行线下讨论，答疑；课后教师通过学习平台给学生推送拓展资源，反思进一步内化学习成果，收集并分享学生的学习资料，根据学生的反馈情况，准备下一学习主题的教学准备。教学过程中始终以学生为主体，注重培养学生团结协作、知行合一、精益求精、人文情怀、工匠精神等职业素养。在建设在线课程过程中，针对校内学生将继续推进混合式教学方式，而对于校外学习者则增加在线知识、技能视频，交互式的在线实操练习，定期进行在线答疑等指导。继续探索线下实操的创设途径和考核标准，力求在线课程的理实一体化能有新的突破。

三、在线课程实施举措

为了保障《Web前端技术基础》在线课程建设顺利推进，课程组从以下三个方面着手实施。

（一）设计重构教学内容，体现实用性和共享性

根据当前移动开发与Web前端的发展趋势，深入企业调研，在企业专家的指导下，立足前端开发相关岗位，设计重构教学内容，选取适合岗位的知识技能点及案例，体现教学内容的实用性。另外，要从学习者的学情出发，由浅到深设计教学内容，学习者可以根据自身情况，选择学习的内容，体现了共享性。课程内容分为三个篇章。第一篇基本技能篇通过制作城市电子名片网页和爱国科学家钱学森先生的个人介绍页面，使学习者快速掌握网页制作的基础知识，包括网页开发技术、网页制作开发工具、网站建设的流程、HTML和CSS的基础知识；第二篇项目实战篇按照网站开发的一般流程，制作苏州某智能制造公司官网，包括网站前期策划、网站开发准备、首页页面制作、二三级页面制作、网站测试与发布、宣传推广与维护以及项目总结七个任务。使学习者在巩固网页制作技能的同时，进一步掌握HTML5和CSS3的新特性，实现更复杂的页面样式变化以及一些交互效果。能够制作有更好的交互性和用户体验的网页；第三篇岗位能力强化篇结合“1+X”的Web前端开发初级证书考核要求，以任务为驱动，针对HTML、CSS等Web前端开发中的重要知识单元，结合实际案例和应用环境进行分析和设计，并对每个重要知识单元进行详细的实现，使学习者能够真正掌握这些知识在实际场景中的应用。

（二）精心制作教学资源，体现适用性和专业性

1.多媒体课件和任务书制作

多媒体课件的制作与使用是为了辅助教师的教学，必须符合教学实际，符合学生的认知规律，做到前后衔接、逻辑严密，做到重点突出、难点突破，做到层次分明、过渡自然。多媒体课件有生动、丰富、即时反馈等特点，可以激发学生的学习兴趣，提高学习效率。本课程根据教学内容、学生认知规律和混合式教学、翻转课堂的教学模式，共开发了28个精美的课件，如图1所示。

图1 多媒体课件

为了能让学习者高效完成课堂内外的各项训练任务，课程组还专门制作了配套的任务书及素材，如图2所示。能够清晰引导学习者完成任务，提高学习效率。

图2 任务书

2.教学视频录制

教学视频是［2］在线课程建设的重要组成部分。教学视频因其具有直观性、动态性、交互性、可重复性、大信息量等特点，受到学习者的青睐，有利于学习者快速掌握知识和技能。本课程根据网站开发的流程，形成了28个工作任务，录制了28个任务实施教学视频。同时录制了完成对应任务相关的知识点和技能点55个。

3.题库建设

题库建设也是在线课程建设很重要的环节，学习者能够通过题库对学习内容及时巩固，并对学习效果进一步检验。课程组成员针对每个工作任务相关的知识技能点以及Web前端开发“1+X”考证要求，设计和整理了配套的习题1000题以上，在每个任务结束的时候供学习者练习，题型包含单选、多选、判断、代码填空等多种类型，可以提高学习者分析解决问题的能力，为初级考证奠定理论基础。另外，针对Web前端开发“1+X”考证，课程组还设计了10套涵盖初级考证技能点的实操题，并给出了详细的制作过程，便于学习者考证练习。

（三）完善课程评价方式，体现多元性和公平性

课程考核评价是在线课程至关重要的环节，本课程采用过程考核和结果考核并重的考核方法，多环节、多维度地考核学习者学习效果，体现多元性和公平性。在线课程将在中国大学MOOC上线，可以根据课程后台功能，对教学课件、视频、作业、学习进度、参与情况等量化统计，第一时间掌握学习者的学习情况，记录学习者的学习轨迹，达到对学习者进行过程性考核的目的。同时，通过在线题库理论考试和实操考试，又可以检测学习者的学习效果，形成终结性考核。课程考核和结果考核的比例可以根据学习者的情况适当调整，目前采取六比四的方案，更注重学习者过程性的学习情况。根据评价结果，教师可以及时调整教学内容、优化教学方案和评价体系，不断提高在线课程的质量。

四、总结

在互联网时代，建设出适合网络传播和教学活动、内容质量高、教学效果好的优质在线开放课更切合学生的需求，也大大提高了教学质量。同时在线课程建设作为一种新型的信息化教学手段，可以提高教师的信息化教学能力。在线课程适合在网络上进行大范围的传播，突破了时间空间的限制，能够极大促进优质教学资源的共享和利用，缩小不同地区教学资源不均衡的差距。