高校网页设计课程教学的创新与实践——以安徽外国语学院为例

□甄 真 安徽外国语学院

一、网页设计课程的发展背景

随着互联网技术的不断发展，网页设计成为流行的趋势，无论是线上购买产品还是旅游预定都与网页息息相关。在信息化教育盛行、商业化潜在影响下，各大高校的网页设计课程应运而生。网页设计是高校艺术专业教学模式当中的重要环节，学好网页设计课程不仅能够提升学生设计网页的实践技能，也可以帮助学生在今后的社会市场竞争中提升自身的竞争能力。

二、当下高校网页设计课程教学存在的主要问题

目前网页设计虽是高校最热门的课程之一，但还存在以下几点问题：第一，教师所教学的内容学生不易理解，不能很好地学以致用；第二，教师的教学手段单一，导致学生对学习网页设计没有积极性；第三，部分高校的硬件设施陈旧，与所需安装的软件相冲突；第四，教师的教学方法不够灵活，没能跟随时代的发展而进步，学生没有较强的竞争意识。

三、网页设计课程教学的创新实践与探究——以安徽外国语学院为例

通过了解当下高校网页设计课程教学中存在的各种问题，该校在网页设计课程的教学中，从教学方法、教学内容、教学模式、考核方式等多方面入手，进行教学革新和实践探究，为社会培养复合型人才。

（一）教学方法的改革

教学方法是课程学习的核心和培养人才的重要手段。从当前各大高校网页设计课程教学现状来看，多数教师还在运用传统教学方法进行教学，由于当下高校网页课程体系较为复杂，因此，单一、片面的教学方法远远不能满足当下教学的需求。

俗话说：“教学有法，但无定法，贵在得法。”意思是说世界上不存在一种万能的教学方法，这就要求我们从实际出发，结合具体情况[1]。在网页设计的教学方法中，该校针对不同的环节和不同的授课内容，进行灵活变通。首先，该校网页设计课程的理论方面，主要是运用讲授法，这种教学方法相对直观，开门见山，可以让学生快速地掌握重要知识点；对于学生十分难懂的网页设计知识，主要是采用范例教学法，这部分教学主要是给学生举出大量典型的范例，让学生通过例子深刻了解难懂的知识点，并能做到举一反三。其次，改校网在页设计课程的实践方面，主要是运用演示法，这部分知识相对抽象，如果用具体的语言和文字进行直接说明，效果不够理想，需要以演示法为主，以讲授法为辅，做到边讲边练，提高教学效率。最后，随着知识的更新和网页设计课程的改变，教学方法还需要不断完善,只有这样才能满足学生的学习需求。

（二）教学内容的更新

大部分高校的网页设计课程的教学内容是先对学生进行理论方面的简单讲解，之后大量的使用Dreamweaver上机操作，制作一系列的网页练习[2]。此类教学方法千篇一律，缺乏创新、突破。该校针对网页设计课程的教学内容进行创新突破，增加网页设计课程内容的丰富性，激发学生的学习兴趣。

具体如下：首先考虑到本专业是艺术设计专业，针对本专业的体系及学生的基础，该校网页设计课程的教学内容分为三大部分：第一部分是理论阶段，对网页设计课程重要的知识点进行简单的理论讲解，这个阶段约10个学时。第二部分是手绘阶段，主要为了训练学生的审美，在此阶段先让每位学生定制好一个网页主题，比如商业类、食品类、旅游类等，然后根据自己所选主题，从Logo、导航栏、广告条等内容依次绘制；紧接着是绘制网页设计的文本标题，要求文本要有创意，可以结合之前所学的知识进行设计，接下来是图案绘制，对于自己所选的主题，去寻找相关的图案素材，获取灵感，进行绘制；图案绘制之后引导学生收集优秀的布局素材，并根据实际情况结合自己之前每节课所绘制的元素，绘制出一个合理的布局结构，并将之前的元素排列在布局当中，构成一张完整的网页，此阶段约16个学时。第三部分是具体操作阶段，大多高校网页设计使用的软件是Dreamweaver，该校的网页设计课程除了学习Dreamweaver，还增加了Photoshop，Flash，Html，Css+Div这些内容，首先是学习使用Photoshop制作网页效果图，其中包括首页、内页、尾页，根据教师指导，学生通过Photoshop软件进行首页、内页、尾页的定稿。其次是Dreamweaver的学习，Dreamweaver学习时间较长，学生从最基础的学起，对此环节教师要不断地引导学生，让学生对软件熟练掌握。再将之前Photoshop定稿的首页、内页、尾页以Dreamweaver的形式表现出来。再次是学习Flash，此软件学习的时间较短，只需要教会学生简单的动态效果，通过动态效果图给之前做的网页设计锦上添花。最后是Html和Css+Div的学习，由于本专业是艺术设计专业，在代码这方面基础非常薄弱，但是在网页设计课程中代码有非常重要的作用，因为软件做不出的一些效果可以通过代码来完成。因此，该院艺术教师需要具备写代码的能力，能够对学生的代码学习列举案例并利用网络资源收集相关的网页代码课程，方便学生在课下巩固复习，最终通过所学代码辅助网页设计，此部分约40个学时。

