网站建设与开发课堂教学改革实践

摘  要：随着网络和现代教育技术的发展，网络教学平台和网络课堂受重视的程度显著提高，线上教学通过网络教学平台将教学资源共享给学生，使教学突破时空限制，学生可以有针对性地学习不同的知识点和内容，促进学生的个性化发展。该课程通过超星学习通教学平台进行资源的共享和课堂的互动，将传统课堂与线上教学形成优势互补，提高教学效率，改善教学效果。

关键词：专创融合;混合式教学方法;学习通平台

中图分类号：TP39;G434   文献标识码：A 文章编号：2096-4706（2021）16-0182-04

Practice of Classroom Teaching Reform in Website Construction and Development

ZHANG Qiaoling

（School of Design and Art， Shandong Huayu University of Technology， Dezhou  253034， China）

Abstract： With the development of network and modern educational technology， the importance of network teaching platform and network classroom has been significantly improved. Online teaching shares teaching resources to students through network teaching platform， making teaching break through the limitation of time and space. Students can learn purposefully different knowledge points and contents， which promote students' personalized development. The course carries out resource sharing and classroom interaction through Chaoxing learning APP teaching platform， complements the advantages of traditional classroom and online teaching， improves teaching efficiency and teaching effect.

Keywords： integration of expertise and innovation; blended learning method; Learning through platform

0  引  言

网站建设与开发课程是实践应用类课程，主要以知识点讲解并完成项目案例为主，传统的教学方式以线下教学为主，主要是课堂上知识点的讲解和课下案例作业的完成。单纯的线下教学集中在课堂，受上课时间和空间的限制，学生在课后难以对课堂上讲解的知识进行准确性地回顾和选择性地复习，教师也很难关注到所有学生，单一的教学模式造成学生“一看就会，一做就废”的局面。

受新冠疫情的影响，线上教学作为应急策略，在保证教学工作稳步开展的同时，也带来各种线上教学资源如潮水般蜂拥而至的局面。很多课程在实践过程中将线上教学简化为线上资源的共享，并没有将线上教学与线下课堂很好地结合起来，本文将以网站建设与开发课程为例，详细地阐述线上教学平台在实际教学过程中的应用。

1  课堂教学改革方案设计

本次课堂改革主要体现在基于“职能化”课程内容的重構以及以超星学习通平台为主的线上线下混合式教学方法的实践。本次课堂改革面向岗位需求和专业需要，根据企业或岗位的实际“工作过程”重构专业课程教学体系，以培养学生的职业能力和素养为目标，对课程的内容设置以培养学生职业岗位能力为核心，实现工作过程与教学过程的全面对接。课程内容的设置不仅要考虑学生知识的积累，更重要的是注重知识点与企业需求的充分结合。只有做到将知识内容与企业需求相结合，才能让知识更立体，就业更直观，应用更奏效，如表1所示。

从充分利用现代化教学手段、提高教学效率、增强教学效果的角度，构建了基于超星学习通在线平台的信息化环境，将传统教学中师生互动性强的优势与网络在线教学中时空延展性强的优势结合起来，既发挥教师引导、启发、监控教学过程的主导作用，又充分体现学生作为学习主体的主动性、积极性与创造性。

1.1  线上课程设计

线上课程主要借助超星学习通平台来完成，通过超星学习通平台创建课程并上传课程相关的视频资源和参考资料，通过该平台量化课堂平时考核与作业批阅。线上课程主要教学资料包括四部分内容：

（1）线上视频。线上课程的内容完全根据企业项目和项目任务来设计，每个任务中有一个20分钟左右的视频，视频是对任务的讲解和介绍，主要的制作思路和技术要点以及所涉及知识点的讲解，如图1所示。比如，搜狗搜索首页设计主要体现在一系列网页布局特征，涉及的知识点有一系列网页布局、HTML中文本、图像和表单的创建以及CSS中文本样式和布局属性。

（2）参考资料。线上课程的参考资料主要是指软件及软件使用说明文档、项目库及其他网站参考资料，比如W3Cschool教程、HbuilderX软件介绍以及软件的下载地址和软件的产品文档介绍，比如项目三任务二中会讲解到CSS属性，而参考资料就是关于CSS属性常用的参数设置以及相关的案例应用，如图2所示。通过参考资料学生可以额外扩充知识点，及时补充并巩固知识点。

（3）随堂练习。以往每节课的前5分钟为知识回顾阶段，大多为对知识点的回顾，通过老师的演示完成，本课程主要讲解的是HTML和CSS，属于编程类课程，知识点比较零散，单纯的知识性回顾无法很好地把握学生对知识点的真正掌握与否。而本次课堂改革将通过学习通平台进行随堂测试，有的知识点是以选择题的形式进行，时间设置为2分钟内完成，有的知识点是以简答题的形式进行，让学生拍照上传代码截图，时间设置为5分钟内完成。相对难度较大的题目会根据实际情况来设置时间长度。当堂测验所测验的不仅是学生对知识的掌握程度更是考查学生对知识的熟练程度。老师会根据学生的答题情况当堂点评，并提出意见，如图3所示。这样不仅可以激励学生向最先提交的学生学习，更能激发学生学习的积极性，另外通过学生的答题过程，老师也能清楚地掌握学生的问题点以及偏重点，将容易出错的地方及时反馈给学生，这不仅有利于学生对旧知识的回顾也有利于其对新知识的学习。

