网页设计总结范文

导语：如何才能写好一篇网页设计总结，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

对于设计人员，能力的锻炼积累提高是重中之重。今天小编给大家为您整理了网页设计个人半年工作总结，希望对大家有所帮助。

网页设计个人半年工作总结范文一：设计工作是痛苦与快乐的炼狱，每当面临新的设计任务时，因为觉得自己的水平不够，感觉充满了压力，开始搜集各种资料，接下来寻找设计灵感，沉思、焦灼，每当经过艰苦的磨砺，自己的劳动成果得到肯定时，便是工作中最大的快乐!充满了快意。

一、工作总结：

从开始连效果图都做不好到现在能自己套程序，虽然自己也付出了努力，但是更离不开同事们的帮助。在这三个月里，我学习了制作网页的基础知识。从配色到布局，从制作效果图再到切片，再到用dw制作网页，最后套程序。每一个环节我都没有松懈，不管是在公司还是回到家里，我都会充分利用时间来学习，补充自己贫瘠的知识。虽然现在的水平还远远不够，但是扪心自问，我在远洋的每一天都是充实的，没有虚度，我相信在新的一年里，通过自己的努力和同事们的帮助，我会学到更多的东西，不管是在技术水平上还是其他方面，都更上一层楼。

二、工作中的不足：

虽然通过三个月的努力，技术水平有所提高，但是还是存在很多不足的地方，因为基础打的不够好，很多地方学习起来有些吃力，不停的问同事，也给别人带来了不少麻烦，因为知识的不足，使得开始的学习有些混乱，感觉不知道从哪里开始学起，无从下手，浪费了不少时间。

三、新一年的目标：

过去的一年的整体上是紧张的、忙碌的、充实的。因为我刚刚来到远洋，所以对我来说这也是充满希望的一年。展望新的工作年度，希望能够再接再砺，同时也加强自身的能力，工作中与同事多沟通，多关心了解其他部门的工作性质，进一步提高自己专业知识技能，积极吸收新的观念与设计理念，要继续在自己的工作岗位上踏踏实实做事，老老实实做人，争取做出更大的成绩来。

我们经过痛苦煎熬，终于做出来的时候倍感轻松。

网页设计个人半年工作总结范文二：我已经在公司工作将近 1 个月了。刚来的时候还担心无法把工作做好，不知道如何与同事共处。但经过这一个月以来，公司宽松融洽的工作氛围。

在我工作经历中，让我感到幸运的就是公司给我这一次就业机会。与以往的工作经历不同的是，这里给人一种完全放松的工作氛围，没有因为测试出的 BUG 和不能按时提交的软件模块功能而心怀忐忑，接触的人际关系也不再是有限的技术人员，在这里我学到很多以前不曾接处的东西，处理人际关系的能力，会不会说让人喜欢的话，处事的心态等。在此对一个月的工作和生活做一下总结，从中发现自己的缺点和不足，在以后的工作中加以改进，以提高自己的工作水平。

在这一个月的工作和生活中，尽心尽力，履行自己的工作职责，认真及时做好领导布置的每一项任务。当然我在工作中还存在一定的问题和不足，比如：面对同事找不到交谈的话题，工作经验方面有待提高;对旅游行业相关知识情况了解的还不够详细和充实，掌握的技术手段还不够多。对于这些不足，我会在以后的日子里虚心向周围的同事学习，努力丰富自己，充实自己，寻找自身差距，拓展知识面，不断培养和提高充实自己，让工作能力进一步提高。也希望请领导和同事对我多提要求，多提建议，使我更快更好的完善自己，更好的适应工作需要。

在此我定下了明年的工作目标。了解公司的操作过程，运营方式，虽然我是公司的网页设计师，对于学习这些知识表面上看似无任何关联，我只要按公司给的需求开发出相应的系统即可。但我认为，最好的项目是最适合顾客体验的，要想做出受顾客欢迎的网站，要站在顾客角度上考虑。因此要融入到旅游行业，身处其境，才能做得更好。我跟华哥聊过公司的网络发展，华哥的目标是明年使至尊网成为华南最大的旅游网，使至尊网成为一个品牌。这是我们网络部的目标，也是我的目标。配合好华哥的工作，使网站能按时上线。与网络部的同事一起努力，把网络推广做到最好。

网页设计个人半年工作总结范文三：一个网页设计师在工作时要面对多少问题?配色问题?字体问题?制作问题等多个问题。以及在做的过程中客户的反馈都相当重要，接下来一起看看总结：

1.配色问题

一个网页的色彩最好不要超过3种，一面视觉效果混乱，用色柔和，对比度强的色彩不能应用于一般网站，时尚网站使用还可以。

2.字体问题

很重要的一个问题，用标准字标准色，这是一个规范，行距一般控制在20p_左右，不要太小，也不要太大，自己大小注意，中文12p_，英文11p_或者10p_。不要用黑色字，可以用灰度或者其它柔和颜色，统一整个网页字体的色彩以及大小，规范整体。

3.布局规范

布局是非常重要的，考虑客户浏览习惯以及他们想展现的内容，并且优化。一个网页，如果布局不合理的话不但影响浏览，而且非常难看。

4.制作习惯

必须非常熟悉各种网站的功能，要做得非常全面，比如说一个商城的网站应该有哪些内容必须非常清楚，不要等客户提出之后才补充上去，会显得自己非常不专业。

一般不好搭配的颜色，用灰度搭配。

网页设计个人半年工作总结的人还看了：

1.设计师个人上半年工作总结

2.设计师半年个人工作总结

3.产品设计师个人工作总结

4.网页设计师自我评价范文

5.2016年设计工作总结6篇

6.设计师上半年工作总结

篇2

