作者：黄秀茵
　　【摘要】《网页设计与制作》是目前中职院校计算机专业必开的课程之一，目的是培养技能型、应用型人才，使学生掌握制作网页、建设网站的基本技能，最终成为一个职业的网页设计人员。常用于本学科的教学方法有传统教学法、任务驱动教学法和项目教学法，各有优势与不足。本文主要阐述了将任务驱动教学法和项目教学法结合在一起的实践过程及其教学效果。
　　【关键词】网页设计与制作 传统教学法 任务驱动
　　【中图分类号】G712 【文献标识码】A 【文章编号】2095-3089（2018）19-0243-02
　　中职院校开设《网页设计与制作》的目的是培养网页设计、网页制作和网站组建专业人才，能够胜任网站管理员、网页设计师、网页美工师等工作岗位，或者利用所学到的网页制作技能在其他领域发挥作用。笔者根据授课经验，将任务驱动教学法和项目教学法结合在一起，探索出一条更适合中职院校且灵活性更强的教学方法。
　　一、《网页设计与制作》教学新方法实践
　　（一）基本思路
　　目前教师常用于《网页设计与制作》的三种教学方法，即传统教学法、任务驱动教学法和项目教学法，这三种教学方法各有优势与不足。由此笔者尝试在传统教学法的引领下，结合任务驱动教学法和项目教学法（以下简称教学新方法）来提高教学效果。
　　如何提高《网页设计与制作》课程的教学质量，从而提高学生的网页设计与制作能力，以适应新时代企业对中职网页设计与制作人才的要求，是每个网页设计教师追求的目标。
　　笔者把《网页设计与制作》课程分为三个学习阶段（假如本课程开设一个学期），即入门阶段、中级阶段和高级阶段。教师利用传统教学方法传授某些理论知识的同时，每个阶段都有相应项目，每个项目下包含若干个任务，即将任务驱动教学法与项目教学法结合起来，使学生最终在理论知识的指导下，完成每个任务及项目，从而达到掌握网页设计与制作技能的目的。（具体方法在“实施过程”部分进行详细的介绍。）
　　（二）实施过程
　　1.入门阶段的学习
　　（1）分析学生知识层次，激发学生学习热情
　　中职计算机专业的《网页设计与制作》一般安排在第三学期或第四学期，这时学生已经掌握了计算机基础、图形图像处理及动画设计与制作等相关知识了。通过实际情况分析学生所处的知识层次后，教师通过展示往届优秀作品及网络上一些经典网站来激发学生学习本课程的兴趣。
　　（2）让学生自主遨游在《网页设计与制作》的知识海洋中
　　在完成前面的铺垫工作后，教师不必急于新课的讲解。大部分中职《网页设计与制作》教材的开头都是web服务工作原理、HTML标记语言之类的，如果教师马上利用传统教学方法去传授《网页设计与制作》的理论知识，很可能会因为知识的枯燥无味而打击学生的学习热情。笔者觉得与其按教材顺序来讲解知识点，倒不如引导学生主动地进入到本学科的学习中。当学生进入角色了，教师只需要稍加引导就事半功倍了。
　　（3）为中级阶段的学习做铺垫
　　在入门阶段，教师应当做好充分的准备，根据学生的特点准备好两个项目及相关任务，并及时让学生了解本学期本课程的具体学习要求和目标，这样学生也能做好规划。
　　（4）入门阶段的任务
　　网页LOGO和Banner设计：为自己的个人网站设计一个LOGO和Banner。（相当于复习图形图像处理和动画设计与制作知识）。
　　主页的设计（可以用Photoshop、Fireworks、CorelDraw和Adobe illustrator等软件设计，也是在复习旧知识的同时慢慢过渡到新知识的学习）。
　　我的第一个网页：从切片到网页。
　　我的第一个网站：创建站点，建立、打开、保存与预览网页，简单的超链接等。
　　2.中级阶段的学习
　　中级阶段的学习目标是师生共同完成一个项目——个人网站。教师是在所有学生前透明化地完成整个项目，而学生是要独立完成这个项目的。项目的完成时间应在期中考核之前。
　　任务驱动教学法和项目教学法有一个共同点，就是分组学习。但在新教学方法中笔者不建议急于分组，特别是在学生没有任何网页设计与制作基础的情况下盲目分组，否则不仅会造成分组不合理的后果，还会在一定程度上使学生产生依赖心理从而养成惰性习惯。
　　一般情况下，上半学期结束，绝大部分同学都能完成这个项目（个人网站）。虽然有少数学生的个人网站还是显得比较粗糙，但通过独立完成这个项目，他们已经掌握了创建站点、制作网站的基本流程、布局网页和超级链接等网页设计与制作的基础知识了，这为后面的分组和完成大项目打下较好的基础。
　　3.高级阶段的学习
　　通过上一阶段网站项目和相关任务的完成，相信学生们对制作网站是胸有成竹了。现在可以在教师的引导下进行合理分组了。明确分工后，教师要跟踪学生的学习进度并在适当的时候给予合适的建议。
　　大项目的实施有一定难度，要根据商业网站的要求，强调学生在学习中体验到实际工作的过程。该项目的具体实施过程如下：学生明确项目主题→制定网站设计方案→收集、整理相关信息→确定栏目和板块→确定站点目录结构→形象设计（logo、色彩、颜色、字体和Banner等），主页和子页的设计→定义站点→制作网站→测试网站→上传网站→拓展（如网站的宣传与推广等）
　　该过程与上一阶段有很大的不同。中级阶段的学习，基本上是教师设计好任务，演示给学生看，然后学生根据教师的演示做练习，完成任务，最后把任务中的相关知识点应用到自己的个人网站中，是教师为学生构建知识和技能的过程。而高级阶段的项目实践就是构建网站的实际项目，需要学生按照行业规范进行操作，可充分发掘学生的创造潜能，培养和提高他们的实践能力、分析和综合能力，让每个学生都体验到成功的乐趣。
　　（三）考核方式
　　基于新教学方法的特殊性，笔者以作品评价方式代替了传统的理论考试。
　　考核内容设计如下：
　　期中考核：除上机100分钟的现场考核外，要求每个学生独立完成一个个人网站。
　　期末考核：除上机100分钟现场考核外，要求学生分组完成一个综合网站。笔者给出了四个选题供学生选择：1.中国梦，我的梦（关于梦想的网站）；2.人与自然（关注环境）；3.反腐倡廉公益网站；4.笔者或学生在猪八戒网、技术交流论坛和任务中国威客网站上找的一些招标項目网站。
　　当然，这个项目设置也比较灵活，如期中考核作品学生也可以做我的中职生涯，校园风貌和班风班貌等类似的与自己息息相关的网站，而期末考核作品学生也可以提交其他作品作为友情参评，教师可以根据作品质量进行适当加分以鼓励学生。
　　二、新教学方法效果
　　这种新教学方法突破了传统教学模式，通过完成任务和项目的方式来体现学生对网页设计与制作技能的掌握程度，提高了学生学习的主动性与积极性，提升了学生的实践能力。自从尝试用新教学方法进行教学后，笔者发觉学生制作的网站作品质量得到了大大的提高。对此，教师也颇有成就感，提高了教师进一步改进此教学方法的信心。
　　三、结语
　　综上所述，新教学方法突破了传统教学方法，将任务驱动教学法和项目教学法结合在一起，要求师生共同参与到教学过程中，通过共同完成项目和任务来达到教与学的目的，提升了学生自主学习的能力，充分调动了学生的学习积极性和教师的教学热情。
　　参考文献：
　　[1]林金富.项目教学法在网页设计与制作中的应用.福建电脑，2009年
　　[2]周艾宏.网页制作教学方法的探讨.电脑迷，2013年
　　[3]姜大源.职业教育学研究新论.教育科学出版社，2007年