网页设计教学方法探讨

一、教学内容在网页设计

教学过程中，以前更注重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.学生自评

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

从事网页教学的教育工作者，一定要勇于学习、勤于探索，只有这样，我们培养出来的学生才能适应社会需求，更好地走向工作岗位。

作者：李陆燕 王瑀 单位：秦皇岛技师学院