>> 用Photoshop和Dreamweaver轻松布局网页表格 Dreamweaver网页设计中表格与层布局的比较 CSS+DIV布局与表格布局网页的对比 CSS+DIV与表格实现网页布局的比较 网页设计中的表格绘制 网页版面布局设计教学之我见 浅谈网页设计中页面布局的教学 网页设计教学中表格与层的应用研究 网页表格布局方式和DIV+CSS布局方式的比较研究 网页设计的布局和用色技巧 基于CSS页面布局的网页设计 网页版面布局设计的探讨 浅析网页设计中的页面布局 网页设计中布局模式的比较 浅谈网页设计中的布局工具 浅谈网页设计用图 基于项目化教学的“网页设计与布局”课程教学研究 表格与DIV+CSS的布局设计分析 “网页设计”课程中DIV+CSS布局技术的教学 DIV+CSS布局在网页设计教学中的应用研究 常见问题解答 当前所在位置：打开）请你将这个页面中的文字和图片排列整齐（文字、图片无法排列整齐，再打开bg2.htm）。现在请你将图片和文字分别放到表格中，看看效果。

教师：通过这个实验，你得出了什么结论？

学生：用表格可以很方便地将文字与图片排列整齐。

教师：说得很好，表格的作用就是将网页中的文字、图片等素材对象进行定位。网页都是用表格来进行布局的，请看两个范例（展示网页的表格）。

【设计意图】事先预设此环节，安排学生李彦在适当的时候提出问题，引出课堂知识冲突，为下一环节做好铺

垫；同时吸引学生的注意力，及时调整学生的学习状态。通过设计一个对比实验，用实验验证学生的猜想，让学生总结实验结论――表格在网页布局的作用，培养学生的钻研、思考、解决问题的能力。

插入表格

教师：插入表格之前，为了编辑的方便，我们通常要先设置网页大小。在通常情况下，我们一般将网页大小设置成默认状态的“当前网页大小”。

教师：接着请各位设计师在此页面中按照你的布局草图的行列数插入表格，最后将相应的文字信息填写到表格中，效果请参照大屏幕。

【设计意图】通过演示法讲解、回顾打开网站站点的技巧与方法、网页大小设置方法，快速进入任务二的学习中。

调整表格

教师：各位设计师，表格插入好的请举手。（环顾学生）若有不会的，请一个设计师演示。请各位结合Word中表格的相关操作，还可以结合教材中的步骤，完成单元格的合并与拆分的操作，使网页布局更加合理。

【设计意图】关于表格的插入、拆分、合并单元格等操作已经在Word、PowerPoint设计多媒体作品时学过，学生可以凭已有的知识完成，也可以参照教材的步骤完成，培养学生的自学能力与意识。

作品的保存与评价 要求所有设计师保存提交作品，展示1～2个设计师作品，并做好评价。

【设计意图】及时评价与反馈学生的作品，能够鼓励和督促学生认真完成作品的设计。

课堂拓展练习 如图3所示课堂提高练习，在第二行调整导航栏这一行单元格列宽，使他们平均分布时不影响第三列图片这一行，该如何实现？请参照教材的阅读材料一提供的方法试一试。

【设计意图】结合教材阅读材料，通过设计课堂拓展练习，能使学习有余力的学生在课堂上有充分发挥，培养其自学能力。

4 课堂总结

师生一起回顾所学知识，课堂小结内容如图4所示。

篇3

1.网页设计是平面设计的网络化

网页设计是指利用标识语言，经过一系列的建模、设计、执行等过程，将数字化格式的信息通过网络传播，最终以图形或者视频形式被用户浏览。因为网页设计是一种能够充分利用各种信息化手段的设计过程，所以它既能够像平面设计一样对主题进行完美诠释，还能够细致地描述目标。在某种程度上来说，创作网页设计的过程中，主要使用的手法，技巧都是延伸平面设计，有些甚至是一样的。因此将网页设计和网络技术紧密结合起来，是将来网页设计的一个必然方向。

2.网页设计是平面设计在网络时代的延伸

伴随着网络时代的迅速发展，人们和网络的联系也越来越密切，人们利用网络技术改革以往工作方式。在平面设计领域也不例外，设计师们利用鲜明的色彩，精心的网页布局想方设法地吸引人们浏览自己的网站。完美的网页设计一定是有着完美的网页风格。基于网页设计和平面设计有着很大程度上的相似性，加上网页设计的发展背景，我们不能将两者孤立起来看待，而要清楚地认识到，网页设计是平面设计在互联网时代的一种独特表现形式，是平面设计在新时期新环境下的一种延续，一种创新发展。

3.网页设计和平面设计在技术上的区别

网页设计顾名思义就是依赖于互联网进行创作，对于先进的软件那无法摆脱的依赖性是网页设计的短板，但是平面设计却不是这样，它对于这类软件依赖性小，因为可以利用手绘来代替。网页设计一般工作都是借助绘图工具，只有在这么强大先进的软件配合下才能完成设计。但是平面设计伴随着经济和科学技术的发展，能够不只依靠绘图工具还可以利用画笔，颜料等传统工具来工作。

4.总结

篇4

【关键词】网页设计；图形设计；运用价值；运用要点

前言

科学技术的不断进步，促进了计算机技术以及互联网的迅速发展，在各个国家基本实现了全覆盖。随着信息时代的到来，人们对于信息的利用更加频繁，对网页的关注度逐渐升温，好的计算机网页设计会给企业以及浏览者带来更大的价值，要想成功吸引更多的人们注意网页，就需要将图形设计完美的融入其中，以达到想要的效果。

1网页设计与图形设计概述

