页面设计教育不足及变革实践

1问题提出

在信息技术迅速发展的今天，网页制作已成为企事业单位都要使用的一门技术，同时也是“计算机应用技术、计算机网络技术、计算机软件技术、电脑艺术设计”等相关专业学生的一门必修课。目前高职学校的网页设计课程的教学中，普遍存在:①注重知识点讲解，轻视能力培养。教师上课的内容只注重书本知识点的讲解，而忽略《网页设计》课程的应用特征，在讲授知识点时，学生不能充分理解这些知识点，当让学生自己动手完成项目时，他不知道如何下手，能力明显不足。②课程内容面面俱到，教学重点不明显，学生学后觉得什么都懂，但什么又都不会，在就业时不能找到适合自己的工作岗位。③有些知识点陈旧，满足不了IT技术发展与社会实际需求。④多数学校教师业务能力不强，导致教学结果不够理想。显然，目前的教学只注重理论知识的传授，轻视动手能力培养，课程结业后，学生仍然不能解决一些实际问题，结果是学生埋怨说在学校没有学到知识，用人单位说从学校招聘不到适合自己需求的人才。针对上述问题，笔者通过多年教学探索，在授课过程中以“项目”为载体，采用“六阶段”教学法教授课程内容，调动了学生学习的积极性，激发了其探求知识热情，从而提高了综合运用知识与动手能力，教学效果明显［1］。

2设计教学“六阶段”教学法

依照现代职业教育理论、行动导向教育理论和建构主义学习理论等为指导，将实际的企事业单位网站设计过程融入到网页设计课程教学中，采用的是基于工作过程式的项目驱动、能力渐进的教学模式［2］。

2．1准备教学内容教学内容准备的好坏不仅影响其教学过程，而且对教学效果也有影响，因此，在上课前，老师会精心挑选授课内容。授课内容大部分来至于企事业单位的具体项目，教师在授课之前首先要认真备课，找出怎样把知识点应用在项目中讲解。我们学院的网页设计课程每个专业仅开设一个学期，大约七十二个学时，因此，在选取授课内容时，我们会综合考虑以下几点:①项目内容的多少。如果内容过多或过大，一个学期讲不完，这样影响授课的完整性。②项目内容的难易程度。如果授课内容过难，会影响学生的学习兴趣，学生就会知难而退，不愿意学习;授课内容过于简单，程度好的学生觉得没有吸引力，在家自学就能学会，没必要来学校学习。③知识点涵盖多少，每个阶段的内容要涵盖3－4个知识点，这样一个学期能把大纲要求的知识全部讲完。所以，我们选取内容时既要遵循学生的接受能力，有要考虑知识的完整性与内容的系统性，从而来提高整个教学效果。有时在上课时我们还让学生自己寻找项目，先把学生分组，每组一个组长，让他们深入企事业单位，了解用户要求，最后把用户需求结果汇集给项目组长，由老师引导，小组成员参与，采用头脑风暴法来确定每个小组的网站开发项目，接着，按功能划分为子模块，最后再把子模块分配给小组的每个成员，所划分模块的知识点大致差不多，如讲授用户界面设计，包括用户需求调研，调研又分为电话、问卷、访谈等，采用的方法是一样的，只是具体内容不同而已。

2．2项目任务分解上课时间仅一个学期，为了实现整个教学目标，我们需要把一个大的项目任务根据教学进度，分解成一个个可实现的子任务。每个子任务都要包含重点、难点等内容，同时还要遵循先易后难，技术逐步深入的原则。

2．3教学任务分组“六阶段”教学法注重项目任务的整体性、知识点的渐进性与综合性，学生为了完成任务，无论在课内还是课外，他们都必须花费大量时间和精力。在实施“六阶段”教学法之前，采用教学任务分组，就是把班级学生按照3－5人分成小组，每个小组都有自己的项目任务，每个小组成员也有各自的分工，他们按照任务计划分别完成各自的任务，最后有小组成员代表向全体同学汇报自己小组的项目成果。这种任务分组方式，既培养了学生的团队协作精神，又能充分挖掘学生潜力、调动学习兴趣、培养组织与协调能力，同时还能“以强带弱”，减轻教师的授课任务［3］。教学任务分组示意图1。

