“计算机网页设计”课程体系分析及课程整合

摘　要　为了更好地在各类职业院校开设“计算机网页设计”课程，本文针对“计算机网页设计”课程中各知识点的关联，结合实践应用，阐述了教学研究和课程建设方面的一些心得与体会。

关键词　网页设计　课程整合　课程体系　课程设置

1 引言

“计算机网页设计”是近年来计算机专业领域发展最快和应用最广泛的课程之一，当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此，学生对这门课程教学的要求越来越高。面对众多的网页设计技术和课程，如何为各类学生开设好“计算机网页设计”课程，需要我们积极思考。

作者根据在大、中专学校讲授“计算机网页设计”课程的切身体会，结合自身多年企业网站开发设计的实际经验，就目前如何面向各类院校不同层次的学生开设“计算机网页设计”方面的课程进行探讨。

2 “计算机网页设计”课程体系分析

“计算机网页设计”作为一种专业技能的培养，不是作为一门课程孤立存在的，它要靠多门学科的知识给予支撑。它们相互渗透和依赖，因此构成一个科学的、完整的课程体系。

根据图1所示，如果暂不考虑网页设计涉及到艺术类的课程外，我们可以把“计算机网页设计”的相关课程大致分为三类：“计算机网页图形图像、动画设计”课、“静态网页开发与设计”课、“网站管理和动态网页开发与设计”课，如表1所示。

其中，动态网页设计的课程，内容和方向比较明确，学习难度大，可根据学生的知识结构层次和培养方向选择开设。

3根据培养目标进行课程内容的整合

面对如此众多的网页设计课程，如何有针对性、有选择，又最有效地为学生开设计算机网页设计课程，应达到怎样的培养目标，根据培养目标进行怎样的课程整合，这是本文要说明的主要问题。

3.1知识速成型课程整合

“计算机网页设计”是一个学科体系，但作为一个普通学生，不可能花大量的时间用在学习图形设计、程序设计等知识上，他们想用最短的时间掌握简单又实用的网页设计技能，以应对日常的工作。基于这种想法，我们可以将计算机网页设计课程整合成两门课程：

（1）Photoshop

（2）Frontpage

这种课程整合是以Frontpage为教学主线，中间集中花一两周讲述或授课中穿插讲述Photoshop知识。由于Frontpage与Word同出一宗（Word是新生入学后必学的一门计算机基础课程），界面十分相似，学生学习起来很容易上手，因此，Frontpage是学生学习网页设计入门的最佳课程。Frontpage 课程教学的重点在于：编辑网页、超级链接、使用表格、运用框架、应用组件等。在网页设计中，必然会涉及到图片的处理，而Photoshop是图片处理普及率很高的工具之一，是网页设计者必须掌握的一个软件工具。Photoshop课程教学内容偏重于图像尺寸大小设置、格式转变、简易GIF制作、工具箱的使用等。通过这两门课程，学生可以掌握网页设计的基本技能，能够对一些结构简单的网页进行设计。

3.2网页设计师型课程整合

学生的需求层次不仅仅局限于制作简单的网页，越来越多的学生更希望在国际互联网上拥有自己的一片天地，在网页设计方面追求技术与艺术的完美结合。因此，网页设计师型课程整合应运而生。网页设计师岗位要求工作人员不仅了解网页或者网站的目标、对象、定位、风格要求、功能等基本需求，还要将效果图变成具体的页面，所以网页设计师要精通设计和制作。我们将网页设计师的课程整合为三门课程：

（1）Dreamweaver

（2）Fireworks

（3）Flash

Dreamweaver、Fireworks、Flash是Macromedia公司的旗舰产品，号称“网页设计三剑客”。这种课程整合是以Dreamweaver为教学主线，中间集中三至五周讲述Fireworks和Flash知识。这三门课程对于非计算机专业学生而言，学习起来存在一定的难度。Dreamweaver课程授课内容重点为：HTML基础构建、网站的开发、页面设计制作、动态广告效果、网站的文件上传与维护、可视化的网页设计和网站管理工具、可视化网页设计、图像编辑、处理Flash、Shockwave等媒体格式和动态HTML、基于团队的Web创作。Fireworks课程授课重点为：网页图形图像制作及优化、GIF动画、动态网页及菜单、创建网络相册、制作网页上很流行的阴影、立体按钮等效果。Flash授课内容重点为：网页动画制作及设计艺术、动态按钮设计、动态加载页面。通过这三门课程的学习，学生可以掌握网页设计师岗位技能要求，对一些中小型企业网站进行独立的设计和开发。但要达到一个熟练的程度，还需要在长期的实践训练中巩固和运用。

3.3 程序开发型课程整合

目前各类院校的计算机实验条件普遍较好，学生对于静态网页设计软件自学起来相对容易。由于网页设计的主流技术在于动态网页的开发与设计，学生在实践中也碰到诸如用户注册、用户登录、在线调查、用户管理、订单管理等动态网页，这些功能仅仅有静态网页制作技术是无法实现的，因此程序开发型网页设计课程整合正是为有一定的静态网页基础的学生开设的。程序开发型网页设计课程整合为三门课程：

