混合式教学在高职《网页设计与制作》课程的应用研究

摘要：《网页设计与制作》课程教学要根据高职学生的实际情况和特点，以职业为导向、以专门技能的形成为目标、学生为主体，引入翻转课堂的混合式教学方法、调整教学内容、重视过程考核等方面，尝试对本课程进行改革。

关键词：高职；网页设计与制作；翻转课堂；课程教学

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

文章编号：1009-3044（2019）07-0235-02

随着互联网的蓬勃发展，网站开发市场需求量一直在节节攀升，《网页设计与制作》课程已成了各高职院校计算机应用专业学生的核心课程，主要讲授的内容有Html标记、表格布局、Div布局、Css样式、JavaScript 脚本语言等，课程知识点很多，如何在有限的课时里学好并掌握课程内容，需要借助信息技术，将传统的课堂教学和现代的翻转课堂搬进校园，满足学生个性化的需求，培养学生的实际操作和页面设计的能力，通过混合式教学模式充分调动学生自主学习的积极性和制作网页的兴趣性，让学生熟练掌握网页设计流程和开发能力。基于对相关理论的学习研究，开展高职院校翻转课堂混合式的教学实践与研究。

1 教学现状及其原因

《网页设计与制作》课程通常是采用理论讲解与实践操作并进的方式授课，老师讲解基本知识点、示范基本操作，学生模仿练习，网页设计代码的知识点简单、标记和属性名繁杂、课时有限、任务实施进度快、记忆有难度。在多年的网页设计教学过程中发现，高职学生普遍缺乏学习兴趣，接受能力有限，英文基础薄弱，代码输入错误率高；课外不预习复习，课上缺乏与老师互动，或者认为基础知识很简单，不屑认真听讲，等到自己操作时，无所适从；学习主动性差，遇到代码出错，自行解决问题的学生少之又少；知识点积累多了，缺少复习环节，势必缺乏对全面知识牢固掌握，最终课程结束也不会对网页做合理的布局和设计。教师实施课堂教学时，老师虽然力求上好每一节课，然而没有学生的积极配合，是收不到成效的，课程结束时能独立设计和制作出规范又美观的网页作品屈指可数。如何结合高职计算机专业学生自身特点和课程的特点，以就业岗位的为导向，职业能力为目标，探索与构建一套适用于本课程的有效的教学模式，对本课程进行教学改革的研究就显得非常重要。

2 课程教学改革

高等职业教育是以职业岗位为导向，以专门技能的形成为目标，突出能力的重要性，该课程的教学内容、教学方法、教学手段的设计要体现出以“能力为本位、就业为导向”原则推进课程改革才有意义，才能将教学目标落到实处。翻转课堂作为一种结合现代信息技术的最新的教学方法，在教学中逐渐推广。在本课程教学中，怎样才能有效地进行课堂翻转，设计好课外学习任务和课内任务，有效组织学生进行自主学习及实践能力培养是值得探讨的，通过实践，本课程的课程教学作了一下几个方面的改革：

2.1 课程教学内容的改革

信息技术应用发展很快，应用软件不断在更新，教学内容也要及时更新，《网页设计与制作》课程教学“以能力培养为核心，以职业岗位为目标，以工作过程为导向”的原则，合理选择课程内容，确保课程内容能够满足社会需求，教学内容有前沿性和延续性，让教学内容与职业接轨，学有所用；教学用书可以选取案例教程，知识点独立、讲解全面，既方便教师制作翻转课堂的小视频，也有利于学生阅读。教师选择的课程内容以应用性知识为主，理论知识为辅，突出学生的实践能力，最好选取企业实际项目作为教学内容，将课程所包括的知识点分解到各教学项目中，实现教学内容的有序化。

2.2 教学模式的改革

2.2.1 教学设计改革

课程教學中充分实施“教学做”的教学方法，在课堂传统教学中以项目为先导，推行任务驱动、要点剖析、拓展练习的教学形式；在课后的翻转课堂，推行视频演示、模仿练习的教学形式，对课程基础知识点的讲解，放在学习平台让学生提前预习并作模仿练习，主动完成新知识的探究。课堂教学着重放在难点分析和知识点综合应用与拓展练习上，与传统的“教学做”相比，引入翻转课堂的混合式教学模式下的学生，学生学习参与度提高，更容易完成课程的教学任务，课程教学设计如下图：