网页设计，是为传递信息而进行页面设计的工作，其主要是依据企业的需求，利用计算机为媒介，将信息展示在浏览者面前。作为一种宣传媒介，网页设计的精美程度决定了浏览者对其的关注度，更绝对了其利用价值的大小。网页设计包含以下种类：功能型网页设计、形象型网页设计和信息型网页设计，其主要利用颜色、字体、图片、样式进行美化设计，根据用户要求策划和设计出满意的网页，高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。网页设计最为常用的工具包含PS、FL、AL、DW等[1]。图形设计，是网页设计技术中的重要组成部分，影响着网页设计的效果，对提升网页的设计感和感染力具有重要作用。图形设计重在图形，它是传达信息的图像符号，通过不同的表现形式，将作品中要表达的意境表现出来[2]，其重在创意上。图形设计拥有众多优势，有直观性、审美性、指示性、象征性等，这些都能够提升计算机网页的设计效果。

2图形设计在网页设计中运用的价值

2.1提升计算机网页设计的艺术效果

图形设计的创新性，可以在计算机网页设计的策划中与众不同，更能够提升计算机网页设计的艺术效果，将网页的别具一格的设计展现在用户面前，让更多的浏览者关注网页，激发用户群体的浏览兴趣，起到更好的传递信息的效果。在计算机网页设计中，利用图形设计中的完整的表达力，为用户打造信息传递的视觉盛宴，保证计算机网页设计的质量。据相关调查显示，最受关注的网页，往往是利用图形设计相结合的。

2.2增添计算机网页设计色彩，向多元化发展

图形设计的形式多种多样，更可以说是资源丰富多彩，其利用音频、图像以及艺术文字的形式进行计算机网页的设计，大大的增添了艺术色彩和愉悦的氛围，并使得传统的单一网页形式向多元化方向发展。传统的计算机网页只是通过简单的元素将信息传递给浏览者，在表达上基本上就是文字配以简单的图片，在信息的检索上更是以文字为主[3]，将现代的图形设计加入到计算机网页设计后，用户可以通过音频以及图片进行搜索，这种表现形式的变化图形设计所起的作用功不可没。

2.3加强了视觉冲击力与感染力，更加人性化

计算机网页设计主要是通过文字和图像相结合向使用者展示信息，图像设计是将文字与图像再加工，利用其独特的处理技术，将文字与图像的表现形式更具有视觉冲击力与感染力，能够较深浏览者的印象，提升浏览效率。图形设计能够将文字与图像互相转换，满足浏览者的需求，并给人以简洁美观的效果，更能够体现设计者的理念，使计算机网页设计更加人性化。

3图形设计在网页设计中运用的要点

3.1图片格式设置要符合

在图形设计中，设计工作者一定要注意计算机网页设计中对图片格式的要求，只有符合的才能够实现其利用价值，才能够达到设计方案中的实际效果。我们在浏览网页中，经常会出现图片、音频打不开的现象，使得我们需要的信息没有很好的读取。因此，在计算机网页设计中，一定要合理的处理图像以及连接图片，使其格式满足网页设计的要求，为用户展现良好的视觉效果。

3.2图像大小要控制在要求范围内

在计算机网页设计中，对图像大小的要求非常严格，如果在利用图形设计中不控制好图像的大小，就会严重影响图像在浏览者面前呈现的效果。计算机网页设计本身就收资源空间大小的限制，只有控制好图像的质量与范围，才能够提升网页设计质量。例如，我们在浏览网页时会经常看见一些失真、或者比例失调的图片，不仅影响了我们浏览效果，还严重影响了我们继续浏览下去的兴趣。

3.3图片颜色配置要科学

不同的色彩表现形式有所不同，同一的色彩会显得单调，多种色彩搭配会显得凌乱，在计算机网页设计中使用图形设计时，无论哪种颜色都要优化配置好，并要有一定的科学性。在图形设计中，可以通过PS实际软件对图片进行颜色调整，使其适合计算机网页设计整体色调，为浏览者展示良好的画面感。

4结束语

计算机网页设计本身就具有一定的难度，图形设计的加入使之更加的繁琐，设计人员在运用过程中一定要加以注意，更具网页设计的实际要求进行图形的选择与处理，才能够增强图形设计在计算机网页设计中的视觉效果，实现其使用价值。

参考文献

[1]王正红.探讨网页设计中图形的应用[J].现代装饰（理论），2014，11：86.

[2]温雪，毕军涛，孙授卿.试析计算机图形图像设计以及视觉传达设计[J].通讯世界，2015，17：221.

篇5

【关键词】网页　设计　人性化

近些年来，国家开展的各项事业大都以人性化为追求的目标，这主要是对人的地位进行了充分的肯定。在网页设计中也是如此，在网页中的导航、文字、图像、按钮等等方面的设计，都应该遵循人性化的设计理念，这不仅能够给网页浏览者带来方便，还能体现出“以人为本”的核心思想。因此，在网页设计中应该不断追求人性化的设计效果。

一、网页设计中人性化设计的内在含义

所谓的人性化设计，是指将以人为本作为网页设计的核心思想，并且按照这一方向和目标来进行设计。实现网页设计的人性化，不仅能够给网页浏览者带来最大程度的便捷，还能够在很大程度上建立起人与网络产品之间的关系，在得到便捷的网页服务的同时，使人产生心理上的舒适，并且提高生活的质量[1]。

二、网页设计中人性化设计的必要性

在当今物质文明极其发达的网络时代，计算机信息技术的发展可谓是突飞猛进，给人们带来便捷的服务的同时，也在不断进行改变和创新。网页是人们了解计算机信息技术本身，以及对网络产品和网络信息进行了解的首要接触点，只有在保证了网页设计在声音、图像、链接、按钮等方面具有强烈的人性化特点的前提之下，对网页进行文字、图像、色彩等视觉元素的优化设计，使网页设计具有整体性、选择性、审美性和便捷性，才能使网页设计的整体水平得到提高，并且将人性化的设计理念在网页设计中完整的体现出来。所以说，网页设计中体现人性化的设计理念是具有必要性的。

