基于翻转课堂的项目导向教学在网页设计与制作课程中的应用

肖习江

摘 要 在高校网页设计与制作课程中普遍采用项目导向教学模式，通过引入翻转课堂克服教学中以教师讲解为主现象，将学习的决定权从教师转移给学生。把课程内容重新整编为不同层次的项目，重视课前的资源设计，强调学生有目的地收集资料和主动学习，增加课堂研讨的时间，丰富项目评价的方式，优化学习效果，提升学生的网页设计与制作水平和学习能力。

关键词 翻转课堂；项目导向教学；网页设计与制作

中图分类号：G642.3 文献标识码：B

文章编号：1671-489X（2017）06-0089-02

1 引言

随着21世纪对应用技术型人才培养的要求越来越高，对于学生实践能力和创新能力要求也越来越高，需要探索出切实可行的教学方法，不断加强教学模式的改革与实践，以培养更多的高素质应用型人才。本文以计算机专业的网页设计与制作课程为例，探讨基于翻转课堂的项目导向教学模式在网页设计与制作课程中的应用，通过基于翻转课堂的项目导向教学，更好地调动起学生的学习热情，使其实际操作能力得到大幅提升，而且开阔了创造性思维，剖析问题和处理问题的能力也有所加强，教学实践成效也十分显著。

2 基于翻转课堂的项目导向教学概述

翻转课堂是近年来教学改革中提出的全新理念，当前在高校不少课程中引入尝试。该方式与常规的教学方式有很大的不同，其更加注重强化学生学习的兴致，同时改变其习惯，更加主动地参与课堂。而基于翻转课堂的项目导向教学充分利用信息化学习环境，满足不同专业、不同知识水平学生的个性化学习需求，以项目的设计和实施为导向，把设计理论和实践相结合，以培养学生自主探索的精神作为重点的一种教学方式。它将一个整体的项目作为真实案例的教学目标，把教学中相关的主要部分作为项目来交由学生处理，将该项目划分为多个部分，分别进行，完成后再以整体的形式呈现出来。

在整个过程中，教师作为一个协助者，对学生加以指导和监督，而后者则是知识的主要加工者，通过完成项目实现理论和实际操作的完美结合。这两方面的能力都有所提升，而且剖析问题和处理问题的水平也大幅提高，同时能加强团队协作能力。

3 基于翻转课堂的项目导向教学在网页设计与制作课程中的应用

项目准备阶段 根据教学目的设计项目单元，教师在设计项目单元时需要从多方面考虑。设置的项目目标和教学目标相吻合；项目完成都必须具备连贯性，而且在结束时要有个整体的成果，使学生感受到收获的快乐体验；项目应该从学生的角度出发，选择其感兴趣的内容，使其乐于参与。对课程网络教学资源的创建及使用，教师提前做好课程相关的PPT、录像、慕课等，同时搜集一些相关的网络资源，放在教学资源平台上供学生课前阅览下载和学习。同时对平台的使用方法加以介绍，以便学生更好地查阅资料。

在本课程的教学中，将教学项目定为“武汉旅游”宣传网站建设。在教学中自始至终贯穿该项目，同时按照相应的目标，将整个项目分为六个部分，每一部分又细分为多个小单元，进而使得整个项目完成的过程由浅入深、循序渐进。第一部分为资料收集与网站定位，收集网站相关资料进行分析并大致确定内容和结构；第二部分为网站规划，全面落实网站定位，制订详细的网站建设方案；第三部分为页面效果设计，通过平面设计软件设计出首页和各内容页的外观效果图；第四部分为网页制作排版，用网页制作软件编排网页，包括使用CSS+DIV进行布局、使用模板和库的技术编辑多个网页，以及制作各种导航条、动画和网站LOGO等；第五部分为站点整合，对各部分按照整体规划进行集成和整合，形成完整的系统；第六部分为网站测试与发布，先进行兼容性测试，再上传并发布站点。

项目实施阶段 由于课程是以翻转课堂教学模式为基础，学生在课前已经对所学知识有所了解和掌握，因此，教师在课堂中的主要工作是指引和协助，深入到学生的项目活动中，适当提供帮助和针对性的指导。

