高职院校计算机专业网页设计教学的几点思考

开篇：润墨网以专业的文秘视角，为您筛选了一篇高职院校计算机专业网页设计教学的几点思考范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘 要：随着互联网技术的飞速发展，网页设计所承载的理念也日益被刷新，怎么样让“学有所成”的学生学以致用，尽快适应行业的发展，是我们教学改革中要解决的主要问题。

关键词：网页设计；色彩；布局

中图分类号：TP393.092-4

互联网已经成为大多数现代人生活中的一部分，用户可以随时随地上网浏览页面，了解时事，收发邮件等。而随着网民素质、审美意识的提高，他们对网页也提出了更高的要求。不仅仅要实现网页的基本功能，在美观程度、视觉冲击、版面设计等方面的要求也越来越高。技术跟艺术的高度统一是网页设计的一个必然趋势。

网页设计在计算机类专业是属于主干课程，课程设计偏向于Dreamweaver软件的学习、HTML及JaveScript语音的编写。特别是在使用Dreamweave CS5后，对代码的编写能力有了更高的要求。但是对于网页的总体策划、配色、布局等，如何使用Photoshop、Illustrator等图像处理工具来处理、美化网页，都没有介绍。和当前的用人趋势明显不符。本人认为可以从以下几方面完善网页设计的教学：

1 “任务驱动法”在教学中的运用

网页设计是需要很强能力的课程。只有通过不断的实践，才能掌握这项技能。传统的教学方法先讲授后实践，以知识点为教学的总线，内容较为分散，学生无法将所学的知识融会贯通。而且内容较为枯燥，不能激发学生的学习兴趣。采用“任务驱动法”，以任务为主线、教师为主导、学生为主体，能力为本位，以团队协作的方式来进行实践，任务完成后，及时评价学习成果。教师可以选择涵盖知识点比较丰富的国内外优秀网站进行任务驱动。教师扮演客户，抛项目提要求，学生以小组为单位，根据客户的要求设计网页，并适时进行沟通，修改网页，最后进行答辩讲解。这种练习可以提高学生的团队协作能力及与人沟通能力，把学习与做项目相结合，提高适应企业的能力。

2 通过案例教学让了解网站制作的过程

企业网站制作的流程，大致分为五个阶段：客户需求分析、网站总体构思、网站总体设计、网页设计制作和后台程序开发、网站运行与维护。每个阶段都负责不同的内容。以往的教学方式，是让学生了解这些流程，这样学生掌握得并不深刻。在课程中引入案例，比如说可以引入“Nike公司网站”的案例，从前期的需求分析，到总体构思、网页设计的某个细节，再到后期的程序开发维护都进行详细的分析，让学生对这项工作有更直观的了解。在分析过程中，特别要加强网站策划的分析，从画草图，到布局图，再到网页的装修，都要分析到位。

图1

3 加强网页配色的学习

色彩是最敏感的一项视觉元素，当我们打开网页的时候，最先看到的是它的色彩，其次才是它的内容。色彩的搭配是否合理，很大程度上会影响浏览者的意愿。在教学过程中，需要对网页设计中色彩及其搭配所呈现的基本特性、心理感受有全面的认识，并能从整体进行把控。帮助学生掌握色彩搭配的知识及色彩表现创意的能力。

4 网页的版式布局

网页版式布局是将LOGO、文字、图片等网页元素按一定方式进行排版的过程，他不仅可以传达页面的信息内容，还能体现整体的美感。不同主题的网站对版式设计的要求不尽相同，这就要求设计为内容服务。版式布局的基本类型主要有骨骼型、满版型、中轴型、分割型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。还可以设计成两栏式、三栏式、多栏式等。网页的布局方式主要有表格布局、框架布局、DIV+CSS布局、FLASH布局。前两种方式因为版式比较古板，且不易修改，已经用得越来越少。DIV+CSS布局可以实现内容与表现相分离，提升设计的效率。而怎么样把艺术草图用DIV+CSS表现出来，是网页设计中的难中之难。在课程的设计上，可以把更多的时间应用到临摹优秀的网站上，以此来提高学生对版式设计的熟练程度。

5 增加联想方面的练习，提高学生的创新能力

联想是创意的基础，在课堂中可以开设联想的练习，比如想出100个圆形的物体；根据物品的特点，做出出乎意料之外，合乎情理中的创意。有时候好的创意无法用Dreamweave做出效果，我们在上课中可以增加怎么用Photoshop、Flash等软件来进行辅助设计。Photoshop可以实现的功能有很多，包括配色、排版、框架设计、LOGO设计等。处理好图片以后，可以使用切片功能对网页图片按照设计意图进行区域划分等。Flash是一种动画设计工具，网页的动态效果可以通过该软件进行编辑。

6 构建资源丰富、交互功能强大的网络学习平台

开设构建资源丰富、交互功能强大的网络学习平台。平台可以提供丰富的项目学习专项资源、公共精品资源。平还可以实现交互功能，可以实现上传作业、资源共享、师生互动，真正体现网络学习的优势。

随着互联网技术的飞速发展，网页设计所承载的理念也日益被刷新，怎么样让“学有所成”的学生学以致用，尽快适应行业的发展，是我们教学改革中要解决的主要问题。

参考文献：

[1]李海燕.基于项目化的《网站规划与网页设计》课程教学改革初探[J].电脑知识与技术，2010（30）.

[2]崔建成.网页美工[M].北京：电子工业出版社，2010.

[3]朱文耀.项目驱动法在教学中的创新应用[J].信息与电脑，2012（11）：163-164.

作者简介：胡昕熠（1982-），女，浙江金华人，助理实验员，研究方向：网页设计、平面设计。

作者单位：金华职业技术学院信息工程学院，浙江金华 321017