刘先花

摘要：该文以吉林省经济管理干部学院数字媒体应用技术专业的《动态网站建设》课程为研究对象，在分析Web前端职业资格证书标准的前提下，从分析课程目前存在的问题人手，结合职业资格证书标准重新规划课程的教学内容，采取“线上线下、课前课后全方位立体互动式”的教学模式，充分利用微课、短视频、学习单、学习网站、论坛、扩展阅读资料等资源，实现重点知识“三重练、随时测”、难点知识“我讲、你讲、他讲+回放”等教学方法，提高课堂有效性，从而提高人才培养质量，实现与企业的对接。

关键词：动态网站建设;1+X证书;教学方法;教学模式

中图分类号：G642 文献标识码：A

文章编号：1009-3044（2020）09-0108-03

1 引言

随着互联网技术的发展，Web前端开发在现今各个领域的发展中扮演着越来越重要的角色。职业院校担负着为社会培养高素质技术技能人才的重任，因此，职业院校的相关专业培养Web前端开发人才，是符合社会发展需求的。Web前端开发具有技术更新速度快、对从业人员能力要求高等特点，因此，职业院校的Web前端开发的相关课程体系要紧跟现阶段软件开发和互联网行业技术发展水平，紧密结合企业技术规范，培养出能直接上手的Web前端开发人员。

2019年1月，国务院印发了《国家职业教育改革实施方案》，提到在职业院校、应用型本科高校启动“学历证书+若干职业技能等级证书”（即1+X证书）制度试点。2019年4月，教育部职业教育与成人教育司确定首批启动试点的职业技能等级证书有6个，分别是建筑信息模型（BIM）、Web前端开发、物流管理、老年照护、汽车运用与维修、智能新能源汽车。

职业院校作为“1+X”证书制度的实施的主体，要发挥好学历证书的作用，处理好1与X的关系，促进书证融通。将证书培训内容有机融人专业人才培养方案，优化课程设置和教学内容，统筹教学组织与实施，深化教学方式方法改革，提高人才培养的灵活性、适应性、针对性。

本文以吉林省经济管理干部学院数字媒体应用技术专业的《动态网站建设》课程为研究对象，在分析Web前端职业资格证书标准的前提下，分析课程目前存在的问题，从而确定课程的教学内容、教学方法、教学手段、教学组织形式等内容。

2 Web前端开发职业资格证书标准

Web前端开发职业资格证书分为初级、中级、高级三个等级。其中初级主要掌握Web前端开发基础知识，具备静态网页设计、开发、调试、维护能力;中级主要掌握Web前后端数据交互、响应式开发等知识，具备动态网页设计、开发、调试、维护等能力;高级主要掌握Web前端框架应用、性能优化与自动化技术等知识，具备前端架构、移动智能终端开发、组件化开发能力。

Web前端開发证书试点工作实施后，一是将推动各试点院校的专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接，更有效地促进职业院校的教学改革和专业建设;二是通过为院校提供标准化的教学方案，邀请知名大型互联网企业的Web前端开发技术专家开展师资培训，有利于院校教师的实践能力得到持续提升，推动职业院校“双师型”教师队伍建设;三是学员能够学习到最前沿的新技术技能，提高学员的动手能力，使学员掌握一技之长，从业能力符合企业用人需要，促进职业院校毕业生走向适应的工作岗位，实现更高质量、更充分的就业创业;四是整合各类优质教育资源与院校教学有机融合，促进教育链、人才链和产业链有机融合。

3 课程在数字媒体应用技术专业的Web前端开发课程体系中的地位

《动态网站建设》课程是数字媒体应用技术专业的一门核心专业技能课程，主要培养学生进行小/中型PHP项目开发的能力，是本专业学生“web开发”职业能力培养过程中非常重要的一门课程，共计96学时，主要利用PHP技术结合MySQL数据库进行网站开发。该课程在课程体系中的地位如图所示。

4 课程存在的问题

针对数字媒体应用技术专业学生，《动态网站建设》课程存在着诸多问题。一、学生对编程类课程兴趣度不高，以17数字媒体应用技术班为研究对象进行调查，班级共计22人，调查结果显示72.7%的学生不喜欢编程类课程。二、课程教学形式传统，以教师讲、学生听、边讲边作为方式进行教学，师生互动少，学生的主动性和积极性不高，课堂有效性低…。三、课程内容前后关联性差，学生学完之后不会灵活应用，容易出现只会考试，不会于活的情况。

针对以上的第一、第二问题，必须采取新颖的教学方法和手段，吸引学生的注意力和兴趣度，让学生回归课程，把心用在课堂上。针对第三个问题，老师必须结合企业实际岗位需求，以实际项目开发为基本教学内容，课程学完之后，学生必须跟随老师完成一个完整的项目，并且自己独立完成一个平行项目，让学生了解项目的开发流程，掌握企业项目开发的技术要领。

5 基于1+x证书的《动态网站建设》课程建设研究

本课程是针对Web前端开发职业技能等级证书中的中级而设计开发的。要求学生具有前端新知识、新技能的学习能力和创新创业能力，具备网站的规划与建设能力，具备网站响应式开发能力等。在该证书的标准中推荐开设的课程包括《MySQL数据库基础与应用》《PHP技术与应用》《Web前后端数据交互技术》等课程。笔者所在学校的《动态网站建设》课程就包含了MySQL数据库的内容和PHP技术两部分内容。

5.1 课程设计思路

通过对web开发工作岗位分析，结合Web开发职业技能等级证书标准确定了课程的设计思路为：

（1）根据本专业学生特点，本着够用为度、学会为准的原则进行课程内容规划

