新工科背景下《网站建设与开发》课程“金课”教学研究

刘忠艳 乔付 李明 闵笛 姜微

摘要：为适应新工科的教学需要，许多高校都在积极进行课堂教学改革与实践，但仍然存在教学模式单一，偏离以学生为中心和成果导向的教育理念，实验内容缺乏创新性等问题。文章研究了线上线下混合教学模式、项目驱动的教学方法以及考核评价方式，并在《网站建设与开发》课程的教学中进行尝试，实践证明效果良好。

关键词：新工科;金课;网站建设与开发;教学研究

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

文章编号：1009-3044（2022）06-0147-02

开放科学（资源服务）标识码（OSID）：

1 概述

为了满足国家新产业对工程类技术人才的需求，国家积极推进新工科建设，进行课程改革创新是推进新工科建设的重要举措，要想全面振兴教育，提升教学水平，增强学生应用能力，完成学校与企业间的衔接，打造“金课”是强化新工科教育的重点所在[1-2]。

为适应新工科与信息化时代的教学需要，很多高校都在积极进行课程的教学改革研究，从教学的内容体系、方式方法、考核评价方式等多个方面展开研究与探索，并取得了一定的成果，但仍然存在许多问题[3-9]，如：

（1） 教师教育理念陈旧，不适应新工科的建设;（2）课堂教学模式单一，偏离“以学生发展为中心”方向;（3）实验教学工程实践特点体现不够，内容缺乏创新性。

针对上述问题，要求新工科背景下的课程教学应坚持工程教育认证的成果导向（OBE）和以学生为中心的新的教育理念，改变传统课堂教学中的以教师为主体的教学模式，同时，在实践教学中注重内容的创新性，在考核评价中注重多元化的评价考核模式，并在《网站建设与开发》课程进行探索与尝试，力争将《网站建设与开发》建设成具有“金课”特点的课程，以提高学生的实际应用能力及主动学习性，具有非常现实的意义。

2 实施方案

2.1《网站建设与开发》课程整体规划

通过前期的实际调研及网上资料查询，结合《网站建设与开发》课程的如：知识繁杂、知识面广、学时有限等特点，确定《网站建设与开发》课程采用线上线下混合式教学的整体研究方案，以解决学时少、内容繁杂的矛盾。根据工程教育认证强调的教育理念，结合企业行业的实际需求以及“金课”的特点，重新修订《网站建设与开发》课程的课程目标与标准，改进了课程的授课内容体系，重建了课程的学习资源，改革了课程的学授课方法及考核评价模式，并根据课程的学习成果，持续改进《网站建设与开发》课程的内容体系与教学模式，以满足行业与社会的应用需求。

2.2 《网站建设与开发》课程具体方法

1） 《网站建设与开发》课程采用项目驱动的教学方法，课堂教学中采用《校园二手书籍销售网站》以及《湛江海鲜销售平台及热门海鲜预测》等典型教学案例进行分步骤教学。在《网站建设与开发》课程开始学习的第一次课，给同学们演示《校园二手书籍销售网站》的使用，边演示销售网站的操作，边引出问题，如：网站界面如何设计、网页的制作、网页元素的定位与div布局、用到的控件及控件的功能、CSS样式与、网页跳转链接、后台数据库的作用以及数据库如何与前台页面的连接技术、数据的增、删、改、查等功能的实现等，这样学生就带着问题来学习每一章的内容。

2） 结合新工科发展对《网站建设与开发》课程教学的需求，并且与信息时代的与时俱进，确定本课程采用线上线下混合式教学模式。因此，需要对《网站建设与开发》课程原来的授课内容、授课方式方法进行改革，重新确定线下教学的主要内容、重点内容，修改课程PPT及教案等。线上线下混合式教学模式包括线上课堂和线下课堂两部分，其中线上主要用于知识点的基本原理、概念的学习、知识点归纳、发现问题、在线测试等功能，每次课的MOOC视频时长为8～13分钟，每次课利用不超过15分钟的MOOC视频进行线上教学;线下课堂包括学生学习成果展示、提纲脉络精讲 、项目驱动（以《校园二手书籍销售网站》以及《湛江海鲜销售平台及热门海鲜预测》等为教学案例）、研讨答疑等功能。其结构关系如图1所示。

《网站建设与开发》课程的教学过程大致分为三个阶段：

课前阶段：学生在规定时间内通过观看线上知识点视频，参与在线测试、在线讨论等环节完成教师所设置的作业任务，实现知识与技能的感性认识;教师通过查阅学生在线任务的完成情况，分析在线测试和讨论情况，获取线上的教学效果并发现学生的问题。

课中阶段：解决课前阶段学生学习存在的问题是课堂第一环节，对学生们普遍存在的问题，教师进行教学内容的详细讲解，对个别问题进行提纲脉络式讲解或进行个别点评等;其次，根据教学内容的要求，布置练习任务，根据学生的完成情况进行答疑与指导;最后，完成教师布置的练习任务形成学习作品，实现知识与技能的理性认识。

