《网页设计与制作》教学的改革探索

黄刚　李洪进

摘要：“网页设计与制作”是近年来计算机应用领域发展更新程度最快、应用最广泛的课程之一，当今社会急需各种不同层次，掌握基本网页设计技能的专业人才。随着计算机网络技术的发展，“网页设计与制作”课程在高校的课程体系所占据的比重不断提高，网页设计课程教学改革成为高校计算机教学工作者不可避免要面对的问题。该文从现行网页课程教学中存在的问题着手， 提出了网页课程教学改革的一些主要举措。

关键词：网页设计；教学理念；改革

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2014）17-4076-02

1 概述

随着计算机网络技术的迅猛发展，网站建设也迎来了其快速发展的契机，浏览网页也渐渐成为网络信息获取的主要方式。网页作为网络展示信息的主要渠道，除了展示静态的文字信息，越来越倾向展示多媒体信息，给网页设计技术带来的变化就是不仅需要掌握基本网页设计语言HTML，还需要掌握很多可以让网页运行更高效，增加网页吸引力的技术，这些技术包括网页结构设计XHTML语言、编辑工具使用、FLASH设计、图像图像处理、客服端脚本技术JavaScript、布局美化技术CSS等。社会对网页设计人才具有巨大的需求，学校教育必须加快网页制作和设计课程的建设，以满足社会对此方面技术人才的巨大需求。同时， 网络技术的飞速发展，也无形中对网页课程的教学提出了更高的要求。

《网页设计与制作》课程是我校非计算机专业的公共选修课程，笔者经过几轮的该课程的教学实践，总结出一下几个需要在今后的教学中进一步思考的问题：一是网页设计涉及到的知识点很多，上课的学生都是非计算机专业，缺乏相关背景知识，如何弥所需补知识背景和学生专业之间差距就是主要需要思考的的问题；二是缺乏相应的美学鉴赏能力，设计的网页布局和版面不协调，如何诱导学生在这方面投入上课之外的更多精力进一步研究也是需要考虑的问题。从课程性质上看，《网页设计与制作》是我校的公共选修课，学时安排每周一次课，2 节课时，学时安排也比较少。在相对较少的学时下，如何让学生快速而高效地学习并熟练掌握网页设计中需要的相关知识和技能，是笔者在教学过程所需考量的首要问题。以下将从教学内容、教学方法和考核评价方式等几个方面综合阐述笔者教学改革的探索。

2 教学理念的改革

网页设计的过程从严格意义上来讲可以分为布局设计和后台程序编写两个阶段，而且这两个阶段往往是交替递进的。随着网络多媒体技术的发展，网页设计更多的开始需要和各种多媒体元素相结合，简而言之就是向图文并茂的趋势发展，对特定的设计需求，特定的配色方案要求越来越高。网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受，网页设计过多的要求关注用户的体验。网页生成的过程中配色、布局等设计元素需要更紧密的和网页代码编写的制作过程搭配起来。

考虑到《网页设计与制作》是我校非计算机专业的公共选修课，参加的课程学习的有理科专业也有文科专业，同学们的专业背景和计算机操作技能水平也参差不齐，所以笔者承担的这门课程的讲授的出发点是网页制作的语言和所学的工具，在掌握此类的网页制作的基础技术的基础上适当的添加一些对网页设计需要考虑到的部分元素的讨论环节，讨论环节有以下三方面：

1）色彩搭配，学生除了色彩理论以及冷暖色调的基本理论，还需要了解特定类型网站的整个行业的配色惯例，包括行业避忌的颜色和特定设计方案的特征选色。

2）整体风格，整体风格和创意设计是整个网页设计过程中最能把握的元素，难度在于风格和创意是一个很直观的概念，参杂了设计者自身的经历和体验，没有固定的模式来参照和模仿。

3）善用图像，了解网页所需的图像构成，包括矢量图、位图的构成，以及不同图像的适用场合。

闭门造车做出的网页设计作品，总是赶不上综合借鉴者的设计作品的。所以在讲授的过程中，笔者还穿插安排了一定课时去分析总结不同行业商业网站的特点，培养学生的综合设计分析能力。

3 灵活制定理论教学内容

网页技术更新发展很快，也正是由于网页技术更新快的原因，所以现行的大部分的教材讲述内容往往滞后于当前技术的进步和知识的更新。网页设计与制作的新技术不断涌现，如果授课内容常年保持不做更改，很容易就会出现知识陈旧，落后于当前技术发展的问题。笔者通过多次课程讲授经验总结，结合自己对最新网页设计制作技术的深入研究，力求把网页设计制作过程中的最新实用引入课堂知识讲述中。

本着“从浅到深、从基本到综合，技术与理论相结合”的基本教学原则，笔者对教学环节的讲述内容重新进行合理地整合和模块的划分。本课程的理论教学内容规划为以下七个知识章节，这些章节的讲述内容相对独立，同时利于实现课程模块动态组合，实施分层次教学。

章节一：静态网页设计语言；主要介绍静态网页制作的标记语言HTML（超文本标记语言）、网页样式定制CSS（ 级联样式表）以及常用的浏览模式器ietester的使用。

章节二：文本编辑工具Editplus。介绍文本编辑工具Editplus的安装与使用，使用Editplus设计网站的步骤、创建网页、插入文本、插入图片、插入音频、插入视频、设置字体、设置颜色、使用table进行网页布局、使用div进行网页布局等知识。

章节三：Flash设计工具SwishMAX。主要介绍SwishMAX软件的基本操作，以及使用SwishMAX设计图文并茂的Flash，并插入网页的操作等知识。

章节四：图片处理工具FireWorks。主要介绍FireWorks软件的基本操作，以及使用FireWorks更改图片尺寸、图片文字处理、图片切片、图片设置热点，以及将图片导出为网页等知识。endprint