2．4教学过程使用“六阶段”教学法讲授网页设计课程基本与网站开发过程一致，具体形式如下:

(1)确定开发工具，搭建开发平台。高职学生接受能力相对来说比较弱，因此，选择开发工具最好选择可视化的，如frontpage、dreamwear等，使用可视化工具一是页面框架由开发工具自动生成，减少了代码编写;二是直观，简单易学;三是学生有了网页开发基础后再去学习非可视化的开发工具，学生很图1教学任务分组示意图容易能上手。网站设计是一个综合性课程，一定要从网站开发的角度出发，鼓励学生综合使用一些其他的辅助工具，如会使用平面设计软件、动画制作软件，网站结构图设计软件、项目进度管理软件等，以提高学生综合综合素质，培养用人单位急需的人才。

(2)详细介绍开发环境。由于大部分企业采用的是可视化集成开发环境，虽然能为企业提高网站建设的速度，减少开发时间，但是这种把开发工具、数据库连接、Web等功能集成在一起，知识点综合性强，不利于学生对知识的掌握和理解，加之网页设计大部分是英文界面，学生英语水平差，更难理解，所以老师一定要先讲HTML的语法，让学生对网页中的每个元素有个系统了解，为后续使用可视化工具打下基础。

(3)用户界面设计。用户界面设计相对整个网站建设来说较容易，学生只需根据用户需求，利用平面制作软件设计用户界面。这个过程不用编写代码，，只需具有美工基础，学生上手快，而且用的是可视化设计软件，作品是图片，学生有兴趣感，同时还能激发进一步学习其它知识的兴趣。

(4)编写程序代码。当需要对网页增加链接、文档格式设置、特效设置、数据库连接时，就要讲授HTML或ASP+SQlSERVER的代码，讲解这些内容，我们遵从的是①先简单、后复杂;②先基础，后综合;③先概要，再细化的原则。按照事先分解好的子任务，结合教学进度与学生的接受能力，用简单易懂的的语言把每一个知识点贯穿到子任务中进行讲解。讲解时，采取及时互动，了解学生的接受情况，动态调整教学过程，切忌满堂灌，贪多求全，尽量消除学生害怕编写程序的畏难心理，让他们觉得编程简单好学。

(5)改变考核方式。“六阶段”教学法授课的科目没有采用过去那种期末一次考试定成绩的方式，采用平时成绩+技能考核相结合的方式。整个教学过程，学生都在在积极地完成属于自己的项目内容，每个过程都反映了每位小组成员的学习态度、知识掌握程度等。平时，老师根据教学进度，每两周作一次项目完成检查，作为平时成绩;期末，每个小组及小组成员做一次成果汇报，评委成员是相关学科教师和每个小组的项目组长，他们根据成员汇报情况对学生项目进行综合评分(即技能考核)，作为学期总评成绩的一部分。这种评价，客观公正，大致能体现学生对知识掌握与运用的程度。

3教学实施

网页设计课程以“项目”为载体，以“六阶段”教学法为手段进行教学，下面以动态网页中数据连接为例，选择“制作小型留言板”这一任务，其教学结果是:通过实例，使学生能掌握ASP中数据库的连接方法，数据库的结构设计，数据库记录的添加、删除、编辑、查询等的相关知识;学生通过该项目的制作，将获得团队协作、信息收集、人际交往等能力，同时还能培养其综合运用知识的能力，如图片处理、页面美化、数据库结构优化等。教师通过对学生的指导，动态观察、了解学生，转变过去的“填鸭式”教学，给自己营造一个轻松的教学与学习环境，大大提高工作效率与科研能力。该项目涉及到用户需求调研、平面页面设计、静态页面设计、动画页面设计、素材的搜集、算法的设计、功能菜单的设计、数据库结构设计与调试等方面内容，各小组根据组员特长分工，最终完成项目任务。为了把这个教学任务落实的实处，我们采取项目阶段评估与项目总结评估想结合，最大限度的让每个小组成员都能以任务为纲，通过多途径、多角度的分析积极地完成任务，同时制定相应激励与惩罚机制，使同学们都自我约束把任务完成到最好。“六阶段”教学法教学过程设计流程图如图2。“制作小型留言板”这一任务主要练习数据库的操作，前台页面浏览用户留言，进入后台有录入内容，编辑、删除内容等功能。任务完成后，要求程序运行给出如下界面图3。2“六阶段”教学法教学过程设计流程图图3“制作小型留言板”用户界面“六阶段”教学法具体实施形式如下:

