视觉传达专业的网页设计课程教学改革探索
【内容摘要】文章基于以项目为导向，切实加强网页设计综合实践能力的培养宗旨，分析了视觉传达专业网页设计课程的现状及特点，阐述了教学改革的目标和总体思路，总结出了具体的实施方案，并在教学内容的选择与整合、教学方法的运用与完善、考核体系的灵活与多样方面做了深入的探讨，为培养多元化的综合人才奠定了夯实的教学基础及理论依据。
【关键词】网页设计项目综合实践能力教学
随着网络技术的迅速发展，网页设计已经成为一个热门的行业，而网页设计课程对于视觉传达专业的学生来说，更是一门必不可少的专业课程。它融合了视觉传达设计的大部分内容，包括构图、排版、色彩搭配、动画制作等多种知识，是一门综合性的课程。这就决定了这门课程有其独特的特点：1.具有很强的综合性和操作性[1]，要求学生具有一定的实践能力。2.基于一定的软件操作技巧。3.融艺术性与技术性为一体。基于以上特点，回顾以往的教学模式，确实存在很多值得改进的地方。只有改革传统的教学内容、方式与方法，才有利于培养出更多、更好的有用人才，只有采取灵活多样的考试方式、方法，才能真正反映学生的综合知识技能水平。
一、视觉传达专业的网页设计课程教学现状
作为一门以应用软件为前提的综合设计课程，长期以来一直遵循着先讲解工具，再做实例的教学模式，导致学生不能将网页各独立元素的制作与整体案例相结合，结果是每个工具单独拿出，均应用得很熟练，一旦综合起来设计案例，却不能出色地完成。究其原因，在以往的教学中，网页各独立元素的设计制作与整体案例的设计相分离，没有真正落实教、学、做一体化课程的体系，而在考核方面，只是将单独完成一个网页的制作作为最终成绩，学生学习兴趣不大、参与性不强，不能体现出学生的自主学习能力和团队协作能力。只有改变传统的教学模式与授课体系，才能真正培养出综合能力强、创造性思维突出的艺术设计人才。
二、教学改革的总体思路
1.改革的目的
网页设计课程的综合性很强，在视觉传达设计领域占有很重要的位置，也是最能够体现学生综合设计素质的课程之一，它依托平面构成、色彩构成、版式设计、flash动画、后期特效等课程，并综合运用上述知识设计美观而实用性强的网页。
（1）将实际项目引入课堂，增加学习情境
将实际项目引进课堂，学生不仅能了解到网页制作的全过程，而且能够使学生接触到大量的设计实例，这样才能把间接经验转化成直接经验，而不是在虚拟中学习。
（2）体现“教”“学”“做”一体化的教学模式，充分体现整体性教学
传统的教学模式以理论知识为先导，强调工具的操作，再利用工具制作小实例，学生对工具的使用掌握非常牢固，但工具毕竟要为整体设计所服务，当需要综合运用各种工具知识去制作完整案例时，却显得力不从心，即整体性不强。新的模式将每个工具的使用均融入到实际案例，虽然只是一个小工具的使用，也能够使学生明白它在实际项目中的应用方法。
（3）实行阶段化课程考核，强调全过程学习
不以单纯的网页作品作为最终的成绩，而是加大了平时考核成绩的分量，使考核过程呈现动态性、连续性、系统性，将学生的考核贯穿于整个教学过程中。
（4）将艺术与技术相融合
使学生学完一门甚至几门课就能够独立设计出满足功能需求的网页是不可能的，网页设计既需要扎实的美术功底与艺术鉴赏能力，也需要精湛的操作技术。充分发挥艺术生的优势，找到艺术与技术的平衡点，培养多元化人才。
2.改革拟解决的问题
（1）教学内容的整体性
在教学内容上，将各个工具的使用直接融入典型案例中去讲解，而不是单纯地利用工具做一些小例子。避免单个操作熟练无比，整合案例时却毫无头绪。
（2）教学方法的灵活性
以学生为主体的教学模式，充分发挥学生的自主学习能力与团队协作能力，培养学生的创造性思维，使学生摆脱“要我学”而走向“我要学”，明确地把学生作为学习的主体。强调学生在教育活动、教育过程中的主动性，是教育理论和教育实践发展与进步的一个重要标志。
（3）考核体系的多样性
将单纯的期末考核设定为阶段化考核与期末考核两部分，使学生在学习的整个环节都全力以赴，体现全过程学习。
三、改革的具体实施
1.教学内容方面
在内容选取上，教学内容的选择本着典型性、实践性与开放性三个原则。通过教师研究选择6种典型的网页形式进行讲解体现典型性，通过显性或隐性学习情境体现实践性原则，学生完成的作品多元化体现开放性原则，从而达到培养专业能力、专业素养和综合能力的目标。
在内容组织上，课程涉及的理论知识全部融入到真实网站中，每个典型页面的设计与制作全部按照实际的工作过程来组织实施，通过在做中学、在学中做，理论与实践相结合，真正实现了“教、学、做”一体化。根据本课程特点，选取案例主要以项目方式为主，如期末作业将建艺学院的网站建设作为实际项目进行设计，将学生分成若干个小组，按照公司制作网页的流程，进行调研、讨论，分析资料与数据，制作效果图，并最终完成网站的建设。在这个过程中，学生充分了解了网页制作的全部流程，与实际项目进行对接，增强了实践性，缩短了学生进入公司的磨合期。
2.教学方法方面
（1）形成教学项目资源库
创建课程网站，将课件、教案、授课计划与课程案例均列入网站中，链接优秀网站的网址并随时进行更新，学生只要有任何网页设计的问题，到资源库中都可以找到满意的答案。同时，项目资源库也是师生之间形成良好交流的有效平台，大大提高了教学质量。
（2）采用拉动式教学方法
由于本课程的学时有限，不可能将网页设计的所有内容全部仔细讲解，因此，增设课前大讲堂环节，将课上来不及讲解的知识布置给学生，以分组的方式进行课下小组讨论，鼓励学生自主寻找答案，扩充知识面。课上以小组为单位进行讲授，师生角色互换，而组与组之间也形成了强烈的竞争意识，以此互相攀比，拉动教学，共同进步，真正体现学生的主体地位，同时学生的自主学习能力、团队协作能力、语言表达能力都得到了很大的提升。
（3）将思维培养放在首位
在讲授案例时，摒弃以往教师讲、学生做的呆板局面，而采用案例欣赏―分析做法―示范操作―讲评总结―能力扩展―练习测验的流程[2]，注重传授学生解决问题的思路，而不是单纯教其如何去操作。下面阐述上述流程的具体方法：①案例欣赏：提供学生与所讲知识相关的网页案例，吸引学生注意。②分析做法：引导学生发现问题，并自己提出问题，经过分析与讨论，总结出具体的制作方法。③示范操作：演示案例欣赏中相关知识点的实现过程，学生在理解做法的前提下，经过教师的示范讲解，便可以独立完成操作，而不仅仅是机械地记住制作的步骤。④讲评总结：学生在制作过程中会出现各种各样的问题，教师所做的是将问题汇总，总结出相关的注意事项，点评作业时，侧重学生的思维引导，及时给予学生鼓励。⑤能力扩展：提供给学生实践性较强的案例，要实现效果，需要结合以前的知识和运用一定的技巧，这样既扩大了知识面，又体现了知识的综合性。⑥练习测验：对于课上所掌握的知识，适当融合前面所学知识，进行现场测试，既复习了以往的知识，又巩固了新的知识，实现各个知识点的融会贯通。
（4）跨学科互动交流
工科院校的背景优势，为艺术与技术的紧密结合提供了良好的平台。授课过程中，聘请软件学院的老师进行相关技术的讲解，并将其网页设计课程的作业进行展示与交流，充分发挥艺术生的特长优势，虚心弥补工科生的技术专长，取长补短，相互学习。
3.考核体系方面
成绩评定采用阶段化考核与期末考核相结合的方式，课上对每节课的重点内容进行课堂测验，以此来加强对知识的理解与巩固，帮助学生找出自己在哪些方面存在问题，并及时解决，课上的问题绝不拖延到课下，充分调动学生学习的积极性。设置课前考核，对课后作业进行现场检验，避免同学之间进行电子文件的拷贝。课后布置实际项目课题，采用学生分组讨论与调研，每名学生单独完成作品的形式。这种将阶段化考核与期末考核相结合的方式，使整个考试过程呈连续性、动态性与系统性，进一步强调了全过程学习，使学生明白，疏忽本门课的任何一个环节都将影响到最终的成绩。
四、教学评价与总结
一种良好的教学模式，不仅有助于提高教学质量，更有利于激发学生的学习热情和学习兴趣，使学生真正有所收获。经过本次教学改革，学生由原来的被动学习转向主动学习，学习态度良好，了解了网页制作的全部流程，增强了实践性，综合素质与能力有了明显提高，有一定的团队合作意识，语言表达能力有所增强。
教师传授给学生的不仅仅是知识，更重要的是一种思维方式。学生是教学活动的主体，而教学改革就是对一系列教学活动进行不断的总结与完善。作为教师，要不断地分析学生特点，研究教学方法，积极进行教学改革与教学建设，提高自身素养，为社会输入更多优秀的艺术设计人才。
（注：本文为辽宁科技大学校级教学改革项目）
参考文献：
[1]申红雪，刘育熙.关于“网页设计与制作”课程教学方法探索[J].教育与职业，2008（27）.
[2]章明珠.网页设计课程教学创新[J].电子科技，2012（9）.
作者单位：辽宁科技大学建筑与艺术设计学院
（责任编辑：鞠向玲）
