基于翻转课堂的网页设计与制作课程教学模式研究与应用实践

基于翻转课堂的网页设计与制作课程教学模式研究与应用实践

智文静

集宁师范学院 计算机与大数据学院 内蒙古集宁012000

摘要：在进行教学的过程中,应用翻转型课堂教学模式进行知识的讲解，是将信息化的教学方式与传统的教学思维进行结合。充分发挥了线上教学和线下教学这两种不同教学方式的优点,通过综合教学方式的应用，对教育形式进行改革。教师在进行教学的过程中,需要根据专业课程的特点,对现有的教学内容进行优化设计,并且对教学资源进行完善。在进行这种教学模式应用的过程中,还要充分发挥以学生为主体教师为辅导的作用,帮助学生解答疑惑,使得学生能够在解决问题的过程中,学习到更多的专业知识和技能,获得更好的发展。

关键词：翻转课堂；网页设计与制作；课程；教学模式；研究

1.“翻转课堂”的概念

所谓翻转课堂，是指把传统的教学结构翻转过来，构建学生晚上在家学习新知识，白天在教室完成练习和作业的教学结构。进一步讲，传统教学过程通常包括知识传授和知识内化两个阶段，知识传授是通过教师在课堂中的讲授来完成，知识内化则需要学生在课后通过作业。

操作或者实践来完成的。

2“网页设计与制作”课程教学现状分析

目前，“网页设计与制作”课程普遍采用课堂案例教学，即在课堂上通过案例分析讲授知识和实验步骤演示，当堂完成练习。这种教学模式相对于之前的先进行知识点讲解再安排案例练习的授课方式有较好的教学效果，但这种案例教学模式在实施过程中还存在很多问题。

2.1不能进行个性化教学

课前，学生只是通过看教材进行简单预习。课上，教师在45 分钟时间内要讲授多个知识点，课堂上班级内的学生接受的都是一样的信息、一样的进度，教师很难注意到每个学生堂握的进度不同。课后，完成作业时，有的学生已经完全掌握课上讲授的知识，能够很快完成作业:而有的学生则不太明白，需要通过帮助才能勉强完成作业;而有些学生既不理解又差干寻求帮助，遇到的问题越积越多，到了学期末。根本无法完成课程设计

2.2内容覆盖面广、课时有限，难以保证教学质量。

网页设计涉及平面设计技术、HTML语言、XML语言、 CSS样式技术、Javascript脚本技术、动画技术以及服务器配置技术等。以我校为例，该课程的课时有64学时，教师在课堂上讲授知识点和步骤演示至少需要32课时。省下32课时留给学生知识点学习和上机操作，难以做到完成课程大纲要求，教学质量得不到有效提高。

2.3局限了学生的创造性

网页制作这门课相对于其他编程课程来说，知识点不难理解，在课堂上学生根据教师的演示，容易完成实验任务。但是对干没有任何美工基础的计算机专业学生来说，构思网页布局、美化页面较难，制作出个性化的网页受到了限制。

因此，我们需要对现有的网页制作课程的教学模式进行改革，本文提出了在该课程中应用翻转课堂教学模式来提高课程的教学质量。

3.高校网页制作专业课翻转课堂教学模式

3.1.课前发布

课前阶段，是整个教学环节的基础，教师在此阶段要在教学平台上完成教学文件的发布，其中包括教学目标、教学任务、教学课件、教学视频等,学生要在此阶段完成学习及初步实验报告。笔者教学平台采用的是泛雅学习通平台.例如导航的构造这个单元,要完成的教学目标是:掌握垂直导航、水平导航、按钮式导航的制作，了解交互式导航。教学任务是:在列表的基础上完成垂直导航条、水平导航条、按钮式导航条的制作。教学资源包括本节课的课件、微课、作业及pdf资源。微课由三个小任务组成:列表的实现、超链接的添加、垂直导航条的制作，任务层层递进,在最后通过多选题形式督促学生思考用所学的 css知识做出水平导航条。通过微课，让学生能够独立完成乖直导航条的制作,以及思考水平导航条的实现。