(1)项目驱动，引入任务上课时，把事先做好的“留言板”演示给学生看，通过项目演示，同学们有个感性认识，接着引入教学任务，提出如何完成该项目，有什么样的解决方案等问题。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

(2)项目分析，解决构思对项目进行分析，指出该项目应用了图片处理、gif动画、配置动态服务器、建立动态站点、页面布局、数据库设计、超级链接、表格、插入图片、表单等知识点，技术难点是数据库的连接、绑定建立记录集、加载服务器行为、插入记录等，面对这么多知识点，该怎样去解决呢?在讲解时主要采用自顶向下，逐步细化，把大知识点分解为一个个子任务，逐个讲解制作思路与技术要点。在任务分析的过程中，采用互动方式，及时解决学生遇到的问题，从而打消学生对疑难知识的理解，加深其对作品创作的深度认识。

(3)操作演示，贯穿提高通过对作品设计思路的分析，学生对“留言板”的设计有一个大概的认识，下一步就是教师边操作演示边讲解，系统地把“留言板”如何制作一遍。如“实现数据库和站点的连接”这部分内容，一边讲解三种连接数据库的方式，一边演示怎么连接，以及他们之间有什么关系、各有什么优缺点等?在这个阶段，重在的“引导”学生掌握制作过程。

(4)技术要点总结，重难点解析“留言板”案例讲授完后，要对本次课的教学目的、重点、难点、容易出错处等及时进行总结。并针对案例存在的不足之处，提出优化方案。告诉学生该怎样去运用知识，如何能快速的掌握重点、难点等知识，以便在后续的学习过程中能自我抓住学习重点、难点等知识。

(5)任务实施，实践制作这个阶段主要是让学生以小组为单位(3－4人为一组)，合作完成该任务。如“实现留言板管理页面功能”包括①布局页面②用户登陆的设置③在数据表中添加管理员信息④建立管理页面⑤添加服务器行为等内容，这么多任务在课内是完不成的，这时我们要求学生在课外通过自我学习与团队协作相结合来实现，即要求学生既发挥主管能动性与创新精神，又要与小组成员充分地沟通交流。

(6)学生评价，形成自己的知识经验在学生完成“留言板”项目后，要求学生作小组汇报，学生当着老师与同学的面当场演示、解说“留言板”的自作过程，然后让大家互相讨论，各自提出自己的看法与见解，达到互相交流，取长补短的目的。教师在此过程中以实现预定的教学目标为目的，适当地引导讨论方向。以这种方式进行学习效果的评价，给每位学生以表现的机会，使学生自我实现的需要得到满足，从而带动教学全过程，使学习成为学生内在的需要，实现“要我学”到“我要学”的转变［4］。

4结束语

对比传统教学法，采用“六阶段教学法”，教学内容丰富多彩，形象直观;使那些原本枯燥无味的知识变得富有趣味性，并使学生产生极大的好奇心，激发了学生学习的兴趣，激起了学生求知的欲望，它对计算机专业教学起着促进作用。学生明确了学习专业的目的，提高了学习专业的兴趣，也培养了严谨的工作作风，团队协作精神，使他们学到了未来工作所需要的职业技能，为以后踏入工作岗位打下了坚实的基础。