学院网页设计教学分析范文

目前网页设计课程还没有统一的教材，对教材内容和教学方法的探索仍然处在初级阶段，重点教哪些内容，如何上好网页设计课，成了众多专业教师关注的重点．网页设计课程主要开设在计算机、电子信息、电子商务等理工科专业或视觉传达等艺术设计专业．这也决定了课程在培养目标、教学内容、教学方法与手段、考核体系等方面侧重有所不同．理工科专业更多偏向HTML及JavaScript等网页语言的编写，即重视纯技术;而艺术设计专业多偏向界面版式设计，重视觉传达．但招聘单位要求求职人员两者都精通，单纯的美工和纯网页设计师现在的需求越来越少．针对这一市场需求的变换，很多高职院校艺术设计专业都在尝试改进网页设计课程的教学内容及教学方法，开始注重网页设计语言的学习，使艺术与技术完美结合，对此也进行了一些教学模式的应用研究［1，2］．

但是，即便掌握了网页语言的使用，在高职院校网页设计课程的教学体系中，也很少涉及网站易用性、无障碍网页设计、面向用户的网页设计、网站安全等计算机科学及信息技术领域的相关知识．这往往使得网页设计脱离实际，过于追求美观与新功能而忽视用户体验，华而不实．面对如此众多的计算机科学及信息技术领域的相关知识，在选择教学内容时并不能完全覆盖，如何取舍已经成为一个影响课程教学质量的关键问题．为了使教学更适合每位学生的知识结构，必须有针对性、侧重性．本文就是在这样的背景下，提出了一种基于学生先前知识的教学内容选择方法．

1研究概述

本文针对高职院校艺术设计专业网页设计课程的教学内容及实施过程进行研究．首先介绍了测试学生网页设计先前知识的过程，然后对获得的数据进行统计分析，最后呈现基于分析结果的教学内容选择及教学实施过程．由于网页设计总是同其他学科联系在一起，所以当我们尝试创建一个功能性强、吸引力高的网站时，经常会遇到很多问题．这使得网页设计人员既要学习艺术方面的课程，如平面设计、样式和风格、绘画、色彩，又要掌握网页设计方面的课程，如网页设计工具的使用、网页界面设计及网页编程语言，与此同时还要了解像网站易用性、无障碍网页设计、面向用户的网页设计、隐私及安全等其他学科方面的扩展内容．然而，目前大多数高职院校艺术设计专业的教学计划还主要集中在网页艺术设计、网页视觉及版式设计、网页设计软件、网页语言的学习，忽视上面提到的易用性、无障碍设计等问题．这主要由于艺术设计专业课程结构所致，并不能对计算机科学及信息技术领域的相关知识做详细讲解．那么如何在有限的教学时间内，根据学生的先前知识状态，有针对性地扩展其他领域的相关教学内容便成为本文的研究重点．本文的研究基于北海艺术设计职业学院于2010年开设的一门全新的网页设计选修课程———网页客户端表现技术．课程开始前，首先要求选修该课程的学生对网页设计有初步的了解，同时喜欢设计网页，然后再进行网页设计先前知识的测试．测试包含十个相关科目的50个不同的网页设计问题．测试的结果可以帮助我们更有针对性地选择教学内容，灵活地实施教学．

1．1学生网页设计先前知识的测试过程在开设网页设计课程之前，本文做了一系列调研及相关文献的查阅［3，4］，并对收集到的信息进行分析，总结出高职院校艺术设计专业在网页设计教学中经常忽视的十个科目．根据每个科目的相关知识，制作了一份50道题目的测试试卷，然后对选修该门课程的55个学生进行测试．他们的年龄在20～22岁之间，涉及专业包括视觉传达、多媒体技术、动漫设计、环境艺术设计，男女比例为30:25．测试结果如表1所示．下面是多数学生都回答错误的几个问题．首先是网站易用性问题．设计网站时运用一些约定成俗的设计规范(如将超链接标记成蓝色，可以使访问者快速的找到链接)，这个非常重要的网站易用性问题，很多学生都不知道它的作用，如图1所示．测试结果显示:网站易用性、面向用户的网页设计、无障碍网页设计、网站安全，这四个科目的问题回答正确率相对较低，全部低于30%．由于这些内容是保证网页设计质量的关键，同时也是选修该门课程的学生最缺乏的知识，所以“网页客户端表现技术”课程需要扩展上述内容．