3.2课上

网页设计与制作是一门理论和实际联系很强的课程，要求学生既要掌握理论又要会实践操作，把理论应用到社会实践中，达到学以致用的教学目标。教学安排一般是理论32学时与上机实践32学时。在授课过程中，我首先创设情境，让学生浏览自己最喜欢的网页，引导学生思考什么样的网页点击率高?学生怀着激动的心情一边上网一边讨论问题，这样，在轻松的环境中明自了网页制作的基本要求，课堂气氛也很快调动起来。

制作首页的过程采用翻转课堂的教学形式，课前学生观看教师录制的操作视频，课上，通过不同图像的观察对比，让学生对图像有一个初始认识。使用表单罗列常用图像的特点及应用场合，清楚明了。接着，先请学生谈谈在视频学习中出现的问题及解决方法，再让学生

进行操作演示，教师和其他学生从旁指导，这样一方面，让所有同学加深对操作的理解，另一方面，检查了学生课前的预习情况。

33.课后拓展延深,实现分层考核

为了巩固课上所学，课下学生要完成课后任务，不同层次的学生选择自己能完成的任务，通过不同分值计入最终评价。动手能力强的同学,有一定的编程基础.通过平台链接的资源自己开发出交互的导航，为将来从事网页前端的工作做好准备。中等层次的同学，完成个性化的按钮式导航制作。为完成良好的结课作业打下基础。基础层次的同学，能够独立完成个性水平导航的制作即可。

3.4教学评价的建立

在课程前，教师根据学生完成的任务练习或所提出的问题评定课前的学习情况。在课程中，教师根据学生完成拓展任务及小组中的表现,评定课中的学习情况。这部分评定可以包括:自我评价、小组互评和教师评定。在课程后，通过作业练习或阶段考核，评定知识的掌握情况。通过对课前独立学习能力、问题研究讨论能力、团队合作协调能力、任务完成公关能力等多方面的综合评价,来促进学生的学习主动性、独立性和创造性，重新引导学生成为学习的主体。

4.翻转课堂教学模式应用的总结

随着翻转课堂教学模式在“网页设计与制作”课程中的不断实践和调整,其对增强课程的教学效果还是起到了明显的作用。教师所制作和提供在共享平台上的教学资源可以长期存放，并方便学生随时观看学习。对于临时缺课的学生，教师可以利用资源供其学习。对于领悟接收能力较差的学生，可以利用教学资源，方便他们在课前课后进行反复观看学习。这样既完善了个体的学习需求,又可以节省公共的课堂时间，提高课堂整体的教学效率。

5. 结束语：

翻转课堂教学模式的初步应用,教学效果显著，学生的自觉性加强,课堂互动积极。实践证明，基于任务的翻转课堂教学模式,以实际任务的解决贯穿整个教学过程，更加充分体现了学生的主体地位,学生的自学能力、协作能力、解决问题的能力得到了大幅提高。同时，教师为了顺利解决学生学习过程中遇到的问题，必须先提升自己的能力，所以，翻转课堂教学模式的应用也提升了教师的业务水平，能够更好地驾驭所教课程。

参考文献：

[1] 柏翠, 程巍. 浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用[J]. 科技资讯, 2015, 13(29):2.

[2] 陈画, 杨孟莹. 基于微信平台的翻转课堂教学改革与实践——以《网页设计与制作》课程为例[J]. 电子商务, 2018(5):3.

[3] 杨小伟. 翻转课堂教学模式在中职网页设计与制作课程中的实践研究[J].  2018.

[4] 陈颖, 汪兴来, 王鹰汉. 基于全媒体移动学习的《网页设计与制作》O2O翻转课堂教学模式应用研究[J]. 湖北函授大学学报, 2017, 30(20):3.

作者简介：智文静 （1970.10），女 汉族 内蒙古乌兰察布 集宁师范学院 学士，副教，授，研究方向 ：多媒体技术

课题名称：基于翻转课堂的网页设计与制作课程教学模式研究与应用实践，课题编号2021-AFCEC-275