翻转课堂小视频制作遵循“深入浅出、突出实用”的原则，将知识点分解为基础、进阶和拓展提高，满足学生个性化的需求，让学生在课后根据自己的实际情况灵活安排学习时间、学习进度和学习难度，多出了思考的空间巩固课堂的教学内容；在课堂里，教师通过课前学习任务的完成和反馈，更加了解学生学习的困难所在，有助于教师展开更有针对性的教学，使得课堂内的教学更加集中高效。

2.2.2 教学资源的多样化

引入翻转课堂的教学过程中，运用信息量较大的多媒体技术辅助教学，如将盒子模型章节的内容如盒子模型属性、元素类型及转换、元素的浮动、元素的定位等基本知识点及具体应用讲解制作成小视频，上传平台，让学生自行提前观看，可以大大缩减课堂理论讲解，从而增加了项目实施时间，优化教学过程，激发学生的学习兴趣。降低理论教学的枯燥性，提高学习的趣味性；网上有许多优秀的学习视频，教师提前准备与课程同步资源，上传学习平台，丰富教学材料；学生的作品、PPT课件、习题也能提供学生复习和巩固。当课程的知识结构及概念等理论知识融合在案例代码中以作品的形式呈现时，学生会更主动地投入到学习和操作中。引入翻转课堂的混合教学法大大增加了教学信息量，在利用网络资源的同时，提高了学生的学习兴趣，培养了学生的学习主动性。

2.2.3加强实践教学中的监督

由于高职学生缺乏学习主动性，在混合教学方法实施过程中教师有必要加强翻转课堂学习的监控，通过课前提问或在平台上检查预习任务的完成情况，确保课前的学习质量；教师还要关注自主学习能力差的学生，积极引导在翻转课堂学习中多提问题并参与交流讨论。

2.3 考核方式改革

考核作为一种教学评价手段对教学有着重要的促进作用，单一的用期末考试成绩来评价学生，往往使学生不注意平时的知识积累，所以要实现教学目的，促进翻转课堂在《网页设计与制作》课程教学中得到落实，确保课堂教学效果，还应完善考评机制，对学生的学习进程进行监控和引导，过程评价不仅要涉及知识的掌握情况，还应涉及学生的多种能力如自主学习、问题解决、探索能力等的培养，考核形式单一的结果评价体系，会让学生只注重考试，而忽视平时的学习过程，因此要将平台学习进程纳入过程考核，同时结合平时课堂提问和项目的实施，全面综合评价不仅能反映学生的课程掌握情况，还可以通过反馈的信息及时调整教学中欠缺之处。短视频观看20%、课堂表现20%和项目实施情况40%形成的过程考核占课程总成绩的80%，整合了过程评价和结果评价的多样化考核机制不仅能使翻转课堂落到实处，有效培养学生预习复习的好习惯、提高学生自控能力，同时还有助于教师提高课堂教学效率。

3 结束语

网页设计软件种类多且更新快，需要教师不断学习不断进步；混合式教学中，教师除了精通各种设计软件，还要对本课程的知识点划分、课堂设计非常清晰；对课程的教学资源搜集和整合需要花费较多精力；对翻转课堂视频的制作，素材上传都要花费较多的时间；教师工作量大大地增加，这些都需要学院重视和支持，安排多名老师分工合作，分担一定的工作量，才能完成较好的翻转课堂教学工作。

在对网页设计与设计课程内容做调整，采用混合式教学后，学生的自主学习能力确实有了一定的进步，相比传统的教学方式，学生在课堂上能发挥主动性，也免了学生课外不预习不复习、课堂不交流的尴尬局面，有更多课堂时间来实施项目，信息量的加大也避免了老师课堂讲什么就会什么的情况，在对教学结果进行了系统性评价后，结果显示以学生为中心的混合式教学，可以提高学生独立学习和解决问题的能力，在提高教学质量的同时更能实现职业导向的教学目标。

参考文献：

[1] 布勒布丽汗.《静态网页设计》课程教学改革研究[J].电脑知识与技术，2017（6）.

[2] 陈英.《网页设计》课程项目化教学改革[J].职业教育，2018（7）.

[3] 赵国柱.动态网页设计混合式实验教学改革探究[J].山东农业工程学院学报，2018：174-175.

[4] 叶婉秋. 高职程序设计语言课程教学改革--以《C语言》为例[J].电脑知识与技术，2016（6）.

[5] 曾小军.混合式学习设计：确保高校翻转课堂学习质量的新模式[J].教育导刊，2018（6）：82-84.

【通联编辑：唐一东】