崔蓬 汤明伟

摘  要 以动态网站开发工作中注册登录功能实现过程为学习主线，以生为本，全过程关注学生的课前自学、课中探究学习、课后拓展延学，实现知识内化、能力建构和素养养成。在教与学的过程中，学生不仅能熟原理、会编码、能纠错，同时树立软件从业者的职业道德，具备科学严谨的工作态度和团队合作意识，实现课程与职业评价标准的无缝对接。

关键词 1+X证书;动态网站设计;课程内容体系;微课

中图分类号：G642.0    文献标识码：B

文章编号：1671-489X（2021）06-0073-04

Exploration of Course and Teaching Content System of Dynamic Website Design which Connected with 1+X Standard//CUI Peng， TANG Mingwei

Abstract This paper takes the realization process of registration and login function in the dynamic website development work as the main line of learning. It is student-oriented. The whole process pays attention to students’ self-study before class， inquiry and learning in class， and extension and extension of learning after class， so as to realize knowledge internalization， ability construction and accomplishment cultivation. In the process of teaching and learning， students can not only master the principles， code and correct errors， but also establish the professional ethics of software practitioners， have scientific and rigorous working attitude and sense of teamwork， so as to realize the seamless connection between courses and professional evaluation standards.

Key words 1+X certificate; dynamic website design; curriculum content system; micro lecture

0 引言

习近平总书记强调：“我国经济要靠实体经济作支撑，这就需要大量专业技术人才，需要大批大国工匠。”因此，职业教育大有可为。为深化复合型技术技能人才培养培训模式改革，借鉴国际职业教育培训普遍做法，启动1+X证书试点工作[1]。随着互联网行业的发展，Web前端工程师成为目前互联网行业中招聘需求非常大的一类[2]，人才缺口大，国外前端开发和后端开发人员比例约为1∶1。近年来，Web前端行业高速发展，但是目前国内比例仍然在1∶3以下。根据计算机应用技术专业培养目标，将动态网站设计作为专业核心课程，是1+X Web前端开发职业技能中级所开设的课程，是培养学生具有动态网站设计能力的核心课程。

1 教学整体设计

对接1+X证书，重构课程，精选内容  动态网站设计是计算机应用专业的核心课程，与网页前端、Web交互设计和H5移动开发、WebMVC开发组成Web开发课程模块（如图1所示，围绕“互联网+”、新兴技术行业带来的Web前端开发技术技能人才需求，以企业用人为导向，以岗位技能和综合素质为核心，培养具有良好职业道德和人文素养的人才。

对接1+X Web前端开发技能中级标准，选取PHP作为网站开发语言。它是轻量级编程，简单易学，能轻松嵌入静态网页中;它是开源的脚本语言，学生在学习中通过各种学习平台能获得更多的学习资源。

对接1+X Web前端开发技能中级标准，依托企业网站系统为项目载体，重构八个教学模块。注册登录模块，围绕网站注册和登录功能实现的工作过程，架构三个阶段、八个任务，如图2所示。

对接学情，确定目标  本次的教学主体是计算机应用技术专业二年级学生。从知识储备上看，学生已经具备HTML、

CSS、JavaScript、jQuery、PHP语法基础，掌握了交互效果的静态网站搭建的流程规范和技能，掌握了使用MySQL数据库管理工具进行基本的数据管理的方法，具备面向对象编程的意识和技能。课前的学情调查显示，大多数学生对网站的注册和登录功能仅仅局限在使用过，对它的思路流程没有有效思考。学生喜欢实际操作的环节，对带着问题去学习比较容易接受。但是，学生的主动学习意识不够，在学习过程中缺少教师引导和帮助的情况下，知识和技能的掌握程度就大打折扣，对新知识的掌握比较慢、遗漏多，纠错能力比较薄弱，表达能力差，团队合作意识不强。因此，根据专业人才培养方案、课程标准，结合学情实际，以1+X证书相关职业技能為要求，确立本模块的教学目标并细化到各个任务中，如图3所示。