三、网页设计中人性化设计的体现

（一）导航设置中人性化设计的体现

在网页的构成中，导航是最基本的设置，也是一种必要的设置，导航具有引导人们进行网页浏览的信息功能，是网页设计中人性化追求的基本要求。因为人们在进行网页的浏览时，需要有一定的标志性信息，来指引人们搜索想要得到的信息，这时就需要导航来辅助人们进行网页浏览，为人们提供清晰的、明确的指导，浏览者可以通过细致的指导来进行浏览，为用户提供便捷的服务，这是网页设计中体现人性化理念最基本的要求。

（二）链接设置中人性化设计的体现

链接是网页设计中的枢纽，是各个网页之间进行连接的纽带。在用户浏览网页时，可以在导航的指引下，灵活的进行网页之间的跳转，随时访问自己想要浏览的网页，并且不论是处于哪一界面之下，都能够随时回到网页的主界面中。链接作为整个网页设计中的神经系统，将网站中的各个部分和各个环节进行了紧密的联系，每一部分都各自成页，并且这些部分又同时统一于网站之中，用户可以便捷的进行网页浏览，以最简单、最直接的方式进入自己想浏览的网页之中。这种网页设计的便捷性，是人性化设计的重要表现形式。

（三）按钮设置中人性化设计的体现

若链接是网页设计中的神经系统，那么按钮就是作为神经元而存在的，是链接中的关节部位[2]。按钮的设置在很大程度上决定了链接能否快速、简单的为用户提供网页跳转的服务，由此可见，按钮在网页人性化设计中的重要性。而实现按钮人性化主要有以下两个方面的要求：首先，按钮必须要具备一定的识别性，通过采用清晰醒目的色彩，或者是调整按钮的大小等方式，使按钮能够引起人们的注意，抢占人们的眼球，并且将按钮放置在显眼的位置上。其次，按钮的设置还应该具有一定的固定性特点，将按钮设置在网页的上部已经成为网页设计中一种约定俗成的规定，更加促使按钮为人们提供便捷的浏览服务，实现网页中按钮设计的人性化。

（四）图像设置中人性化设计的体现

在网页中，图像是主要的视觉元素组成部分，在网页中占据了大量的篇幅。近年来，网页中的图像设计变得越来越花哨，令人产生一种杂乱的感觉。而图像主要是为了实现传递信息的目的，而是不作为一种艺术表现形式而存在的，这就需要网页设计者明确图像设计的意义，在进行设计时更加注重图像的清晰明了，让浏览者能够准确及时的抓住图像中表达的信息，减少浏览网页的时间，提高浏览网页的速度，优化图像的设计，实现图像设计的人性化。

（五）动画设置中人性化设计的体现

在网页设计中增加动画设计，主要的目的就是为了减少网页的单调性，改变网页设计中只有静态设计而无动态设计的状态[3]。但是，在进行动画的设置时，不能使动画过多、过长。若设置的动画过多，很可能造成网速的下降，影响用户浏览网页的速度，而动画过长又会使用户产生一定的厌倦心理，难以达到最佳的动画设置效果和目的。因此，在网页设计中对动画的设置要合理，不论是在数量还是在长短方面都应该以人性化的理念来进行设计。

通过上文的阐述，我们能够总结出，网页设计是计算机信息技术重要的组成部分，在网页设计中体现人性化的设计理念也是当今社会网页设计的目标和发展方向。实现网页设计的便捷性、协调性、整体性、清晰性，并且对网页中的各个视觉元素进行合理的优化配置，是网页设计中人性化设计理念的体现和追求。因此，网页设计人员在进行网页的设计时，要时刻秉承着“以人为本”人性化的设计理念，以满足用户的实际需求为目标，逐渐改变原有网页设计中的不合理的现象，对链接、按钮、导航、图像和动画等重要的网页构成部分做进一步的优化设计，并且将人性化的设计理念贯穿于网页设计的始终。

参考文献：

[1]李湘媛.浅谈网页设计中的色彩语言表达[D].纪念中国流行色协会成立三十周年：2012中国流行色协会学术年会学术论文集，2012，11(30).

篇6

关键词：计算机 网页设计 实践

随着技工院校计算机专业教学改革的不断深入，计算机应用技术专业也随着市场与企业的需求，逐渐细分出计算机网络技术、计算机信息管理以及动漫设计与制作等就业针对性更强的新专业。而这些计算机专业的基础培养目标是熟悉计算机软硬件基础知识，掌握计算机网络管理与维护、数据库管理与维护、网页设计、IT产品销售及服务等技能，在机关、企业、事业、公司等领域从事计算机软硬件维护、网络维护管理、数据库管理、网页设计、IT产品销售及售后服务等方面的工作，并具有可持续发展能力。从中我们可以看出网页设计与制作是技工院校计算机专业能力培养的重要内容，因此网页设计在计算机专业群的课程体系中也占有重要的地位。学生通过该课程的学习既能掌握网页设计方面的理论、实践知识，更重要的是为学生将来的就业提供了更多的选择。这也使得网页设计这门课程成为技工院校其他专业学生选修率较高的课程。但由于这门课程特别注重技校生实践能力的培养，因此，教师在教学过程中必须从教学的理念、方法、手段上大胆创新，突出技校生的网页设计的动手能力培养，力争在较短的学时内实现教学大纲要求的各项目标。

一、明确课程知识点设计的层次

