【摘要】教育信息化的发展对高职教育产生了重要影响，使传统课堂教学模式受到挑战。基于高职“网页设计”课程教学实际，尝试应用翻转课堂教学模式，使用线上教学平台，在教学中构建有效的学习支持系统，并通过数据分析得出翻转课堂教学模式的优势与不足，指导课堂教学。
【关键词】翻转课堂；网页设计；教学模式；课堂教学
0引言
互联网技术和移动设备的快速发展，使学生获取知识的方式多元化。传统课堂学生“低头”情况严重，学习积极性不高，教师和学生之间的交流沟通较少。“网页设计”是软件设计专业（Web前端方向）和电子商务专业的核心课程，理论和实际结合紧密。为了提升学生的应用和创新能力，更好地与企业需求接轨，笔者尝试使用翻转课堂教学模式进行“网页设计”课程 教学。
1研究背景
1.1“网页设计”课程存在的问题
（1）高职学生学习效果不佳，传统课堂教学中学生的学习积极性不高。高职院校计算机专业学生一部分来自普通高中，对计算机类课程的学习仅停留在基础阶段；另一部分学生来自职业高中，学习过专业课程，基础相对较好。基于不同的学生基础，教师上课时很难掌握课堂教学 进度。（2）课程容量大，上课时间不足，课堂教学无法延伸。“网页设计”课程是软件设计专业（Web前端方向）和电子商务专业的专业课，每学期约18周，每周4课时。专业课程需要扩展大量知识，而传统课堂无法满足这方面需要。（3）传统教学模式下，教师需要照顾所有学生，很难开展个性化教学，教学难度大。（4）传统教学模式下，学生缺少自学资源。优秀学生想要自主学习新知识，需要教师的整理和推荐。学习资源碎片化，学生难以进行系统 学习。
1.2翻转课堂应用研究
翻转课堂改变了传统教师讲授为主的局面。改变传统课堂的教学模式，学生在课下通过实践完成教师布置的任务和课前自主学习内容。课堂上教师检查学生的学习情况，与学生互动交流、答疑解惑，和小组学生协作展示成果，完成以学生为中心的学习。这个过程中，如果没有高技术素养的教师和学生，难以实现翻转教学结构、教学方式和教学模式的重大变革[1]。翻转课堂教学设计如图1所示。
1.3“网页设计”课程应用翻转课堂的可行性
“网页设计”课程是软件设计专业（Web前端方向）和电子商务专业本科二年级开设的专业课。这些学生已经具备基本的专业知识、能够使用基本的智能设备和教学平台的能力，能很好地管理自己，完成学习任务。另外，翻转课堂教学模式对教师有更高的要求，需要教师选择适合不同层次学生需求的学习资源。“网页设计”课程在机房上课，机房配备了多媒体设备和计算机，给实施翻转课堂提供了必备条件。
2翻转课堂在“网页设计”课程中的应用
2.1研究目的
在“网页设计”课程中使用翻转课堂教学模式，可解决传统教学的问题，检验翻转课堂在实际教学中的实际意义。
2.2翻转课堂应用现状
通过问卷调查、课堂形成性评价和学生成绩数据分析，论证翻转课堂教学的利与弊。传统课堂和翻转课堂对比情况，如表1所示。
2.3教学模式设计
（1）课前导学。包括：课前任务单的设计、“网页设计”教学支持系统的设计、针对不同层次学生的教学设计。基于超星学习通软件平台进行教学模式设计，为保证教学质量、激发学生的学习兴趣，教师需要提前准备教学任务单和导读内容，督促学生自主完成预习。例如，教师布置“网络鞋城电子商务网站制作”的学习任务；先学习工具的使用，完成鞋城网站的制作；课上师生交流，教师检查学生小组完成任务的情况，并将“网页设计”课程和电子商务专业知识相结合布置新学习任务；学生自由组合成小组，5人为一组，选一名学生为组长；要求学生设计一个关于鞋城的电子商务网站。网站的具体内容包括：鞋城的主页、商品展示页、商品详情页、关于鞋城、常见问题、购物车和联系方式等。将教学内容分为如下5个部分：①网站需求分析，分析现实工作中遇到的实际问题，仔细写出需要实现的功能，基本确定网站的内容和结构。 ②网站的规划设计，制订网站规划方案。③网站的精细化，利用网页设计软件和其他平面设计工具，完成网页内容和网页上的图片等。④进行网页布局设计，使用HTML、CSS和JavaScript等软件完成网站的布局和效果。⑤进行网页测试，发现问题并修改设计，完成静态页面设计。（2）课中研学。教师完成课堂教学设计时使用翻转课堂教学模式，要求学生课前在超星学习通平台学习过基本内容。教师展示鞋城网站最终效果并分解任务，帮助学生逐步完成鞋城网站的制作。具体包括①展示小组作品，进行组间交流和教师评价；教师深入了解学生的学习情况，学生展示任务完成进度，教师对学生提出的问题进行解答；小组间交流设计思路；在交流中完善自己的设计思路。教师结合实际使用中遇到的案例给学生提供引导，提示学生在完成网页设计时需要注意的问题；小组展示时，组内先自评，然后进行组间互评和教师评价，并邀请用户测试网页的实用性。②在教学中进行案例引导，任务驱动；学生完成初步的设计工作，在过程中提出问题；教师细致剖析和整理问题，重点解决，引导学生后续学习。例如，设计详情页面时，教师展示常用电商网页的产品详情页供学生参考借鉴。③学习中以学生自主学习为主，教师辅导为辅；教师教给学生网页设计的基本思想和工具，学生自主完成任务设计；在解决实际问题时巩固和提高已学知识，遇到问题自主探究解决办法。例如，在设计鞋城网站首页时，先要对网页进行整体布局设计，教师讲解CSS+DIV布局知识，学生自主设计，搜集素材，布局内容。然而在实际操作中，学生经常会遇到布局显示错误等问题，教师发挥指导作用帮助学生解决问题，学生可在解决问题的过程中增加学习兴趣。（3）课后反思。包括：教学测评，小组完成任务，课堂提交作品。学生小组演示网页功能，讲解作品的创新点和实用性；交流过程中发现自身问题，且给其他小组学生启示；组间互评提出优点和不足，改进作品；聘请企业专家指导网站的设计。此外，教师对整体完成情况给予评价，对解决不了的问题给予提示，如网页布局结构、特效使用等，对于普遍存在的问题提示学生予以重视。整个教学过程体现了教师主导、学生主体的原则。教师在教学中启发学生的创新思维，学生通过小组合作培养合作能力和创新思维。
3教学效果评价
3.1实现个性化学习
“网页设计”课程教学中，学生基础参差不齐，传统教学中教师难以满足所有学生的学习需求。翻转课堂教学模式可以很好地解决这个问题。教师给学生提供完整的知识体系结构，学生根据自身情况选择学习内容，完成个性化学习。另外，教学平台提供交流功能，教师可及时回复学生在自学中遇到的问题。
3.2提高学生的合作能力和学习主动性
项目实施过程中，学生以小组形式完成教学任务，组内分工完成项目。在此过程中，学生之间相互交流合作，发挥特长，遇到问题及时解决。优秀作品的完成需要组内成员共同合作。在设计商品的详情页时，小组人员分工明确，如有整理修改图片的，有整理鞋类大小规格尺码的，也有学生关注细节展示（如鞋的材质、图案、做工和功能等），还有负责代码编写的。通过交流，发挥了学生的学习积极性，教学中以学生为中心。此外，学生自学部分的内容来自线上学习平台，学生在应用中不断提高计算机技术和使用智能终端的能力。学生在学习中锻炼了自控能力、自主思考能力和自主学习能力。
3.3需要学生投入更多的时间和精力学习
教学内容不再局限于课本。在“网页设计”教学中，除了教师给学生提供的学习资源，学生还可利用中国大学MOOC等平台学习“网页设计”课程，如北京林业大学的“Web前端开发”课程。但是，学习内容的增加需要学生投入大量精力和时间，因此高职院校的课程要和实践相结合。例如，教师联系企业，企业提供网站设计的需求，学生运用所学知识解决实际问题，实现了教和学的协作，有利于培养学生实际应用的能力。
4改进与思考
在实施翻转课堂教学时，需要教师提供系统的学习资源和学习平台。教师在准备课程时需要调研实际应用，这需要学校的大力支持。兄弟院校之间资源共享和企业专家的指导可为教学顺利实施提供可行的条件。此外，在“网页设计”课程的教学平台资源建设上，课程资源还不够丰富；讨论区域不能及时解答学生提出的每个问题；企业专家由于时间等因素，参与程度受限。这需要日后进一步调整教学方案来解决。
5结语
“网页设计”课程教学中，应用翻转课堂教学模式，教学效果明显提升。课堂教学气氛活跃，学生提交的作品具有创新性。翻转课堂教学模式有助于实现个性化教学，在“网页设计”课程教学的进一步研究中，可将大数据和人工智能技术应用于教学，教师依据信息反馈，更好地因材施教。将教学内容和企业实际相结合，在教学设计中启发学生创新思考，构建合理的教学评价体系，实现高效的课堂教学。
【参考文献】
[1]肖习江.基于翻转课堂的项目导向教学在网页设计与制作课程中的应用[J].中国教育技术装备，2017（6）：89-90.
[2]王娜.翻转课堂教学模式在高职网页设计与制作课程中的实践研究[J].科教导刊，2015（10）：31.
[3]邬彤.基于项目的学习在信息技术教学中的应用[J].中国电化教育，2009（6）：95-98.
作者:曹利 单位:晋中师范高等专科学校