（1）HTML超文本语言

（2）网络数据库的应用

（3）动态网页开发技术

这种课程整合以动态网页开发技术课程为教学主线，授课前集中一周讲述HTML超文本语言的知识，授课中期涉及到Web数据库访问时，则集中两周讲述网络数据库的知识。动态网页开发技术可选择ASP、、JSP、PHP等交互语言来教学，建议选取ASP作为教学内容，原因是ASP为微软新一代开发动态网页的技术，具有开发简单、功能强大等优点，可以非常直观简易地实现复杂的Web应用，十分适合初学者学习。动态网页开发技术――ASP授课内容重点为：运行环境的调试、VBScript、JavaScript、ASP内置对象、ASP组件、ADO技术、ASP的调试及效率、Web应用程序案例。HTML超文本语言授课内容重点为：HTML基本结构、页面布局、文字设计、列表、表格、超级链接、多媒体效果、框架。网络数据库的应用课程可选用SQL 2000作为教学内容，它可以很好地与ASP技术结合，其授课内容重点为：建立数据库、删除数据库、建立表、删除表、建立索引、创建存储过程、创建触发器、结构化查询语言。通过这三门课程的学习，学生可以掌握一些交互式网站建设的基本技术，可设计和开发出简单的Web应用程序，如留言板、BBS、聊天室、注册系统、查询系统等。

3.4 网站管理员型课程整合

无论静态网页或是动态网页，最终都要上传到互联网，供用户访问，并且需要不定期对网站进行更新和维护。网站管理涉及到多种技术，既要懂得一般性网页设计，还要懂得网站的建设和维护。因此，网站管理员型网页设计课程可整合为两门课程：

（1）Dreamweaver

（2）网站建设与管理

这种课程的整合是以网站建设与管理课程为教学主线，授课前几周讲述Dreamweaver知识。网站建设与管理的授课主要内容为：域名、IP地址、网页空间、IIS的设置与管理、建设FTP服务器、建立虚拟目录、安装DNS服务器、安全管理技术、CGI交互技术等，其中IIS的设置与管理是网站建设与管理的重要内容。Dreamweaver授课的主要内容为：定义站点、页面设置、文图编辑、首页、子页、表格、框架、导航条、网页、可视化网站管理。通过这两门课程的学习，学生可以掌握网站建设和网站管理的基本技术，能处理网站运行中出现的一些简单问题，可独立完成一个中小型网站网页设计、建站、管理、维护工作。

3.5版面设计师型课程整合

网页追求版面美观，是为了更好地传播网页信息。作为一个初学网页设计的人，一般不会关心是否使用与主题相符的字体和图形，这往往是造成网页丧失可观赏性的主要原因。随着对网页设计技术感兴趣的学生越来越多，如何能制作美观、层次分明的网页页面，成为很多网页设计爱好者的一个热门话题。在版面设计元素中，图像是很重要的一个组成部分，网站整体的版面设计效果直接取决于所设计的图像效果，因此，我们在设计版面设计师型网页设计课程时，偏重于网页图像图形方面的教学，版面设计师型课程可整合为三门课程：

（1）Photoshop

（2）CorelDraw

（3）Fireworks

这种课程的整合是以网页版面设计内容为教学主线，每门课程花4周左右的时间讲述，剩余6～8周则是结合3门课程进行版面设计案例练习与讲解。Photoshop的主要授课内容为：绘画工具、创建选区、通道与蒙版、图层应用、滤镜效果、切片。CorelDraw的主要授课内容为：绘图基础、基本设置、绘图工具、基本绘图、填充对象与高级绘图、文字与排版、排列与管理对象。Fireworks的主要授课内容为：文档基本操作、图像的绘制及修改、颜色的调整及填充、位图文件处理、图层与蒙层、图像优化、热点、切片和轮替按钮技术等。通过这三门课程的学习，结合课程案例的练习和课程设计，学生可以掌握网页版面设计要点，明确网页版面设计的步骤，设计出有一定特点和较为专业的网页。

4 结束语

这些课程整合措施在我院实施了两年，一方面是运用在选修课上，另一方面运用在一些网络课程专业，如市场营销、电子商务、海关业务等，我们开设与专业相关的一些网页设计课，收到不错的教学效果，学生均反映很好。但“计算机网页设计”毕竟是一门新型的学科体系，每个学校均有自身的实际情况，如何更加科学和合理地开设课程和整合课程，需要广大教育工作者不断探索和创新。

参考文献

[1]韩陵宜. 高职院校“网页制作”课程教学的探讨[J].电脑知识与技术,2005,6.

[2]张丽香. 高校“网页设计”课程教学探讨.大众科技,2006,5.

注：本文中所涉及到的图表、注解、公式等内容请以PDF格式阅读原文