页面设计课程革新构思及实践效果

一、课程特点及现状

《网页设计与制作》是一门综合性很强的课程，需要学生对网络基础知识、网页制作及编辑技术、平面设计以及动画设计制作等相关课程都要有一定的基础，是技术与艺术的结合。另外，网页设计及编辑软件版本升级很快，新功能不断出现，这就要求老师在教学内容上不断扩充更新。而传统《网页设计与制作》课程的教学往往将大部分的时间都放在网页制作软件的使用方法上，结果是学生熟练掌握了操作这些软件工具，但是不能独立地进行网站规划和界面设计，完成的作品也达不到良好的实用效果和视觉效果。

二、课程改革思路

在《网页设计与制作》课程的教学中，我们应以学生为主体，培养学生实际动手能力；知识点分模块化讲解及练习，教学中要面向应用，重视实践，综合培养学生网页设计方面的综合技能；从而可以使学生能够驾驭各种主题的网站设计与制作。

三、教学内容

《网页设计与制作》课程方面的教材版本繁多内容不一，有些侧重编程，有些侧重平面和动画，在教材的选用上，应结合专业特点，艺术设计类和文科专业的课程应适当偏向于网页的美观上，而理工科类可适当侧重于编程技术方面。但在教学内容的组织安排上，大致可分为三个层次：网页设计基础知识、网页制作与编辑、动态网站制作技术。其中，网页设计基础知识部分包括网站的运行原理及相关技术基础，以及HTML超文本语言基础、网站的建设流程以及各类主题网站的优秀作品赏析。通过系统的概念介绍，目的是使学生对网页设计这门课程有个整体的认识。网页制作与编辑部分是本课程的核心内容，也是难点所在。这部分内容主要以网页编辑软件Dreamweaver为主，Dreamweaver主要完成页面元素的排版编辑，平面设计软件Photoshop主要用于图片元素的处理，矢量动画软件Flash主要用于制作网页的banner等页面元素，这样可以使网页图文并茂，生动有趣，增强视觉效果。这些元素制作完成，再利用Dreamweaver建立站点，表格布局网页，再添加CSS美化页面元素。也可通过CSS+DIV的页面布局技术，与传统的表格布局相比较，让学生了解并掌握时下最新的页面布局技术。第三个层次动态网页设计是时下网站设计的主流，涉及到编程基础和数据库知识，这个层次可作为对现有教学体系的扩展，计算机及其相关专业的学生可适当多增加些学时，目的是让学生了解动态网站开发的整个流程和了解相关技术。

四、改革教学模式和方法

利用现代教育技术和方法。传统的教学模式是先在教室上理论课，教师是教学主体，课堂上知识满堂灌，学生被动接受，然后去机房实践。等到去机房实践时，由于时间隔得太久，学生把上次课堂所讲内容都忘得差不多了，上机时老师还需要再重复讲一遍，这样效率低下。还有，多媒体上课有时一次安排就是四节课，老师一次讲的知识点太多学生根本记不住，时间太长，最后学生听课的热情也不高，严重影响教学的质量和效果。因此，我们尝试改革教学模式，授课地点用多媒体机房代替传统的多媒体教室，在多媒体机房安装投影仪或电子教室软件，学生每人使用操作一台计算机，教师使用一台教师机。授课方法如下：如果是理论性比较强的部分，启用电子教室软件，对学生机进行控制，不允许学生操作电脑，教师一边讲解一边操作教师机，让学生看着显示器听老师讲解；如果是比较难掌握复杂的内容，教师就通过投影仪来讲解演示，学生可以跟着老师示范步骤一步步操作学习，从而实时掌握授课内容。每次控制好讲解时间及内容，一次讲解三四个知识点，精讲多练，每次讲完后预留合适的时间并布置小练习让学生来完成，并把所讲课程课件等一些相关资料服务器共享。完成作业后教师采用逐个点评作业的方式进行学习交流，使学生对所学的知识点更加巩固，同时大家相互交流也可以拓展思路并激发学习的热情和积极性。分析并临摹优秀网站。学习完第二个层次内容之后就可以让学生开始独立完成网站制作了，在临摹网站之前，要先让学生大量分析不同风格不同主题的优秀网站，并提交分析报告，学会审美网页，然后再临摹一些优秀的网页，在临摹的过程中，学习体会各种不同主题网站的不同的风格、配色以及界面设计。采用案例教学和项目教学。选用一些有代表性的案例，比如一些为人熟知的网站如新浪、搜狐等，通过对案例的分析讲解其相关的功能及制作方法，这样可让学生更有兴趣从而提高积极性。其次，也可采用项目教学法，通过项目驱动促进课程改革。可以把开发一个小型网站或大型网站的一个栏目作为项目，比如重新开发一学校或公司网站，从网页设计实际流程出发，让学生分组完成网站的前期策划、设计、制作、测试和，进而完成整个项目。通过项目教学，让学生掌握网页设计与制作的相关技术，培养独立开发及制作网站的能力。积极探索网络教学新模式。利用网络教学平台，我们将课件和相关学习资料放在教学网站上，供学生学习参考；还可开通网页爱好者交流群，学生对学习过程中遇到的各种问题进行讨论，有好的设计方法和经验大家相互交流学习；还可通过开展网页设计大赛，可展示评比学生的优秀作品，这样可提高学生的积极性。同时也可以相互学习分享。

五、考核方式

本课程是一门实践性很强的课程，因此不能像其他课程一样采取传统的笔试方式进行考核，笔试比较适用于一些理工科课程，如高等数学、计算机原理等，该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成：课堂表现（10%），上机练习作业（20%），最后作品（70%）。这样可以较全面地考核学生对该门课程的掌握与实践情况，其中作品指的是老师制定的项目要求，一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式，由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题，然后教师给予评定和答疑，这门课程的最后一个环节，授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。

六、实践效果

笔者长期从事河南工程学院、中原工学院的《网页设计与制作》基层教学工作，通过对近三年物理学、会计学、广告学、网络工程、艺术设计、纺织工程等六个专业近400名学生的必修和公选的《网页设计与制作》教学效果进行了分类对比，通过调查问卷、学生评教、学生成绩分布情况等方式，表1主要从学生学历层次、授课地点、授课形式、是否采用案例教学、学习气氛培养等方面对培养方案进行了设计，表2则根据预定的授课方案对授课效果进行了跟踪和汇总。

从表1、表2中可以看出，从教师授课效果来看，虽然在个别专业学生的日常上课非常配合，学习态度较为认真，但是从考试的成绩来看还是不如教学改革后的效果好，使用了新的教学手段学生成绩均有不同程度的提高，从不同的年级学生评教分数来看，大部分学生认为传统的《网页设计与制作》教学模式的评价分数并不理想。

七、结语

网页设计课程相比其他软件类课程，其综合性和实践性更强，需要学习者有一定的平面基础和动画基础，而后学习掌握了网页编辑软件才能制作好可视性较强的网页，本文对教学内容和模式等方面进行了改革，几年的实践表明，新的教学方法收到了良好的教学效果。以后的教学要不断摸索总结实践，以使这门课程的教学更加规范合理，从而取得更好的教学效果。