（三）工作室培养模式

随着经济社会不断发展，该校在网页设计课程方面做了大量的人力、物资投入，初步开展一些关于工作室的培养教学模式，并和相关工作单位以及企业达成相互合作，承接一些简单的网页设计活动，进行校企合作，锻炼学生工作能力，让学生能够提前感受到步入社会以后需要面对的难题，深刻体会到分工合作、团结互助的含义，以此来磨炼学生的心智，把每一名学生都培养成为复合型人才。

（四）运用小组形式开展网页设计教学

高校的网页设计课程基本上以教师为主导，学生为主体，如果整体课程全部采用这种形式，课堂会变得枯燥无味，学生难以积极主动地学习，会过多地依赖教师[3]。因此，为了培养学生学习兴趣与主动解决问题的能力，我校在网页设计的教学中加入小组合作学习的方式，让学生与学生之间可以充分地合作和沟通，增加学生之间的感情。

具体如下：由于每位学生的情况不同，因此，这门课程的授课教师需掌握和了解班级每一名学生的性格特点、兴趣爱好以及学习情况，再以班级为单位将学生划分成为不同的小组。在课程教学中，有部分学生对网页设计的色彩搭配和外观设计比较有兴趣，这部分学生的想象力十分丰富，对元素的选择有一定的敏感度，可以考虑分配到美工小组。另一部分学生，以男生为主，乐于接受新鲜事物，尤其是对于代码的学习，态度认真，他们的性格比较冷静，课堂上表现较沉稳，这部分学生可以考虑分配到代码小组。此外，还有一部分学生学习基础较弱，对代码操作和外观设计方面不是很感兴趣，但是能够实际操作一些Dreamweaver等较为常见的网页制作框架，可以考虑分配到框架小组。制定好小组之后，教师根据每一个小组成员的实际情况进行布置学习任务和学习目标，组队成员之间可以相互协商，相互帮助，教师对于小组的任务进程进行把关。

（五）优化考核方式

传统的考核方式已经不适应大环境下高校网页设计课程的实际需要，因此，该校在网页设计课程考核方面进行了很大的改进，避免了以理论成绩为主的弊端。该校除了对网页设计的基本理论知识进行考核以外，还对学生进行上机操作的实践进行考核，并且把平时成绩也作为一个重要的依据。

具体考核方式如下：理论方面的考核以试卷的形式出题，主要是考查网页设计的重要知识点，考试题型以选择题、判断题、论述题为主，理论成绩在最后总成绩中占20%的分值；平时成绩以学生上课的出勤率和随堂练习的作业为基准，学生的出勤率会在出勤表上进行详细记录，而随堂作业会采用打分的形式，出勤率和随堂练习一起共占最终总成绩20%的分值；最后的期末考试是现场上机操作设计作品，在考试的前一个星期，教师根据所传授的知识定一个相关主题，并说明此次的考试要求和具体的得分点，并以书面的形式发送给教研室主任和学校有经验的专家，让他们给予此次考试意见，审核通过后方可进行考试，落实考试地点，现场让学生根据所定的主题和考试具体的要求做出一整套的网页设计作品，教师根据设计的作品进行打分，期末考试占最后总成绩60%的分值。

结 语

综上所述，该校的网页设计课程教学虽然取得了一定的成绩，但是还存在一些问题，因此，只有树立正确的教学思路才能不断地创新教学方法，只有不断地创新教学方法才能激发学生的兴趣，从而为现代社会培养复合型人才。