1）创设情境，激发兴致。不管做什么事情，只有产生兴致才有可能做得更好，而且更乐于完成该事情。学生一旦对一门课程有了兴致，就会自主地进行探索和学习，而且具有持续性。所以，教师应该创设合适的情境，激发学生兴致，使其乐于投身于本课程的学习中。比如在完成第二部分的时候，教师可挑选网站实例来给学生分析，包括网页风格定位、排版布局等，剖析这些网站具有的特色，以及怎样吸引人们的目光。接着让学生自己找一些典型的网站，然后加以分析，并且将自己的看法和教师、同学交流。如此一来，学生的兴致被激发出来，后面的项目内容就更容易完成。

2）问题导向，指导学生打开思路。在完成项目时，应该抓住关键，即将教学重点转化为项目中的小单元。学生开始项目之前先要打开思路进行思考，提出完成项目时可能会遇到的问题，而这些问题正好反映出他们自身所感兴趣的知识面。在这个时候，教师以项目的完成作为大方向，设置相关教学范例，并加以细致剖析，将学生感兴趣的知识点进行剖析，学生就会对而后的项目内容更加用心。教学的重点就落实到项目的小单元中，教师在这个过程中指导学生自己探索相关知识。比如在完成第三部分中的设计首页效果图时，教师可以让学生对该单元加以剖析，对于设计操作过程遇到的困难，学生可以提出来，寻求教师和同学的帮助。而这些困难也就是接下来所要学习的知识要点，整个项目的进行就是学生复习旧知识、学习新内容的阶段。

3）学生自主探索研究为主，教师指导为辅。作为项目完成的主要负责人，学生在积累了相应的知识和技能之后，就应该开始根据方案分步完成项目。在实施过程中，学生在教师的导向之下，不但使自己先前学到的知识及技能得到巩固和提高，还可以养成自主探索的好习惯，遇到困难主动思考处理方法。比如创建“武汉旅游”宣传网站首页时，要先整体对页面进行CSS+DIV布局设计，再进行网页素材编辑，而这一点正是课程中的关键。所以在完成该小单元时，学生在布局设计过程中会遇到多种问题，比如无法显示、布局错位等。在这个时候，教师就可以发挥指引作用，帮助学生找到解决办法，使其顺利完成项目，学生也体会到收获的快乐。

教学测评阶段 完成项目后，学生要将项目成果提交。

首先，由学生自己对项目完成的过程和成果进行评判。不但可以将自己创作的特点展现出来，对其他学生起到一种启发和示范作用，也能将自己未能实现的想法提出来，在日后对项目加以完善。

其次，学生之间互相评价。将项目成果呈现出来，让学生互相评价，不但可以表现出公平，还可以使学生学习其他学生的长处，弥补自己的不足。

最后，教师评价。教师对项目成就进行全面整体评估，从各个小单元入手，如对网站风格、设计排版、特效运用、整体运行效果等进行评价，同时提出一些建设性意见，供学生日后健全网站时加以思考。

在确定最终成绩时，应该综合考虑：1）将学生日常的实操作为平时成绩，占总成绩的35%；2）项目成果的展示效果以及学生对自己作品的闡述，占20%；3）学生之间的相互评价，占20%；4）教师的整体评价，占25%。

4 结语

本文尝试把基于翻转课堂的项目导向教学模式引入网页设计与制作课程的教学过程中来，提高学生学习知识技能的兴趣，主动积极地投身于相关知识的探索之中，把理论和实践紧密联系起来，有助于其掌握相关知识，实操能力也得以提高。然而实施翻转课堂项目导向教学模式还有许多问题，如何让其很好地融入教学实践中，还需要不断地探索。

参考文献

[1]王娜.翻转课堂教学模式在高职网页设计与制作课程中的实践研究[J].科教导刊：电子版，2015（10）：31.

[2]魏春艳.项目教学法在《网页设计与制作》课程中的应用[J].电子世界，2013（8）：148.

[3]陈瑞芳.翻转课堂，优化中职课堂教学[J].文教资料，2014（21）：173-174.

[4]张莉，陈浩，王丽萍.论项目教学法在网页设计与制作教学中的运用[J].流行歌曲，2012（11）.