章节五：JavaScript脚本特效工具网页特效精灵。主要介绍网页特效精灵软件的基本操作，包括插入基本类型特效、文字特效、图片特效、鼠标特效、菜单特效等知识。

章节六：FLV视频下载工具硕鼠下载器。主要介绍硕鼠下载器的使用方法，以及使用下载器下载FLV视频和在网页中插入FLV视频等知识。

章节七：优秀网站设计作品鉴赏。引导学生分析总结不同行业商业网站的特点，培养学生的综合设计分析能力。

4 教学方法的探索

在教学的过程中，任课教师正确地选择以及不断地改进教学方法，是教学过程中至关重要的一个环节。网页设计课程是一门实践性和技术性相结合的，并且极富创造性的课程。同时课程随着互联网技术的飞速发展，课程的教学内容和方法也需要随之发生改变，学生只有紧跟最新网页设计技术，不断的摸索和练习，才能真正学会和掌握最新的而且是不落后于技术发展的网页设计知识和技术。在笔者多次的的教学过程中，总结发现网页设计和制作技术具有知识点分散，传统教学方式无法将各种知识点整体融会贯通的难点存在。基于多次的教学过程经验，笔者总结出网页设计与制作课程特别适合采用任务驱动法进行教学。

任务驱动法具体实施过程中学生在特定的任务驱动目标下，紧跟教师的教学活动。任务的设计需要从网页设计和制作的实际工作过程出发。同时任务的设计对任课教师的需要掌握的知识和技能水平提出了很高的要求，任课教师不仅要改变教学的观念，还要对课程本身具有很深层次的理解。教师可以通过设计的相关系列案例，把需要阐述的网页设计与制作课程的相关章节的知识点涵盖进去，在课堂教学过程中不断地运用有针对性的案例来引导学生学习，并按照对应章节的教学内容，逐步深入学习，教师通过实际操作和理论知识相结合讲解涉及到的新知识。通过对相应针对性案例的学习，学生能够轻松掌握网页设计与制作课程中相关知识点。

笔者在教学过程中设计了以下三个案例，从不同的角度引导学生掌握网页设计所需要的相关技术知识。这三个案例分别是：

案例一，单个页面设计制作，涵盖章节一、章节二、章节三的练习内容；

案例二，图文Flash展示页面制作，涵盖章节四、章节五的练习内容；

案例三，表格布局个人网站设计制作，综合设计，需要练习章节一至章节七的所有内容。

采用案例教学法，学生可以在有针对性的网页任务驱动下展开学习活动，通过网页设计上机练习，掌握相关章节的技术知识。笔者在具体教学中一直遵循着两个基本原则：一是理论教学中遵循倒叙讲授的原则，即首先展示设计完成后的作品，然后引导学生进行有针对性的分析，分析网站的整体布局和配色方案，分析总结网站各个部分流程方案，最后具体都各个部分实现细节。二是以提高能力为目的的原则，讲授知识点的同时还应当同时侧重于解决问题的思路和方法，同时在分析过程中鼓励上课的学生多思考使用不同的方法解决问题的思路，更大的激发他们的学习欲望，从而培养学生独立解决网页设计技术问题的学习态度。

5 改革课程考核方式，正确评价学生的学习效果

网页设计与制作课程需要的考核方式，不仅应该有利于全面真实地反映参与学生的综合学习水平，而且还应该有利于激发学生的自主参与学习的积极性。同时，网页设计与制作课程，更多倾向于培养学生的实际动手能力，如果考试内容过多偏向于对记忆型知识的考查，就忽略了对课程本身性质的思考。笔者任务本课程的考核应该有别于传统课程的考核方式，侧重点在考核学生的实际动手能力和综合设计能力。考核的主要目标是学生制作的网页作品，同时辅以考察学生的学习过程，力求全面反映学生的学习情况。故课程最终成绩的包含了20%的课堂考勤成绩和80%的网页设计作品成绩，网页设计作品成绩由三个案例设计成绩综合而来。在验收网页设计作品的过程中，由学生在通过计算机机房的教学软件把自己的网页设计作品展示出来，并且讲解整个构思、设计以及实现过程。实践证明，由于考核过程侧重了学生实际动手能力和基本专业素质的培养，取得了比单独进行理论教学考核方式更好的教学效果。

6 结束语

在计算机网络极度普及的今天，人们可以非常快捷地获得到大量的网页设计与制作相关的学习资源，《网页设计与制作》课程的任课教师要想获得学生的积极参与和普遍认同，就需要不断知识和技能的机构上充实自我。任课教师不仅需要对紧跟网络技术的发展，研究最新网页设计与制作的技术和技能，还需要要不断对课程实施的教学方法、教学手段进行创新。以充实的内容吸引学生自主进行学习，以任务式教学引导学生主动参与学习，使得学生在课程的学习中获得更高的成就感。实践证明，笔者采用以上教学改革方法，调动了学生的学习积极性，在激发了学生的学习兴趣的同时也改善了课程的教学效果。在今后的教学过程中，笔者将进一步实践探索，改革创新，争取得到更好的教学效果。

参考文献：

[1] 尹玉菡，杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报，2010，12（01）：44-45.

[2] 吕红，王文捷，林茂.《网页设计》教学改革的探索与实践[J].科技教育创新，2009（20）：226-227.

[3] 殷兆燕，崔毓娟.《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院，2009，8（4）：64-66.

[4] 张丽香.高校网页设计课程教学探讨[J].大众科技，2008，（5）：10-105.

[5] 祝智庭.网络教育应用教程[M].北京：北京师范大学出版社，2001.

[6] 刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报，2005，（2）：125-126.endprint