（4）阶段性测评。在每个项目讲完之后都会设置阶段性测评，主要考查学生对本项目知识点的掌握情况以及应用情况。教师通过超星学习通平台上传阶段性测评的作业要求，学生在规定的时间节点内完成并上传至学习通，教师会根据学生上传的作业情况予以评分并写评语，学生可随时查看成绩和评语，及时与老师沟通。例如，项目二任务六的知识点讲解完成后会设置阶段性测评，阶段性测评是以中国排球协会为例进行网页设计，不仅考查学生对项目二中知识点的掌握情况，更是通过企业项目来培养学生的职业道德观，利用选题帮助学生树立正确的社会主义核心价值观。学生上传完测评任务后还可以在网页代码部分查看最终的代码情况，便于其及时进行更改，如图4所示。

1.2  线下课程设计

线下课程主要是通过项目驱动法来完成新知识点的讲授以及项目的制作，主要包括三部分内容：

（1）课堂知识讲授。以项目驱动法和演示法进行知识点的讲授以及项目的制作，依然以搜狗搜索首页设计为例，将搜狗搜索首页设计示例导入课堂，分析本网页的页面构成元素（比如文本、图像、表单等），分析完网页元素构成，继续分析网页样式和布局，首先整体是一列而且水平居中，然后引出一列网页布局的知识点以及重难点极其应用领域和使用技巧，如图5所示。

（2）课堂评价。本课程的考核形式分为平时考核和期末考核，其中平时考核主要包括课堂评价和平时作业两部分。而课堂评价主要是通过超星学习通进行的，将随堂测试、阶段性测评和考勤计入其中。根据线上随堂测试结果当堂评价学生的完成时间、速度和质量以及存在的问题。将阶段性测评中存在的问题进行汇总、分析、归纳并在课堂上进行评价分析。

（3）小组分工合作。本课程的实践性较强，有些项目可根据企业工作岗位的设置及要求进行小组分工合作完成，项目完成后随机选取一个小组进行小组作品展示，老师对小组成员、小组作品进行点评。

2  课堂改革具体的实施过程

本课程树立“以学生为中心”的教学理念，坚持以学生为主体，教师作为学生学习活动的组织者和引导者，在课堂教学中要充分调动学生学习的积极性、主动性、参与性和创造性，致力于激发学生内在潜力和学习动力，注重学生德智体美劳全面发展。以本课程项目三“CSS美化网页”中的任务三“垃圾分类系统设计”为例，分析具体的实施过程和教学方法。

首先是本节课三维目标的设定，使学生在课程的学习中，不但能够获得基础知识与基本技能，更为重要的是学会学习以及形成正确的价值观，所以设定以下三维目标：

（1）知识目标。掌握CSS属性参数设置方法和技巧。

（2）能力目标。掌握不同网页元素的设计技巧。

（3）思政目标。加强学生审美感受能力，提高学生审美判断能力以及审美创造力;培养学生的全局观念和大局意识，通过垃圾分类处理树立其正确的可持续发展观。

其次是本节课的课前准备和课堂讲授部分，下面是具体的任务安排和内容设置：

（1）课前。3个人为一小组，分别负责垃圾分类素材搜集与整理、垃圾分类系统流程图设计、垃圾分类系统界面美工设计。

（2）课中。将上一节课的知识点CSS属性通过学习通进行随堂测试，测试内容如图6所示。

教师点评，在规定的时间3分钟内完成的人数为21人，部分同学也在书写代码，但是时间不够，说明他们对知识掌握的熟练度不够，部分同学代码书写错误。

将课前学生上交的垃圾分类设计图打开，向学生展示不同类型的垃圾，然后分析这些垃圾如果不能得到正确处理将会给我们带来多大的危害，最终引出垃圾分类系统设计的必要性和重要性，并使学生树立正确的可持续发展观。

分析垃圾分类系统设计的意义、目标群众、设计原则。结合已有的垃圾分类系统分析各个模块之间的关系，及其与整体系统的融合，给学生灌输全局观念和大局意识，使其理解局部和整体的关系。

根据学生课前准备的系统界面分析主要色彩搭配和布局排版设计，强调要以用户的需求为原则进行设计，体现用户至上的服务原则。

挑选一组设计比较完整的界面，提出问题并提问，再引导学生继续挖掘更深的解释，最终汇总问题，然后引出新的知识点“CSS选择器”，讲解完新的知识点后，由学生结合新的知识点完成案例。

针对课前完成的界面，分组利用新的知识点完成前端的设计，并挑选一组进行课堂演示，由教师评价并总结，如图7所示。

图7  课堂教学实录

3  结  论

本次课堂改革立足于企业需求和专业需求，结合学习通平台线上线下混合教学模式的优势，改变课程过于注重知识传授的倾向，强调学生形成积极主动的学习态度，将课程打造为使学生在获得基础知识与基本技能的同时，还能够成为学生会学习和形成正确价值观的过程。将专业教育与创新创业教育相结合，从更根本层面、更精深程度、更關键环节上深入推进“专创融合”和专业课程教育改革。利用线上教学平台使学生在课堂中以及任何地点，均可以有效利用碎片化时间进行学习，完全契合当前互联网+教育时代移动学习的需求。

参考文献：

[1] 桂小林，吴福英，易玉根，等.课程思政背景下的混合式教学模式实践——以Linux基础课程为例 [J].计算机教育，2021（9）：1-5.

[2] 张巧岭.浅谈交互设计课程的专创融合 [J].文教资料，2021（3）：190-191.

[3] 高玉侠.混合式教学模式在经济法教学中的融合探析 [J].教育教学论坛，2019（50）：217-218.

[4] 许洪堪，葛丽萍，杨庆辞.新建地方本科院校成人教育转型模式初探——以保山学院为例 [J].保山学院学报，2016，35（1）：86-91.

[5] 蔡其勇.新课程改革背景下的教师专业发展研究 [J].教育探索，2006（12）：124-126.

作者简介：张巧岭（1989—）女，汉族，山东德州人，助教，本科，研究方向：数字媒体技术、程序设计。