游戏化展示教学在网页制作这门课中的应用

摘要：网页制作包含网站策划、版面设计、网站推广和用户体验等，内容繁多，对学生的网络技术综合能力要求较高。如何让学生在课堂上理解和顺利地掌握网页设计所要求的各种技能，一直是令广大教师头疼的问题。教师们也采用了很多的教学方法，经实践证明，游戏化展示教学是一种不错的选择。这种教学方法不仅可以使复杂的网页制作形象易懂，而且寓教于乐，很好地活跃了课堂的教学氛围，深受广大教师的好评。本文就结合网页制作中的几个方面，谈谈个人对游戏化展示教学的一点看法。

关键词：游戏化教学；网页制作；应用策略

中图分类号：G718.3 文献标志码：A 文章编号：1674-9324（2013）42-0247-02

根据网页制作的各个流程的特点，游戏化展示教学方法很好地抓住了其精髓所在，将网页制作的内容以教学游戏的方式在潜移默化中让学生领会和吸收，既减轻了学生的学习压力，又能在教学中锻炼学生的团队精神和集体意识。

一、游戏化展示教学在网站策划中的应用

在对网站建设前，必须先确定网站主题，找准网站所针对的人群，以便定下网站的主色调，这就是网站策划。教师在讲授这部分内容时，可以安排以下的教学游戏活动：

教学目的：明确不同人群对应不同网站设计风格游戏形式：将教室人数平均分为五组，进行分组讨论角色分配：一组扮演老年人，一组扮演青年人，一组扮演儿童，一组扮演时尚女性，一组扮演潮流男士。

任务分配：每组将所扮演角色的爱好、形象、风格和所关注的问题总结归纳。

游戏流程：以扮演时尚女性的小组为例。每个小组成员都要依次说出所扮演角色的一个特点，不能重复。如：爱好：购物、美容、健身、养宠物、旅行、读书、听音乐等；形象特点：时尚干练、优雅精致、落落大方、妆容精细、衣着得体等；关注问题：时尚动态、美容资讯、娱乐八卦、美食搜寻等。当然内容越详细越好，然后由一名小组成员将这些总结记录下来。以此为例，各个小组都将自己小组的讨论结果整理、归纳和总结记录下来，反馈给教师。

游戏效果：课堂气氛热烈活跃，学生踊跃发言。

通过这样的游戏化展示教学，不仅可以让学生明确什么是网站策划，又可以让学生对不同的人群需求做到心中有数。

二、游戏化教学展示在版面设计中的应用

既然定下了网站的主题，明确网站的内容，那么下面就开始规划版面工作。教师在讲解这部分内容时，也可以用游戏化展示的教学手段。例如，可以开展以下的教学活动：

教学目的：掌握版面设计的方法和美观性。

教学形式：将教室人数平均分成六组，分组讨论。

教学流程：（1）每个小组内部成员可以分别设计出一幅版面，然后将所有版面在小组内互相传阅；（2）每个小组最终讨论确定一幅自认为最好的版面设计，提交给教师；（3）教师再通过全体学生讨论，对六幅最好的版面进行色彩渲染；（4）教师安排学生穿着不同颜色的衣服，在操场进行队形变换，拍下照片，供学生传阅；（5）从六幅最好的版面中再评出其中最优秀的，作为优胜者。

教学结果：学生参与性高，积极性强，发挥了学生的动手动脑能力，培养了学生的团队合作精神，明白了版面设计的内容。

教学评价：学生通过照片可以实际了解自己设计的版面，形象直观立体，一目了然，但是耗时较长，要分课时进行。

三、游戏化展示教学在网站推广中的应用

即使再好的网页设计，如果不进行推广，也会埋在深山人未识，由此可见网站推广对于网页设计的重要性。怎么样让学生认识到这点，并且学会一定的网站推广技能呢？教师可以设计以下的教学游戏让学生掌握网站推广技能：

教学目的：让学生学会网站推广技巧。

教学准备：学生的个人网页制作作品。

教学流程：（1）学生从教师事先安排的电脑中，根据自己作品的特点，找到自己的网页制作作品；（2）学生将自己的作品特点在作品中说明；（3）让学生之间互相推荐自己的设计作品，如果别人感兴趣，或者打动了别人，就让对方在自己的作品下打一个对勾；（4）向自己的朋友推荐自己的作品，或者将自己和朋友的作品合起来向别的同学介绍，争取得到别人的认同；（5）教师评价获得对勾最多者的作品，让同学分析他的推广技巧。

教学效果：学生主动热情，希望别人认可自己，积极推荐自己的作品，课堂气氛热烈。

教学结果：第一，学生明白了搜索引擎注册和搜索目录登录技巧；第二，学生明白了广告交换技巧和合作的重要性。

教学评价：学生通过类比，明白推广的重要性，但教学课堂容易失控，需要教师有很好的掌控力。

四、游戏化展示教学在用户体验中的应用

优秀的网页制作，不仅可以吸引住用户的注意力，而且在用户体验时，也感到方便快捷，易于上手。教师在讲解这部分内容时，可以将学生的作品在电脑中储存下来，然后与每个学生共享，让学生浏览其他学生的作品，通过自己操作的亲身体会，找到最好的网页制作的作品，并在下面写下自己的评价，教师通过评价，筛选出最优秀的作品，和同学分析其成功的原因和可以借鉴之处。通过这样的教学方式，让学生明白在用户体验的过程中，用户的真实想法和实际需求，从用户的眼光和角度，分析自己网页制作的得与失。

参考文献：

[1]张彦美，李翀.基于工作过程的《网页设计与制作》课程开发[J].考试周刊，2011，（07）.

[2]朱荣.基于资源的《网页制作》网络课程的整体构思[J].现代计算机（专业版），2012，（34）.