当前许多技工院校在学制层次上不仅有中专、中级技工，还开设了高级技工以及技师，不同层次的培养要求是不同的。中专以及中级技工的网页设计的教学要求通过理论、实践两方面的培养，使学生了解网页设计与制作的基础知识和规范要求，熟悉HTML和脚本语言相关知识，掌握站点创建、网站元素编辑、表格应用、层和框架布局、网页行为添加、样式与模板应用、表单元素使用等相关技能，能应用主流网页设计软件进行不同风格的简单网页设计以及简单网页代码和脚本编写。而对高级技工、技师则提出了更高的培养目标，包括基础网页制作，使用表格布局页面，使用框架布局页面，层的应用，浮动框架的应用，代码片段的应用，库项目的应用，模板的应用，图像的应用，多媒体元素的应用，使用Flash制作运动补间、形状补间、遮罩、引导层等动画，使用Flash Action Script控制动画，使用Firework处理网站图片，用Dreamweaver创建、加工、处理、、维护网站，综合运用Flash、Firework、Dreamweaver三个软件编辑、美化网页。教师在教学过程中必须根据不同层次学生的知识现状以及将来的就业需要对教学内容有所侧重。对于中专与中级技工层次的学生，突出实用性，教学要求“短、平、快”；对于高级技工以及技师层次的学生则必须理论、实践同时并举，加大理论教学与实训项目的难度与深度。同时教师要注意好不同层次课程教学内容的衔接，为学生开展自学以及今后的发展打下坚实的基础。

二、技工院校计算机专业网页设计教学实践

随着Internet的日益普及，各种类型的网站层出不穷，网页制作已成为当今非常热门的职业，熟练掌握网页设计与制作技术不仅能够提高技校生的职业竞争力，还能够充分发挥他们的个性和创造力。因此，教师必须结合技校生的实际学情选择教学软件与教学模式。

1.教学软件的选择

制作网页的软件很多，针对技校生基础素质薄弱这一客观学情，我们决定使用SharePoint Designer2007作为教学的主要内容。它不仅继承了Office系列软件界面友好、操作简单、功能强大等优点，而且可以高效、快捷地完成网站的建设，让学生感受全新的创作体验。

2.理实一体化的教学模式

技工院校的计算机教学应根据本校实际教学状况，紧贴社会对高素质劳动者掌握计算机技术的要求，以学生为本。因此我们在网页设计课程教学中采用理实一体化模式。整个教学过程贯穿项目教学的思想，采用任务驱动的模式推动教学。为此，我们通过一个与实际生活相关的、有实际意义的综合完整网站案例，循序渐进、由浅入深地讲解网页设计与制作技术，并采用“做中学、做中教”，使学生学会和掌握相关的知识和技能。为克服课时少这一困难，我们在课后布置相关实训内容，让学生通过更多的实际操作来提高网页制作能力，巩固所学知识和技能。

篇7

【关键词】大专院校 Flash 网页设计 教学方法

Flash网页设计是大专院校网页设计系列课程的扩展和提升阶段，以非服务器端脚本编程的Flash结构页面设计为主，包括Flash软件学习、Flas设计和Flash网页设计等几个方面。与基础性的HTML静态网页设计课程相比，Flash网页设计的教学内容整体性较强，教学边界相对清晰。下面笔者根据自身的教学经验，对其教学思路和教学方法做简要分析。

一、利用软件的快捷键快速上手

Flash软件与基本动画设计是网页设计的基础部分。如果在专业课程体系中没有专门的Flash模块作为先导课程，这一课程就需要引导学生在软件使用层面快速上手。为实现这个目的，可以采用“快捷键学习法”。这种依靠重点快捷键快速学习的方法有助于短时间内准确把握软件的常用与核心功能，受到越来越多的设计师的青睐。

笔者建议，在教学课件中为每一个常用的菜单与工具附上快捷键命令，以便学生第一次接触时就可以熟悉它们。实际上，软件在快捷键设置方面也非常注重功能的集合性，有助于集中记忆。如针对帧的操作部分，F5、F6、F7三个功能键分别实现了“插入帧”“转换为关键帧”和“转换为空白关键帧”三项内容，既好记又好用。

二、Flash线性动画的设计相关性

我们知道，Flash MV一度在网络上非常流行，和Flash MV的线性播放特性相似，Flash广告已经成为时下网络广告的主流。如某知名网站首页共使用了27幅广告，其中Flash广告有18幅，占页面广告总数的66.7%。

Flash网络广告的普遍使用促进了Flash技术在艺术设计专业中的广泛应用。基于这种考虑，笔者建议在软件基础学习之后安排适当的学时进行Flash广告设计学习。这一部分课程的教学还可以与广告相关课程相衔接，以进一步丰富Flash网页设计课程的内涵。

在Flash广告设计教学中，要侧重于内容密度、节奏感、视觉冲击力等与Flash软件技术直接相关的层面，其他内容，如广告语言、传播理论等可鼓励学生课外复习或自学，做到把握重点、取舍得当。

三、Flash网页设计“总分总”的教学模式

在软件基础和线性动画（Flash广告设计）的基础上，进入到课程的主体模块，即Flash网页设计。与HTML静态网页的分页面结构不同，Flash网页设计在集成设计开发环境内（Flash软件和Action脚本）实现网页内容与非线性结构的编排，模块化特性明显。为此，笔者尝试采用“基本结构设计—模块分解设计、网站整合”三步走的教学法，可概括为“总—分—总”教学流程，合理调配教学难点和重点，循序渐进，在实践中取得了一定的效果。

（一）基本结构设计

首先，从网页基本结构入手，利用按钮对时间线上各帧的控制构造网站模型，其中包含了最基本的场景转换。在学习的后期，可以针对每帧对应的画布进行深入设计，包括内容扩展和淡入、淡出动画效果的实现等。