数字媒体应用技术专业培养兼顾技术和艺术修养的人才，学生的作品要美观实用，所以在课程内容的选择上摒弃面面俱到，而是以够用为度、学会为准的原则进行规划，只讲授和使用PHP的基础知识。课程内容总体规划为三大块。一是PHP基本语法部分，通过多个小实例让学生快速掌握PHP语言的基本语法。二是PHP操纵数据库技术，能够熟练地对数据库进行增删改查。三是PHP图像和会话技术，掌握session和cookie技术以及常见的验证码功能。

（2）以学生感兴趣为原则设计课程案例

在案例的选择上摒弃教材中员工信息管理的案例，取而代之的是班级网站的开发，内容包括班级通讯录的管理以及班级新闻的管理，将学生的学习和生活融为一体，提升学生学习兴趣和课堂参与度。

5.2 课程内容规划

课程内容分三大模块，PHP基本语法、PHP操纵数据库以及PHP图像和会话技术。本着实用性与学科性相统一、职业性与思政性相统一的原则，对课程内容进行了详细的规划。课程先讲解PHP基本的语法，然后以现代学徒制班的班级网站建设项目为课上任务、以模拟的分院网站建设项目为课下平行任务展开教学。课程主要内容规划如图所示。

5.3 教学理念

课程本着“以学生为中心的双理解”教学理念，“实用性与学科性相统一、思政性与职业性相统一”的教学原则展开教学。所谓“以学生为中心的双理解”是指：一是教师充分了解学生，做到课前“每课一调查”，调查学生本次课的学习基础，从而更好地制定本次课的教学策略。二是学生通过自己的主动学习，不懂互问、互帮，最终实现对知识和技能的最终理解和真正掌握。

“学科性与实用性相统一”是指在教学内容的选择上，既要符合课程体系对知识点的总体要求又要考虑到项目的实用性。所以以现代学徒制班班级网站开发项目为载体，精心设计教学模块展开教学。

“思政性与职业性相统一”是指在课程思政的开展上，与网站开发的职业规范、国家法律法规、网站开发的历史文化相结合，润物无声、潜移默化将学生熏陶成强技能、高道德、有涵养的网站编程人。

5.4 教学模式

采取“线上线下、课前课后全方位立体互动式”的教学模式，将课程从课内延伸到课外，提高课堂有效性。

5.5 教学组织形式

课堂以学生为中心，教师是组织者，采取启发式、探究式、讨论式、参与式等组织形式，让学生成为课堂真正的主人。

5.6 教学方法与手段

教学方法整体以项目教学和案例教学为主，结合情景教学和问题导向教学，借助学习通、问卷星等信息化教学手段，充分利用微课、短视频、学习单、学习网站、论坛、扩展阅读资料等资源，实现重点知识“三重练、随时测”、难点知识“我讲、你讲、他讲+回放”。所谓“三重练、随时测”是指对于重点知识在课前让学生自学预习，课上教师采取多种教学方法进行讲解和练习，课后通过留作业或者完成平行任务的方式，让学生巩固练习，教师通过学习通随时对重点知识进行多方式的测试，如抢答、课堂测试、现场演示等方式。“我讲、你讲、他讲+回放”是指对于课堂难点，可以采取教师给学生讲、会的学生给不会的学生讲、新会的学生给大家讲等重复讲解的方式，加深理解，从而达到掌握的目的。另外，对于重点和难点知识，教师讲解时可以采取录屏或直播的方式，课后将视频放到学习通上，方便学生随时随地查看回放。课堂实施时教师做到四个“每课一”，即“学习基础每课一调查”“课前课后任务每课一检查”，“课上作品每课一展示评价”，“教学效果每课一反思”，学生做到三个“参与”，即“人人参与”“事事参与”“时时参与”。

5.7 教学实施过程

（1）课前自主学习

教师下发学习任务单和课前任务，学生线上学习课上任务要用的知识点，并完成一個简单的课前任务，锻炼学生自主学习能力和独立解决问题的能力。

教师课前调查学生对任务单上知识点的掌握情况，根据反馈制定课上实施策略。

（2）课中深化学习

以学生为中心，充分发挥学生的主观能动性。课前任务检查。针对任务中存在的问题和调查问卷反映出的问题进行讲解、总结。课上任务实施。教师通过情境引入新的课堂任务，小组讨论解决方案并实施。教师巡视学生实施情况，启发引导学生，对于典型的问题和难以理解的问题，教师讲解并采取直播或录屏的方式放到学习通上，方便学生回放。作品展示、评价。小组代表展示作品，讲解作品思路和特点。评价采取自评、互评和师评相结合的方式，公平公正公开的为每组评分。

（3）课后拓展学习

课后拓展任务，强化重点，团结协作，培养良好的学习习惯和内涵丰富的编程文化素养，做有内涵的网站编程人。

6 结束语

基于“1+X”证书的课程建设是积极推进“学历证书+若干职业技能等级证书”制度落地的一种途径。课程嵌入“1+X证书”的教学模式直接对接企业用人需求、校企协同育人，使得教学过程有的放矢，具有必要性、可行性和普惠性，能突出体现职业教育的本质[2]。按照证书标准设计教学内容，再根据学生喜好详细设计工作任务和学习情境，让学生既掌握了Web前端开发的技术技能，也掌握了职业技能等级证书的考点内容，为学生考取职业技能等级证书奠定基础，从而达到提高人才培养质量的目的。

参考文献：

[1]于涛.基于工作过程导向的高职“动态网站建设”课程开发[Jl-才智，2016（24）：106.

[2]张艳，刘军.高等职业教育课程嵌入“1+X证书”的教学模式探索与研究[EB/OL].商业经济研究，2019（21）：179-182[2019-11-30].http：//kns. cnki. net/kcms/detail/10.1286.￡20191108.1018.100.html.

【通联编辑：代影】