随着职教体系的改革，高职院校出现多元化生源，需要构建分层分类教学，满足不同层次学生的学习需求。课程内容根据学生的层次特点，分成基础类学习目标、专业类学习目标和提升类学习目标三个层次。教学项目和任务的设置也按照教学目标适时调整。同时，为保障教学效果，作业和考核评价也遵循分层策略，将任务划分成各级难度，附上难度系数，供学生自主选择，根据任务难度完成阶段性评价。

对接目标，制定教学策略  基于学情，为实现教学目标，在教学中贯彻“以学生为主体”的高职教育理念[3]，由传统的知识灌输转变成提升学生学习兴趣，以实际项目企业网站的注册登录功能引入，激发学生的学习兴趣。注册登录模块作为系统入口，不仅要考虑功能完备，还要兼顾安全与性能，此外还要注重用户体验。因此，注册登录模块按照注册登录功能实现的工作过程，采用任务驱动、过程递进的教学模式，分为注册、登录、登录的安全防护三个阶段，每个阶段再分解为多个任务。根据本模块的任务特点，结合1+x证书的素质目标，提炼出工匠精神、团队协作、安全意识、社会责任等课程思政内容，挖掘结合点，巧妙地将具有时代感的正能量内容引入课堂，在润物无声的潜移默化中实现教育目标，实现知识内化、能力建构和素养养成。

以动态网站开发工作中注册登录功能实现过程为主线，在教与学过程中，学生不仅能熟原理、会编码、能纠错，同时树立软件从业者的职业道德，具备科学严谨的工作态度和团队合作意识，提高创建安全、可靠、优体验软件的能力。确立教学重点是注册和登录功能实现的流程和方法，教学难点是注册和登录功能实现中各环节的实现要点和易错点解决方法。在任务的分析、实施、检查、评价各环节，从原有课堂传统讲授型的教学空间转变为沉浸体验式教学形态，能够满足自主学习和团队协作的共同需要，帮助学生形成有效的学习方法和学习习惯。

2 教学实施过程

由于学生各个方面发展不平衡，每个人都有各自的特点，在实施过程中吸收融合IT团队管理的有益元素构建项目组，通过团队成员分工协作达成共同目标，形成沉浸体验式教学形态。通过任务的分析、实施、考核、评价，从传统式课堂教学方式转变为以学生“做”为课堂教学主线，学生由清闲的状态转变成课前、课中、课后都要忙起来[4]。在实施中打破时空限制，借助网络平台，将课堂有限时间延展到课前、课后。构建学生知识、能力素质结构，提高学习效率，形成积极正向的学习预期。

课前自主学习  课前，以超星平台的信息化资源作为辅助，明确自学任务与要求。教师通过电脑端或移动端提交任务预习要求，通过创设问题情境、投票、讨论、课前测试等形式，实现互动，促进学生思考问题，引导学生带着问题进入任务的课堂学习中。比如在指导注册阶段的任务二自学时，创设情境：任务一完成后，如果注册时的用户名相同也能注册完成，体验其他网站注册时用户名能否重复，如果不能重名，对一般网站验证的做法，在讨论区给出解决思路。学生带着这样的问题进入后续任务的学习。

课中探究学习  采用理实一体课堂，针对课前预习问题进行研讨和讲解。课中首先集中点评课前共性或典型问题，再设立学习情境，发放任务执行单。

任务导入后，把逻辑强、理解难的知识转化为动画，在理清任务实现基本思路的情况下，通过项目组分组讨论的形式，结合流程图探究任务逻辑并绘制出功能流程图，上传主题讨论区，每组展示绘制成果并汇报思路流程。在任务分析时通过学习平台选人、抢答、组团对抗等形式，营造活泼热烈的课堂氛围，激发学生学习热情，调动学生学习积极性。

