网页设计教学方法探索

李陆燕 王瑀

摘 要：随着网络的广泛应用，社会对网页设计人员的需求也越来越大。作为中职院校教师，要勇于探索，多多思考教学方法，从实际应用出发，培养更适合工作岗位要求的学生。

关键词：网页设计 教学方法 课程

随着互联网的发展，网站的应用越来越广泛，对网站的设计制作及维护人员的需求也就不断增加。作为中职院校教师，笔者在充分进行市场调研的基础上，以就业为导向，开设了网络设计与开发专业，网页设计是该专业的主要课程，特别是静态网页的设计制作。经过多年的教学经验积累，进行的以职业针对性为核心理念的课程改革和建设，从课程结构、课程内容、教学方法、教学资源、考核模式及学生创新能力培养等方面做了大胆尝试，教学效果明显改善。这对改变现有教学模式、增强学生学习兴趣、提高学生操作技能、增强学生职业能力等有积极意义。

一、教学分析

在现有的中职院校中，开设网页设计的课程很普遍，主要是静态网页的制作。目前网页设计课程涉及的软件主要有三个：Photoshop、Flash和Dreamweaver。基本制作过程是：使用Photoshop设计网站效果图，详细设计网页的图形图像、背景、图片及简单的动画；Flash软件主要设计Banne、二级菜单等，提高网站观赏性；最后在Dreamweaver将设计的网页效果用代码全部实现。与传统的理论教学相比，网页设计课程有着鲜明的特点。

1.培养学生的综合能力

一个网站从用户需求分析到设计、制作、上传网络的整个过程中，对学生的沟通能力、理解能力、学习能力等都是一个考验。

2.具有很强的可操作性

每个网页都需要学生尽心去完成，而不是空谈，所以对学生的技能要有很高的要求。

3.创新空间很大

现在的网页各种各样，每个学生都有自己的想法，无论是在色调还是布局上，都有很大的发挥空间。代码设计也有很多方法实现，灵活的学习内容能激发学生兴趣，培养创新能力。

4.与艺术美感联系紧密

网页最先传达给人们的信息是一个整体的感觉，这在教学过程中很容易忽略，仅仅开设美术课程是不够的，还要多看多分析经典网页，着重培养美感。

二、教学内容

在网页设计教学过程中，以前更注重Dreamweaver的应用，而忽略了真正的设计阶段。其实对于中职的学生来说，设计效果图是做好一个网页的基础。

1.Photoshop在网页设计中的应用

（1）网站的LOGO。LOGO是一个网站的形象，一个好的LOGO给用户的印象很深，能提高网站的知名度。可以通过PS软件的钢笔工具及路径、选取等操作，设计出简洁、有意义的LOGO。

（2）色调。色调的选择很重要，它是网页给人的第一感觉，选择好色调能使用很快喜欢上这个网页。首先要掌握关于美术的一些知识，例如对比色、暖色、冷色等。每个色调都有它的意义，科技类网站一般使用蓝色或者灰色，食品类网站一般使用暖色或绿色，环保类网站一般使用绿色，产品类网站一般使用和产品类似的颜色，如安卓绿等。网站的前景色和背景色的搭配要合理。

（3）网页中的细节。在网页设计中，除了大量的使用图片外，还有一些小的图标及按钮等细节需要设计。这些是点睛之笔，不能忽视，在设计风格和颜色上与整个网页主题一致。

（4）布局设计。网页布局方法有很多，上下结构、上中下结构、上左右结构、上左中右结构等，要根据内容选择合适的结构。

2.Flash在网页设计中的应用

（1）Banner的设计。在整个网页中，动画给人印象深刻，给网页添色。在设计Banner时，要注意图片的选择与整个网页一致，文字要突出，表现出该企业的精神。

（2）细节设计。在按钮、图片、超级链接等方面也可以使用动画，这样网页看上去会更有动感。

3.代码

在代码实现阶段，我们主要使用了CSS+DIV技术。在学习过程中，要强调代码的书写规则、书写格式规范、书写技巧，良好的书写习惯是成为一个成功网页设计人员的基础。

4.课时分配

以上三个软件建议学习两个学期，第一学期三个软件并重，第二学期着重讲解代码实现部分。

三、教学方法

中职学校主要培养的是学生的动手能力和解决实际问题的能力。让学生在学习中养成良好的习惯，能更快地适应企业的岗位需求。在教学过程中要采用多种教学方法，如任务驱动法、项目教学法、案例教学等，变被动学习为主动学习，使学生不仅仅是“学会”，更主要的是“会学”，这就要求我们要改变传统的教学方法。

1.课程内容

在教学过程中，对每个软件的学习要模块化，再把每个软件细分模块化。例如在学习photoshop时，首先临摹经典网站，掌握每类网站的设计特点，如科技类、产品类、学校类等，把相关知识进行总结讲解，使学生有一个整体的感知。再通过实例进行设计练习，使学生牢牢掌握每个软件的核心。

2.实例教学

不管是采用案例、项目还是任务，在教学内容的选取上要更贴切实际，以实际应用为主线，切身体会整个案例完成的过程，使每次学习都变成一次实战。学生分析实例的过程和自己的经历及环境相结合，可以激发学生的求知欲，让他们主动去周围的生活中找素材，分析内容，最后完成任务。

3.课堂形式

课堂讲解主要分成两部分：知识讲解和案例实训。以前的教学是90分钟一堂课，课时短、内容少，往往学生刚开始进入状态就下课了，第二次课时又用大量的时间复习第一次课内容，很影响授课进度和效果。那么我们就采用大课堂的形式，如一个案例讲解180分钟，有的甚至要一到两天的时间，特别是在综合练习阶段，可以在学期中或者学期末安排一到两周的时间，拿出一个较大的案例实践，并充分利用课余时间，让学生的学习一气呵成，提高学习效率。

4.教学手段

在教學过程中，还可以采用更灵活的教学手段，如师生互动、生生互动，活跃课堂气氛，提高学生分析与解决问题的能力，达到轻松学习、自主学习的目的。还可以采用多种教学形式，如竞赛方法、分小组教学、学生讲解等，让学生充分感受到这个行业的真实职责。并利用大量多媒体课件、课程录像、习题库、试题库等手段，满足不同基础的学生进行自主学习。

四、教学考核

课程设计的考核必须充分重视学生的创新能力和实践能力的培养，全面提高学生的工作能力和综合素质。考核方法如下。

1.教师考核

教师在每个阶段都要对学生完成的任务进行考核。如完成一个网站要5天的时间，教师要把这5天分成几个阶段：搜集素材、用Photoshop完成效果图1天，代码实现2天，自查互评1天，完善1天。教师对每个阶段都进行评分，这样可以督促学生按时完成任务。

2.学生自评

在每个同学都完成任务后，同学之间进行互评，这样可以取长补短，还可以让每个同学复习以前学过的知识，会找错、会改错，让学生进行讨论交流。还可以把优秀的网站选出来进行评比，让学生自己介绍，把自己设计的网站推销出去。

3.考核成绩等级

课程设计实际成绩一般分五个等级：优秀、良好、中等、及格、不及格。

网页设计是一门实践性很强的课程，课程定位要明确，并与相关岗位技能全面接轨。作为从事网页教学的教育工作者，一定要勇于学习、勤于探索，只有这样，我们培养出来的学生才能适应社会需求，更好地走向工作岗位。

（作者单位：秦皇岛技师学院）