《网页制作》课程教学模式改革探究

邵志方

摘要：我校已开设《网页制作》课程多年，近年来，对该课程的教学进行改革，本文从教学内容，教学方法，考核评价，团队合作等几个方面浅谈教学改革体会，与广大教师分享。

关键词：网页制作;任务驱动;创作

当你打开淘宝网时，有购物的冲动;网上银行让你节省出宝贵时间，这一切的改变都是因为有了互联网（网页），小小的网页改变，人们的生活，我校紧跟时代的发展，也开设了《网页制作》课程，它是一门实践性很强的课程：涉及美工、创意、编程，布局等技术，所以要组织好这门课，需要对学生使用计算机软件的能力，设计制作的能力，创新的能力进行重点培养。

一、传统教学模式存在问题

传统的教学模式先在教室讲理论，再到机房上机，学生在教室只能是欣赏式的学习，被动式的接受知识，上理论课时存在部分同学打瞌睡和发呆;上机实践时，只是模仿。一个老师指导几十个学生，忙不过来，对上课讲的知识点，遗忘率高，渐渐失去学习兴趣，教师长期从事教育教学工作，没有进入企业培训，技术更新滞后，缺少对任课教师的及时有效充电，因此，《网页制作》的课堂教学改革是非常有必要的。

二、选择或编写符合学生的教材

我校用过不少教材，大多数要么像工具书（很厚），要么全是案例集锦（很杂），这些书籍很少有一本能够形成完整的《网页制作》教学体系，因此，以“面向应用”和“而向学生”为指导，根据学生的特点来选择或编写教材，提高学生的学习兴趣，需要对几本教材有所舍取，并增加自己的内容，形成‘套有特色的校本教材。

好的教材心该遵循循序渐进，从易到难，我是这样来组织教学内容的：第一部分讲解html各种标记时，通过课程表，用户登录，制作网页电子书等实例来学习。第二部分讲解CSS层叠样式表布局网页时，通过超链接特效，缩略图，仿搜狐首页等实例来学习。第三部分讲解JavaScript脚本语言实现人机交互效果，通过简单计算器，计时器，频道切换效果来学习。第四部分讲解DOM对象，通过小球撞墙游戏，简单购物车来学习，第五部分讲解正则表达式，通过对用户注册信息验证来学习。第六部分是网页游戏制作，通过制作简单的坦克大战游戏，将前而所学的知识综合运用。

三、采取案例+任务驱动的教学方法

教材是“菜”，不同的教师“煮”出来的味道也是不一样的，要想好“吃”，就要有好的“烹饪”方法。

传统讲授《网页制作》課程时，安排学生在机房练习老师所讲内容。学生都是死记操作步骤，知识零碎，很难应用于实际，随着内容的深入，学生逐渐失去学习兴趣，丧失主动参与的意识，这种方式无互动，无交流，缺乏合作，忽略了学生的积极性，主动性。为打破传统的教学方法，突出学生的主体地位，让学生成为教学的中心，笔者分析了，课程的特点，让教师承担网页案例引入教学，引导学生共同开发

兴趣是最好的老师，教学应从激发学习兴趣开始。开始的教学就要充分激发起学生的兴趣。我认为这可以从三个方面去做。

l、欣赏典型的网页案例。如：仿搜狐首页、简单购物车、小球撞墙游戏，此时每个人的心中肯定有这样的想法，“要是我能做出这样的作品该多好啊”2、介绍网页领域中的名人故事，如新浪网创始人王志东，介绍他们的成长和学习的经历。3、从简单的网页学习起，让他们动手敲代码。我讲网页制作时，前几个简单的案例，让学生使用记事本，手动敲代码，这样可以让学生一开始就了，解网页的组成的结构，把基础打扎实，而不是只会用高级工具开发网页。随着内容的深入，再让同学们使用高级工具开发，学生心中会想原来用手写的代码实现的，用工具这么简单，树立网页制作学习的信心。

如果单一地使用案例，仍然是老师讲，学生模仿，无法调动学生的主动性和积极性，因此要将任务驱动融入到案例中，以任务为牵引，实例为样板，所选案例可以整合几个知识点，不必拘泥于传统授课顺序。例如在讲用户注册页而时，会用到表格标记，表单标记;当学生做好用户注册页面时，学生会提问老师，我如何在注册页面验证，输入的信息是否有效（两次密码一致，密码为6位，邮箱地址正确等），此时我会回答，这是你们下节课要完成的任务，课后学生带着疑问去预习新课内容。讲课时我再顺着学生上节课提出的问题，顺势引入新课内容：正则表达式。

这样通过案例和任务驱动相结合，不仅可以活跃课堂气氛，还可以调动学生的参与性与积极性，提高学习兴趣。

四、多样化的考核评价方法

不是每个学生靠激发兴趣就能主动学习的，还有一部分学生要靠考评来激励学习。我采用的考核评价方法主要有：1、教师评价，平时成绩采用课堂上交作业的形式来考核评价。2、学生互评，将学生的作品用投影仪展示，大家一起来挑毛病，找优点。3、制作学生作品光盘，将学生设计的优秀的作品收集起来做成光盘，附上学生自己的创作经历，学期结束将光盘赠送给学生，让学生有成就感。4、每年我校都会举行一次“网页设计”大赛，评选出优秀作品给予奖励，同时优秀作品可代表学校参加市赛或省赛。通过这种活动提高学生的学习积极性，激发学生的竞争意识，同时还培养学生创新精神和团队协作精神。

五、培养学生团队合作精神

鼓励优秀学生组成网页创作团队，利用业余时间搞网页设计。职校学生的业余时间是很充足的，将这些时间利用起来组织学生搞一些网页设计或者网页游戏的创作，既能对课堂学习起到促进作用，也能培养学生的自主学习能力;同时锻炼了他们团队协作的能力。学生们创作的《我的淘宝》、《我的美丽校园》、 《班级成绩管理》等作品分别在省，市网页制作类比赛中获奖。

实践证明，上述教学模式的改革，激发了学生的学习兴趣，调动了学生的学习积极性，培养了学生实践能力与创新精神，增强了学生间相互合作的意识，提高了学生学习的自主性，达到了“学、练、做”的统一，使《网页制作》课程取得良好的教学效果。

参考文献

[1]周密.《网页设计与制作》课程的“混合”教学模式研究电脑迷2016第5期

[2]马歌，楚志刚.翻转课堂模式下的网页制作课程教学改革研究中国新通信2016第12期