课后阶段：教师针对课中阶段布置的练习任务进行整理、批阅及点评，指出完成较好的作品并在学习群里进行展示，以便同学们学习其优点，对完成不好的同学进行个别辅导、答疑、指出其存在的问题，以便其改正;此外，教师还会给学生们推荐与课程相关的拓展学习网站、学习资料、学习案例等进行拓展任务学习，不强迫每一位同学都去学习，仅供有能力完成的同学们去挑战拓展任务的学习，实现对知识与技能进一步巩固与拓展。

3） 针对实验教学内容缺乏创新性以及工程实践性不足的问题，在实验教学中前六次实验内容主要是对课堂教学知识内容进行验证的验证性实验，实验教学中的最后两次实验加入综合性实验，体现学生的创新性，做一个简单的学生管理系统，要求能对学生数据库中的信息实现增、删、改、查的功能，要求学生管理系统界面新颖、美观，体现工程应用能力及创新性。为了预防个别学生的抄袭情况，前六次实验教学中，教师在每次课中利用8分钟左右时间讲解本次课要完成的实验任務，然后同学们开始动手完成实验内容，在下课前的5分钟里将完成的实验代码及得到的实验结果以实验报告形式提交给教师，而且提交越早完成越好的同学实验分值越高。

2.3 《网站建设与开发》课程考核评价

在课程考核评价方面， 由于课程采用的是线上线下混合教学模式，所以线上学习部分（30%）+实验部分（30%）+期末作品（40%）的考核比例，期末作品推荐题目：商品销售网站、在线订餐网站、博客、在线考试等，但不限制这些题目。要求：作品的内容与设计必须符合课程标准的目标与要求，综合展示课程涉及所学知识。而且根据实际情况，尽可能选择与实际应用、生产管理或科研任务相结合的选题。作品内容要健康、积极向上，突出主题，作品结构要应用div布局，网页结构清晰合理，网页中各个元素搭配合理，颜色一致，界面清晰，网站整体风格和谐友好。网站全面使用了所学的相关技术实现常见网站的基本功能，而且页面设计要具有较强的个人设计创意。从考核方式看，将考核的重心从理论向应用能力转移，更好地体现学生自主学习能力、创新思维以及实际应用能力。

3 实施效果

为了更好研究《网站建设与开发》课程的教学模式及效果，在信息工程学院的计算机科学与技术2018级1-2班学生中实施新的教学模式与考核评价研究，从期末成绩以及学生反馈来看，效果良好。与没有实施新的教学模式的软件工程专业2017级1-2两个班级的《网站建设与开发》课程的期末成绩进行对比，利用柱状图把软件工程2017级1-2兩个班的期末成绩与计算机科学与技术2018级1-2两个班的期末成绩在不同分数段的人数分布百分比进行显示，结果如图2所示。

软件工程2017级1-2班和计算机科学与技术2018级1-2班的《网站建设与开发》课程采用的授课大纲、授课教材以及授课教师等都是一样的，只是授课的教学模式不同而已，但从图2对比来看，期末成绩差距很大，说明利用新教学模式与考核评价方式是可行的，而且效果良好。另外，由理论到应用能力的考核评价方式符合新工科背景下的课程教学应坚持工程教育认证的成果导向（OBE）和以学生为中心的新的教育理念。

4 结论

为满足新工科背景下高校课程的金课建设，研究并尝试《网站建设与开发》课程教学模式及教学方法的改变、改革重理论、轻实践的考试评价方式，在《网站建设与开发》教学中的应用，实践证明，不仅能够更好地体现以学生为中心的理念，而且能够培养学生的创新思维以及工程应用素养，效果良好，但也存在个别同学线上学习自律性不强的问题，后续会持续改进教学模式。

参考文献：

[1] 肖进丽，肖方亮，徐言民，等.新工科背景下船舶导航类课程“金课”建设探究[J].教改论坛，2019，36（2）：59-62.

[2] 常思江，卫东华.“新工科”背景下专业课程“金课”建设探索——以南京理工大学武器发射工程专业为例[J].高教学刊，2020（33）：6-10，14.

[3] 刘忠艳，杨俊杰，石艳，等.数据库原理课程教学改革研究与实践[J].高师理科学刊，2021，41（5）：95-98.

[4] 刘忠艳，宋志君，张兴华，等.微课在C++课程设计课程教学中的应用[J].高师理科学刊，2017，37（3）：91-92.

[5] 刘忠艳，乔付，周波，等.项目教学法在数字图像处理教学中的应用[J].高师理科学刊，2015，35（2）：75-77.

[6] 叶青，刘长华.新工科背景下的《大数据与云计算技术》课程建设研究[J].湖北经济学院学报，2020，17（11）：149-151.

[7] 何庆，康绍鹏，孔令蕾.基于新工科理念的“先进制造技术”课程建设新思维[J].机电教育创新，2020（10）：146-147.

[8] 刘翠焕，张丽娟，张波，等.新工科背景下应用型本科院校数据结构教学改革研究[J].科技风，2020（10）：38-39.

[9] 刘忠艳，乔付，孟祥丽.微课在普通本科高校课堂教学中的应用研究[J].教育现代化，2019，6（70）：193-195.

【通联编辑：王力】