“互联网+教育”背景下《网页制作》课程教学改革研究

于 萍，耿晓中，鲍 杰

(长春工程学院 计算机技术与工程学院，长春 130012)

在中国制造2025政策的指导下，李克强总理一再强调要把“中国制造”与“互联网+”和“创新创业”结合起来。积极开展工业创新，进一步发展高新产业、服务业以及小微企业，进一步提高实体经济的竞争力，一场新工业的革命已然拉开帷幕。2018年5月28日习近平总书记在两院院士大会上发表重要讲话，指出人才是实现民族振兴、赢得国际竞争主动的战略资源，抓好人才工作，改革人才培养机制，突出高校在人才培养中的作用。人才是经济社会发展的第一生产力，高校是培养人才的主阵地。教育部高等教育司结合我国高校发展现状，近三年积极组织并开展产学结合协同育人项目，旨在形成产教融合、产学结合的协同育人机制，通过企业、高校、政府和社会的共同参与，实现人才选拔与人才培养的无缝接轨，有效提高教育质量。

一、基于职业能力培养的课程教学改革

如何培养高素质人才，使毕业生顺利走向工作岗位？以培养学生的职业能力和专业能力为中心，进一步提高学生的创新能力、创业能力、就业能力和个人竞争力。建立以职业发展为基础的教育课程体系，积极开展以专业能力培养为核心的一系列课程的教学改革。本文以“网页制作”课程为例。将教学目标与职业岗位联系起来，明确课程的教学目标；将课程设置与课程内容和职业资格标准进行衔接，实现“体系化”的课程设计和“模块化”的教学内容；将教学过程和实际职业情景进行衔接，实现“项目化”的教学过程和“实战化”的实践环节[1]；开展课程教学评价体系改革，从专业能力以及职业能力角度对学生进行考核；同时，组织学生自愿参加职业资格认证，从社会实践、行业标准等角度考核学生所具有的职业能力水平。

二、基于OBE-CDIO理念的课程教学改革

如何开展培养高素质人才的教育模式呢？能力导向教育(OBE，也称为成果导向教育、目标导向教育或需求导向教育)更适合高等工程教育。OBE在理念上是一种“以学生为本”的教育哲学；重点关注学生实际工作能力；OBE要求所有教学活动、教育过程和课程设计围绕预期学习成果的实现进行[2]。CDIO是实现OBE的有效途径。CDIO代表构思、设计、实现和运行，它是从产品开发直到运行这个生命周期为载体。“网页制作”课程借鉴了OBE-CDIO工程教育理念，结合职业能力培养的要求，开展“以学生为本”的教学创新与改革。培养学生的自主学习能力，确定面向学生并符合职业岗位要求的课程教学目标、面向能力培养并符合职业资格标准的“体系化”课程设计和“模块化”教学内容，面向自主学习并符合实际工作情景的“项目化”和“实战化”的教学过程、面向学习产出并符合就业需求的教学评价体系，真正提升学生的职业素养和专业技能[3]。

三、基于SPOC混合教学模式的课程教学改革

如何利用互联网信息技术探索更有效的教学模式？随着互联网信息技术的飞速发展，教育领域也发生了巨大的变化。根据“教育部关于加强高校在线开放课程应用与管理的意见”(教学[2015]第3号)的精神，明确以MOOC(Massive Open Online Courses大型开放式网络课程，亦称慕课)质量为标杆，基于“个性化服务”和“小规模在线”特征构建在线课程。SPOC(Small Private Online Course小规模限制性在线课程)混合教学模式应运而生[4]。SPOC混合教学模式是继MOOC教学后再次以互联网信息技术作为核心的重要教育改革成果。SPOC混合教学模式实现了“现代课堂”与“传统课堂”，“在线课堂”和“线下课堂”学习的双重结合。它能更有效地激发了学生的学习动机[5]，能更好地提高学生学习吞吐量、学习的掌握程度以及在教学活动中的参与度。本文基于SPOC混合教学模式，针对“网页制作”课程设计符合职业能力培养需求以及符合CDIO工程教育理念的教学模式和课程内容。

四、“网页制作”课程教学改革

(一)确定课程教学目标