基本结构设计涉及每帧对应的画布设计、按钮设计、元件和实例的进一步应用以及补间动画等内容，还涉及一些基础的Action脚本内容，如“stop”“gotoAndStop”“gotoAndPlay”命令以及帧标记的参数调用等，适合入门学习。在脚本程序编写的最初阶段，重点要使学生理解脚本语言代替人进行指令操作的特性，如“去哪”“做什么”等，利用这种指向性的形象思维逐渐强化学生的编程思维。一般来说，静态网页设计课程教学不会将Java脚本作为重点，在这种情况下，这一阶段的Action脚本学习就更加重要。

（二）具体模块学习

由于Flash网页多在屏幕的显示面内不翻屏，高度有限，这就需要使用软件功能和脚本程序创造更多的结构层次去容纳网页内容。除了场景的转换外，在每个场景之中，还要借助于不同类型的页面组件来实现额外的结构层次。

针对种类较多的页面组件，可以实施“分解教学”，即抛开网站设计的整体性，单纯提炼每个组件的设计与编程要点，使每节课都可以完成一种组件设计，实现相关功能。笔者选择的页面组件包括按钮组（菜单）、弹出框、下拉菜单、声音控制模块和预加载器等。

在设计层面，要考虑到各组件与网页整体风格的一致性；在内容层面，要合理地选择组件类型，丰富内容层次，便于用户访问，形成良好的互动性。而在Action脚本编写方面，要以典型程序、核心程序为主，逐步增加更多的样式变化。实际上，虽然组件类型不同，其背后的程序控制大多有着一定的内在联系，如很多组件都会用到onEnterFrame频率控制函数。随着教学的不断深入，要尽量将脚本教学系统化，将松散的知识点整合起来，尽量覆盖到常用的函数、方法和命令。

（三）网站内容搭建

经过不同组件的分解学习，接着补充几种场景转换的方法，结合不同设计项目中对组件的选择，Flash网站就可以搭建起来。至此，Flash网页设计的技术性教学目标就基本完成了。

在技术性教学目标之外，在课程的收官阶段，要融入行业设计理念，以提高结课作业的质量，保证教学效果。在HTML静态网页设计教学阶段，笔者针对结课作业挑选了“实用设计”这一特定行业分类进行教学强化，避免学生在结课阶段设计得没有针对性，学无所用。

四、静态网页的有效补充

如果分析“静态网页”的内涵和外延，可以看到，在基于HTML网页设计之外，只要立足于本地，与服务器没有数据交互的网页设计都可以统称为“静态网页”。从这个角度来看，艺术设计专业中的Flash网页设计课程也基本上以静态网页为主。

在Web2.0时代，交互性的社交网络已经发展得比较成熟，使每个独立域名的网站不再是用户交互的首选。在这种形势下，静态网页设计要“扬长避短”，不拘泥于本身用户交互行为的弱点，以设计为主，反而有自己的一席之地。在教学中，要鼓励学生在参与网络互动之余，尽量发挥自身设计优势，具备独立完成内容展示型网站的能力。

经过相关调整，Flash网页设计课程具备了循序渐进、由浅入深的教学层次，直至课程结尾处，着眼于设计之“道”的有目的训练，使整个网页设计课程体系具备了从基础知识到综合设计提升的完备性，并与其他课程有机结合，最大限度实现了课程的自身价值，为该课程的序列化、标准化建设积累了一定经验。

（注：本文为辽宁省教育科学“十二五”规划2011年度一般课题，课题批准号：JG11DB075）

篇8

关键词：网页设计；平面设计；关系；思路

中图分类号：J05 文献标识码：A

文章编号：1005-5312（2012）24-0167-01

网页设计，是开展网站设计工作的重要手段，良好的网页设计能够提升网站的美观效果，提升网站对用户的视觉冲击力，从而提高网站的影响能力。可以说，网站实际效果是由网页设计决定，因此，网页设计对于网络发展具有非常积极的推动性作用。平面设计，是一种商业性或大众性的艺术活动，平面设计是建立在二维空间，即平面上开展设计工作，从而在视觉上给人一种美得享受，从而进行相关信息的有效传达。

一、网页设计基本思路

网页设计的第一个步骤便是对设计目标的把握和理解。一般来说，在开始网页设计之前，首先要准确了解网页设计的诉求点，需要设计师不断进行主题的挖掘和内容的解读，并做好相关交流工作，并最终通过意见征求来确定网页设计方向。当最终设计方向确定之后，便需要根据网页设计的方向来确定网页的先关元素，比如网页风格、网页文字字体、网页颜色等等，只有确定了这些网页元素之后，才能够保证网页设计工作的顺利开展，确保网页设计结构能够满足用户需求，传达有效信息。在审核完毕后，便可以应用相关设计软件开展网页设计工作，做好版块间的衔接，发挥创作灵感，最终在相应的细微调整后完成网页设计作品。

二、平面设计基本思路

首先，在拿到设计项目之后，首先要对客户进行系统性的分析，比如可以企业背景、客户企业形象、客户产品形象，充分把握客户企业或产品的具体信息，使平面设计工作能够有针对性，确定设计定位。然后，具体了解客户的设计需求，比如设计的相关风格，诉求点，表达主题等等，这些都是需要设计者进行具体了解的，对于平面设计工作的开展也具有非常重要的意义。当设计相关资料整合完毕之后，就需要针对这一项目开展适当的思考和确定，确定平面设计风格，确定表现手法。这是一个比较困难的过程，由于平面设计的设计空间所限，导致平面设计的主题一定要凸显出来，且内容要丰满但不能累赘，这就需要设计者进行认真的考虑和研究，以佳的表现手法进行具体呈现，同时，这一过程也需要做好相关素材的收集工作，以便于相关创作工作的开展。在确定设计风格和表现手法之后，便可以开展具体的平面设计工作。平面设计工作可以借助传统设计材料开展，比如绘图笔和纸张，也可以借助先进的绘图软件开展，具体情况可以根据设计者的习惯来确定，但设计过程中必须要保证设计的全面性和方向的准确性，要保证色调的统一，也要保证足够的视觉冲击力，确保设计作品能够引起顾客兴趣，吸引顾客眼球。

