网页的设计教学的方法探索.docVIP

网页的设计教学的方法探索 　　摘 要：随着网络的广泛应用，社会对网页设计人员的需求也越来越大。作为中职院校教师，要勇于探索，多多思考教学方法，从实际应用出发，培养更适合工作岗位要求的学生。 　　关键词：网页设计 教学方法 课程 　　随着互联网的发展，网站的应用越来越广泛，对网站的设计制作及维护人员的需求也就不断增加。作为中职院校教师，笔者在充分进行市场调研的基础上，以就业为导向，开设了网络设计与开发专业，网页设计是该专业的主要课程，特别是静态网页的设计制作。经过多年的教学经验积累，进行的以职业针对性为核心理念的课程改革和建设，从课程结构、课程内容、教学方法、教学资源、考核模式及学生创新能力培养等方面做了大胆尝试，教学效果明显改善。这对改变现有教学模式、增强学生学习兴趣、提高学生操作技能、增强学生职业能力等有积极意义。 　　一、教学分析 　　在现有的中职院校中，开设网页设计的课程很普遍，主要是静态网页的制作。目前网页设计课程涉及的软件主要有三个：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时，首先临摹经典网站，掌握每类网站的设计特点，如科技类、产品类、学校类等，把相关知识进行总结讲解，使学生有一个整体的感知。再通