“网页制作”课程的教学目标需要根据职业岗位和CDIO能力培养大纲进行设定。与“网页制作”课程相关的职业岗位群主要包括：网页设计、美工、网站运营和管理、界面设计、网页编辑以及程序员等。经过调查和分析，确定网页设计师仍然是与“网页制作”课程相对应的最重要的职业岗位。通过分析各类招聘信息，确定职位描述的基本要求如下：a.熟悉网页设计的相关软件，比如Photoshop、Flash、Dreamweaver等软件；熟练运用HTML/XHTML/DIV+CSS等网页制作技术；能够编写符合W3C且与多个浏览器兼容的代码；掌握响应式设计，HTML5+CSS3等制作，熟悉js、jQuery等前端。b.熟悉网站的建设和管理，有较强的美术设计和创意能力，对网站整体设计的把握能力较强。c.可以在网站上进行日常维护，包括内容编辑和图片处理等。d.具有良好的沟通能力和团队意识，工作认真负责，责任心强。从职业能力和专业能力两个方面考虑，制定课程教学目标。网页设计师等职业岗位的对应能力如表1所示：

表1 职业岗位群能力表

基于CDIO理念结合已确定的课程专业能力和职业能力，明确面向产出的培养目标，建立课程体系，最后通过评估课程目标的实现来评估课程并进行下一步的改进[7]。“网页制作”课程基于CDIO理念的课程教学目标如表2所示：

(二)设置课程体系和课程内容

结合OBE-CDIO理念将课程的专业能力和职业能力进一步落实——构建符合职业资格标准的一体化课程体系。课程计划明确阐明课程知识点相互之间的联系以及和其他学科知识之间的联系，确定以项目设计为导向，设置课程教学内容。本课程遵循“根据实际工作流程设计教学项目，设计‘项目化’、‘实战化’、‘模块化’的‘做学教’一体化活动”的原则，进行课程教学内容设计，培养学生的“自学能力”，使学生有能力持续发展[3]。

在设计课程教学内容时，要结合学生基础素质现状，选取有代表性并能体现真实工作流程的项目作为课程教学内容实施案例。以电子商务网站开发过程为例，通过设计人员与客户之间的沟通来确定项目需求，然后向用户提供规划方案。进一步与客户就设计细节进行协商，直至双方达成共识。待客户提供相关素材后，设计人员根据需求及素材设计网站首页，并将设计效果提交给客户进行审核，审核通过后，设计人员进行整体设计，并拿整体设计效果与客户进行多次沟通及审核，最终得到客户的确认后，最后将网站上传至服务器上[8]。

本课程所选用的项目分课上和课下两条线：课上项目和课下项目，课上项目是课堂教学的主要项目，课下项目是课下自学和拓展项目，课下项目需要学生从始至终设计制作并完成一个完整的网站项目。项目结合学生层次，选择适当的复杂结构级别，并将产品或过程的消费群体加入到项目中来调动学生的学习热情，同时，它采用多种方式激发学生创新和创业的能力，并及时总结[3]。具体课程内容如下表3所示：

表2 基于CDIO理念和能力培养的课程教学目标

表3 基于CDIO理念和能力培养的课程教学内容

(三)构建教学过程

基于OBE-CDIO概念，本课程以实际项目为基础，以项目规划、设计、制作以及运行的生命周期为载体。[11]采用SPOC翻转课堂混合教学模式，设计“项目化”和“实战化”的教学过程，合理定位师生关系：教师引导教学，学

生自主学习，以课堂为中心，辅以课外活动，以便更好地优化教学。教学模式设置三级学习机制：课前、课堂和课后三个学习场景，教师在课堂学习环节中主导教学，学生在课前和课后学习环节中自主学习。设计出“网页制作”课程教学过程的流程图如图1所示：

图1 基于OBE-CDIO理念采用SPOC翻转课堂混合教学模式下的教学过程流程图

(四)设置教学评价体系

根据CDIO标准和职业能力目标，构建了面向学习产出和满足就业需求的教学评估体系。总课程分数=课堂项目评估(20%)+课下项目评估(20%)+总结评估(60%)，项目考核方法由学生自评(15%)+学生互评(30%)+教师评价(65%)。从职业素养、工作量、工作态度、完成质量、完成时间、创新能力等多方面建立考核指标体系[3]，注重项目设计制作的标准化和创新性，全面考核学生的专业能力和职业能力。