三、网页设计和平面设计之间的区别和联系

网页设计和平面设计，既有区别也不乏很密切的联系。网页设计同平面设计都是一种现代化得艺术创作形式，当今社会两种艺术表现形式都会借助电脑技术来完善或创作，从而确保艺术作品的最终效果。可以说，两者都是在现代社会中所产生的优秀艺术表现形式，同时，也是商业活动中不可缺少的重要组成部分。但是，网页设计和平面设计之前也存在着非常大的区别，大体可以从范围、实现介质等方面进行考虑。

（一）表现范围的不同

表现范围是两者重要的区别。对于网页设计来说，往往局限于网络环境，通过网页设计，能够提升网站的整体艺术效果和美观性，较好的反映出网站的主题，从而使网络用户能够在网络浏览过程中感受到强烈的视觉冲击，从而有效提高网站的影响力，提高企业的经济效益或是相关事物的关注程度。而平面设计则同网络设计有着非常大的区别，平面设计的表现范围要更广，影响力也更大。平面设计是基于二维空间的艺术创作形式，平面设计并不需要严格要求它的表现手法，也没有任何工具和宣传途径的限制，平面设计作品在成形之后，往往可以借助杂志、周刊、广告、电视媒体甚至是网络进行有效宣传，从而提高企业影响力，可以说，平面设计相对于网络设计而言，影响力要大，影响范围要更大。

（二）约束性的不同

所谓约束性，就是艺术创作的约束条件，这种约束性能够体现在很多方面，比如创作工具，传播形式，创作平面，字体字号，颜色规格等等。网页设计，一般都需要借助电脑设备开展相应的设计制作，才能够具体呈现网页设计的实际效果，并且，网页设计的创作平面仅仅限于显示器，而不能依附于其他介质上面，并且，网页设计的效率完全由网速约束，网速的快慢完全影响网页的实际进度。但平面设计则同网页设计具有非常大的区别，平面设计的自由度较大，比如平面设计既可以借助电脑设计进行创作，也可以由画笔开展，甚至是其他工具；平面设计的创作空间约束较小，平面设计可以在任意场合进行，而不进行严格的限定；平面设计的字体、字号以及颜色都具有随意性，可以根据设计者的实际需求和心理状态进行任何变换，而不会有任何限制；平面设计的创作进度不受任何外界条件影响，这也是平面设计同网页设计之间取得重要区别。

（三）技术实现的不同

网页设计依赖于互联网技术，依赖于先进的设计应用软件，但平面设计则常常借助于印刷技术。网页设计一般需要借助绘图工具，强大的设计软件才能够确保网页设计的顺利开展，才能够确保网页设计的最终效果，但网页设计基本完全是在网络平台上进行开发和实现，同艺术技术没有任何联系；但平面设计则完全不同，随着科学技术的不断发展，平面设计不再仅仅依靠画图工具来进行实际创作，也可以借助先进的绘图软件来实现最终效果，但是平面设计却依旧要借助印刷技术来具体实现它的艺术效果，这是两者之间较为明显的区别。

四、网页设计同平面设计之间的关系分析

（一）网页设计是平面设计的一个新的发展方向

网页设计同平面设计之间具有非常多的相同点和相似性，究其原因，网页设计是在一个特定的社会发展时期所诞生的一种新型艺术表现形式，网页设计是平面设计的科技化发展形态，也是平面设计的一个新的发展方向。网页设计创作过程当中，需要表现手法都是在平面设计的表现手法基础上延伸而来的，甚至是趋于相同，唯一不同的则是产生背景和发展背景，网页设计是随互联网时展而来的，网页设计也是一种完美的艺术表现形式，能够像平平面设计一样进行主题的诠释和对象的描述，相对来说，网页设计更是未来平面设计的发展方向。

（二）网页设计是平面设计的一个延续

随着科技技术的不断发展，人们同网络信息技术的接触也日渐频繁，人们的日常生活同网络技术的联系也更为密切，相对来说，传统平面设计作品也出现了一个较为严重的危机，宣传效应的降低以及影响力的降低。网页设计的出现，则很好的解决了这一问题。在人们进行网络浏览的时候，特色鲜明的网站往往能够引起人们的注意，吸引人们的眼球，这一效果的实现完全依赖于网页设计。由于网页设计同平面设计的相似性非常大，且鉴于网页设计的发展背景，网页设计并不同平面设计成为不同的两种表现形式，而是完全可以理解为是平面设计在现代社会中的一种特殊表现形式，是平面设计的一个有效延续。

五、总结

平面设计同网页设计既有鲜明的区别也有密切的联系，网络设计是平面设计的发展方向，也是平面设计的一种延续，因此，我们必须要正确看待平面设计和网络设计，在实际工作当中注意两者的有机结合，相互补充，相互借鉴，以达到最佳的表现方式，以强烈的艺术效果来征服观众的视线，促进艺术设计领域的创新。

参考文献：

[1]邓勇.浅谈网页设计的布局及原理[J].渝西学院学报(自然科学版),2004,(03).

[2]宋春晖.网页设计中的美学应用分析[J].海南师范学院学报(自然科学版),2005,(01).

[3]秦岁明,马冬梅.网页界面优化设计的分析与研究[J].包装工程,2006,(02).

篇9

关键词：项目教学；网页设计与制作；课程改革；实践

项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计

在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

2.3项目教学的实施

项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。

3结束语

综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。

参考文献：