完成任务分析后，根据流程图，教学分步骤功能的具体代码实现方法和技术，学生分组实现操作功能代码。对学生在功能实现过程中容易出错的环节，通过视频微课、团队纠错、学生讨论的方式，便于学生反复学习，及时解决问题。

课后延学  课后，以超星平台的信息化资源作为辅助，通过企业小课堂，引导学生关心新知识和新技术，对照企业标准，拓展提高。

全过程评价  教学实施过程中全过程关注学生学习变化。功能实现后，教师根据学生的编码规范、团队协作、安全意识、社会责任、功能成果验收进行检查评价。基于课前自学任务点的完成度、课中的讨论参与度和观点新颖程度、作业创新性等，结合学生实际做动态调整，项目组内部根据各成员在任务中的出勤、参与度、完成度进行自评和互评。开展自评、互评和教师点评，不仅包括知识与技能，还对学生的学习过程与方法、情感态度进行评价，重视学生个体差异，注重学生成长性。

考核方式也从结果性考核向结果性和过程性考核相结合的方式转变。结果性考核主要针对1+X技能标准，选取1+X知识题库中的内容作为传统卷面考试的依据。过程性考核以答辩的形式完成对项目成果的考核。

信息化资源  教学内容依托网络平台，构建“一平三端”平台，打造智慧教学系统。教师发布任务、资源，学生通过电脑端和手机移动端进行学习和作业练习。开发配套的授课课件、操作讲义、在线测试、微课、师生论坛等，进一步帮助学生理解课程的重点和难点。在学习平台中，利用企业小课堂微课，将企业对人才培养的最新要求融入任务拓展中。

3 教学成效与特色创新

教学效果

1）学习状态有效改善。采用启发式探究型教学方法，以项目组的合作学习为形式，学生在课堂上的精神状态明显好转，以前不感兴趣的枯燥学习，现在都十分投入，积极体验，完成每一个学习任务，学习状态较以往有了很大改善。

2）学习兴趣大大提高。经过阶段性的递进学习体验，学生的学习兴趣会不断增长。大部分学生不满足于上课时间，课余时间积极主动进行自主学习，并且能保持这种学习兴趣和学习热情。

3）教学考核效果良好。任务评价体系更加注重过程考核，侧重学生每个任务的参与度和完成度。教师根据学生的完成情况、编码规范和职业素养进行检查评价。项目组内部根据各成员在任务中的出勤、参与度、完成度进行自评和互评。学有余力的学生可以进入虚拟公司，参与真实企业项目的开发，不仅技能得到大幅度提升，得到企业良好评价，而且促进了课程建设，使之更加适合职业和社会需求。

特色创新  在教学过程中紧扣1+X多元化技能的要求，通过项目导入，基于项目开发的工作过程，采用任务驱动、过程递进的模式开展教学，通过全过程评价，培养学生“积小成”的成就感，促进学生成长。

参考文献

[1]李寿冰.高职院校开展1+X证书制度试点工作的思考[J].中国职业技术教育，2019（10）：25-28.

[2]杨颖，赵建保，刘琳.新时代高职Web前端开发职业岗位人才培养模式策略研究[J].教育现代化，2020（53）：34-37.

[3]陆鑫，张凤荔，汤羽.以学生为中心的课程混合式教学模式研究与实践[J].计算机教育，2020（5）：147-151.

[4]白桦，刘儒.打破时空藩篱进行“以学生为中心”的教学改革[J].黑龙江生态工程职业学院學报，2020（3）：123-124，128.

[5]张强.基于教学全过程的课程评价在高校中的实践与思考[J].高教学刊，2020（1）：71-73.

*项目来源：江苏省高等教育教改研究课题“‘三教’改革视域下高职专业课程分层分类教学的实践研究”（基金编号：2019JSJG464）。

作者：崔蓬，江阴职业技术学院计算机科学系，讲师，研究方向为Web前端设计与开发;汤明伟，江阴职业技术学院计算机中心主任，讲师，研究方向为Web前端设计与开发（214400）。