2基于先前知识的教学内容选择及实施过程

2．1基于先前知识的教学内容选择

根据学生的先前知识状态，有针对性地扩展计算机科学及信息技术领域内的4个相关科目内容．

(1)网站易用性:伴随着对网站用户体验的关注度普遍上升，网站易用性建设已经受到广泛的重视．一个好的网站首先要平衡目的、网页内容、虚拟因素、技术这四项基本准则．但是，由于学生缺乏易用性方面的知识，很多学生设计的网站都无法平衡网站功能和表现形式．因此，网站易用性教学就显得尤为重要．教学内容及教学重点如表2所示．

(2)面向用户的网页设计:学生在制作网页时很少分析用户需求，总是认为自己的设计很有吸引力，但是对于访问者来说，他们的设计经常过于复杂或者内容冗余无用．所以，学生应该明确他们是在为用户做开发，而非展示自己的网页技术知识．因此，有必要引入面向用户的网页设计教学．教学内容及教学重点如表3所示．

(3)无障碍网页设计:无障碍网页设计可以帮助残障人士使用网页．更确切地说，无障碍网页设计可以帮助残障人士感知、理解、浏览网页．近些年，欧美的网站已经开始系统的研究无障碍网页设计思想，而国内也开始对这方面进行研究．下面通过实例介绍无障碍网页设计特点．例如购物网站可以为商品添加颜色的冗余文字信息，以支持色盲在线购物．对于读写困难的人来说，网页中过多的动画及滚动文字会增加他们的阅读难度等．教学内容及教学重点如表4所示．

(4)网站安全:由于一个网站设计者更多地考虑满足用户应用，如何优化界面，实现业务，但很少考虑网站应用开发过程中所存在的隐患．大多数网站设计者、网站维护人员对网站安全技术了解甚少，所以有必要介绍一些网站安全技术．教学内容及教学重点如表5所示．

2．2基于先前知识的教学实施过程

(1)课程背景和目的《网页客户端表现技术》是艺术设计专业二年级学生的一门选修课．根据对企业调研的结果，发现企业承接的网站项目较多，并且企业、客户都很看重网站客户端页面的表现效果，即是否能够吸引客户挑剔的眼球．本课程就是在这样的背景下建立的．艺术设计专业学生具有良好的平面设计、样式和风格、绘画、色彩基础，这也正是网页客户端表现的基础．通过对网页设计工具、网页界面设计及网页编程语言的学习，学生可以制作出美观、大方的客户端页面．但是由于缺乏计算机科学或信息技术领域的相关知识，使得学生制作的网页脱离实际，过于追求美观而忽视用户体验．通过在教学中引入其他学科的网页设计相关知识，使学生得到全面的培养，最终满足企业对于网页客户端的设计要求．

(2)课程的教学实施过程下面是“网页客户端表现技术”课程的教学内容及实施过程，如表6所示．

3结语

本文介绍了一种基于先前知识的高职院校艺术设计专业网页设计课程教学内容的选择方法，并进行了具体实施．通过测试学生先前知识的状态，呈现他们对网页设计相关问题的真实理解，以做到有的放矢地组织教学内容．从学生的学习效果和学习水平测试分析中得出:这种方法可以更有针对性地选择教学内容，灵活地实施教学．学生设计的作品通过网络进行汇报展示，并邀请相关专业课教师对作品进行分析评价，最终结论验证了这种教学方法的有效性．