[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.

[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.

[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.

篇10

关键词：中职学校；网页制作；教学

中图分类号：G712 文献标识码：A文章编号：1007-9599 (2011) 23-0000-01

Web Publishing Courses of Teaching Study in Secondary Vocational School

Chang Lili

(Yanji Vocational High School,Yanji133000,China)

Abstract:With the continuous development of network technology and the popularization of computers,the Internet has been familiar to the masses and use.Internet is an indispensable element of site,the site is an indispensable element of web pages,and now all universities and vocational institutions have universal web design of this course,by the author of this paper and summary of work experience in the post about the next Some colleges web design courses teaching methods.

Keywords:Vocational school;Web production;Teaching

伴随着计算技术以及互联网技术在各行各业的普遍应用，各个中等职业学校为了为社会培养出优秀的适合企业要求的人才，都纷纷开设了《网页设计与制作》这门课程，这个课程的开设，不但符合上级对学校的办学要求，而且更为学生毕业后能顺利找到理想工作打下了一个坚实的基础。

一、《网页设计与制作》课程的教学内容

《网页设计与制作》是属于一门技术课，对动手实践性是比较强的。这就要求老师在讲课的过程中，多多鼓励或者引导学生参与一些实践性的练习，培养出学生对这门课程产生浓厚兴趣。更重要的是注重培养学生的理论联系实际的能力，让学生们多把自己在课堂上学到的知识应用与实践中去。针对网站制作的一个初级入门课程，专门课程主要用的工具软件是Dreamweaver网页制作软件以及做模版时候用到的Fireword或者Photoshop图片制作软件。其主要教学任务是介绍网页中各元素的添加、页面整体布局、链接导航、CSS样式、模板、行为和表单等技术，使学生掌握从站点规划、建立，到页面布局、网页编辑和美化等静态网站的完整制作过程，具备创建和维护网站的基本能力。在这个基础上还要把HTML网页标记语言引入进来，HTML语言作为网页设计的本质，他是网页设计的一个基础，所以学好它学好网页设计的前提。所以我们一定要求学生们能够熟练掌握读懂普通的代码，而且还要能够自己动手编写一些普通的HTML代码，这也是网页设计课程的教学要求。

再者，网页也有静态和动态之分，所谓静态就是指上面所说的普通的HTML语言加上一些样式、链接等功能，这种网页修改的时候必须要在页面本身去修改。动态网页是指HTML语言编辑好页面后加如一些编程语言（比如ASP、PHP、JSP）以实现人机交互的功能，用户添加修改内容比较方便。

二、课程的教学方法

（一）课前认真备课

1.备授课对象。根据教学对象的不同，安排相应的教学内容；分析学生的专业学习特点和目前的学习状况，制定不同层次的教学目标和教学评价。

2.备教材。选用集成度好的Dreamweaver作为网页开发环境。从教材、参考书以及网络中归纳总结出具有代表性的典型案例，为课堂教学做好准备，精心制作多媒体课件。

3.备教学环境和教学模式。应注重理论与实践相结合。在备课过程中应在机房安装投影仪和电子教室软件，学生人手一台电脑，教师使用一台教师机，通过多媒体课件讲授理论、电子教室软件展示与交流作品。同时应设置一些有一定难度的相关网页设计，让学生在计算机上进行目标训练，以更好地巩固其所学的知识。

（二）课堂的教学方法

1.任务驱动教学法。“任务驱动教学法”是以学生为主体，根据课程的教学目标设计具体的学习任务，通过对学习资源的积极主动应用，进行自主探索和互动协作的学习，并在完成既定任务的同时，参与指导教师课题或其他课外任务的一种学习实践活动。

2.实例教学法。所谓的实例教学法就是老师来通过分析一些实例来对学生开展教学的方法。老师在经过自己的精心策划之下，结合先阶段我过中职学生的一些特点和课程的实际情况，仔细精心的准备一些实例来把学生的学习积极性引导进来，老师根据学生的特点让学生自己针对这些例进行思考和动手制作解决，这样不但提升了学生学习的兴趣，而且还能让学生在实例中获取知识、掌握技能、提升能力。

3.项目教学法。项目教学法是指以项目为主线，采用项目驱动与教材基础知识紧密相结合，将网页设计与制作的知识点和技术要点穿插到各个项目中进行讲解，使学生掌握各个知识点的实际应用，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。实践证明，这种教学方法充分调动了学生的学习积极性和主动性，有效提高学生的学习能力、应用能力和操作能力。

在教学中，项目的选取要以教学的内容为依据，以现实的对象为材料，既要包含基本的教学知识点或技术点，又能调动学生解决问题的积极性。教师和学生共同参与项目的选取过程中，教师要注意启发学生去主动发现身边的素材，选择难度适合的工程项目。而其教学过程为：引出项目、明确需要解决的问题并举例、分析，由学生总结归纳方案－分组实际操作完成任务－每组展示、相互评比、学习，教师点评、并提出更高要求－按项目完成的情况对学生各个环节进行点评。

三、结束语

综合上面所说的，伴随着互联网中网站对人们生活中的普及以及重要性，各学校对针对《网页设计与制作》这门课程的教学要求也是不断提高。作为老师应该以培养学生的实践能力为主，首先老师应该在课前把需要讲授的课程都备好，让学生在学校里打下一个坚实基础的前提能够多多的理论联系实际，多多提高学生的积极主动思考能力和动手能力，而且还要引导学生的学习的兴趣，让学生在赶兴趣的同时学习掌握更多的知识。如此以来才能使学生在跨出学校之门后更快的适应企业的要求，让学生们依靠学校学过的知识快速找到自己理想的工作。

参考文献：

[1]崔华凤.信息技术教学中学生自主学习能力的培养[J].中国远程教育,2003,15