基于产学结合的网页设计与制作课程教学改革研究

胡苏梅

摘要笔者将参与企事业的网站建设工作的实践经验融入网页设计与制作课程的教学中，尝试产学结合的教学模式，将综合网站案例贯穿于教学始末，采用模块化教学方法等，取得良好的教学效果。

关键词产学结合模块化教学案例

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

产学结合是结合生产实际进行专业知识的学习，这种教学方式有助于理论与实践的结合。《网页设计与制作》课程实践性强，且比较容易实现生产与教学相结合。

1 实施产学结合教学模式的必要性

我们培养网页设计人员的教学目标是能为企事业设计与制作精美的网站。传统的教学下，学生获得知识较为零散，也很少做过综合的网站，缺少实战经验，很难满足社会对网页设计人员的从业要求。现在许多网页设计人员招聘广告上都有这样的要求：投递简历请附上作品或成熟的网页设计作品者优先等字样。为了提高学生的职业素养，更好实现职业教育的目标实现，产学结合应该是最有效的教学方式。

2 产学结合教学模式的具体实施措施

2.1 将综合网站作为实例贯穿于教学始末

仅局限事书本知识章节的学习，学生很难对网站制作流程有整体的把握，多数学生学完网页设计与制作课程后，并不能胜任网页设计工作。以致许多学生有这样的困惑：学这些有什么用？用综合的网站作为教学案例，学生能对整个网站的制作流程与设计有全面的理解，能明确学习目标与任务，教学效果事半功倍。

采用综合网站作为案例教学，是在教学过程中，将学完后每一个知识点运用到案例中，逐步完善网站。如学生在学完网页布局知识后，能对自己的网站较好布局，学完图片模块后，学生能自己绘制图片丰富的网站……在这一过程中，学生看到日趋完善的网站，会有成就感，能激发更高的学习兴趣。学生在对网站建设全面理解的基础上，再做三到五个网站，就能够举一反三，网页设计能力就会有质的飞跃，基本上能满足网页设计这一工作岗位的技能需求。

2.2 以“模块化”教学为主导教学模式

“模块化”是指解决一个复杂问题时自上而下把系统逐层划分成若干模块的过程。在教学过程中，将一个综合的网站进行模块化，将工作岗位所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。

一个综合的网站根据其内容可分为布局、静态元素、动态元素这三个模块，在每个模块化下包含若干子模块（如表1）。

对于每一个模块的教学，要拓宽加深。如滚动文字，这是网页最为常见的一个模块，通常用于显示网站的欢迎词或通知公告等。这一文字特效，在网页不同的位置，其属性设置也不同。在讲解这一知识点时，首先让学生观察不同的网站，了解文字滚动一般应在网页的什么位置及所起的作用，再介绍文字滚动特效的制作方法及要领，最后让学生在自己的网页应用这一特效，通过这样一个学习过程，学生能较好理解该知识点，也能很好地在实际工作中去应用。

先对各个模块知识熟练掌握，再将模块综合，就可系统掌握知识体系结构，在实际工作中也就能够轻车熟路。

2.3 以案例为载体，将各科知识综合

网页设计是一门综合性很强的学科，它是对网页设计、绘图、数据库等知识的综合应用。对于绘图软件及数据库等前期知识，学生还不能较好地将其综合应用到网页设计中去，所以在教学的过程中，要结合案例，引导学生将各科知识进行综合应用。

以图片知识教学为例，网页设计教材一般都会重点介绍图片的插入方法及其属性的设置，但在实际工作中仅仅会插入图片是不够的，还要会绘制图片，并将图应用到网页中，网页中的图片还有其特点，所以学生还要从网页设计的角度，灵活地应用绘图软件。在这一知识的教学过程中，引导学生分析案例网站的图片特点，再讲解这些图片的制作要求，然后让学生将制作的图片应用到自己网站上。如一般网站的顶部是一幅比较大的图片或flash动画、小图标多为透明图片，网页中的图片容量不能太大，否则客户端加载速度过慢，会让浏览者失去耐心而关闭网页。对于较大的图片要用“切片”工具进行处理；一些透明的图标及简单的动画，可采用gif格式图片。

2.4 从“借用” →“模仿”→“创新”，逐步提高代码编程能力

学生由于实践较少、基础薄弱等因素影响，编程能力有限，不少学生因编程有困难而产生畏难情绪，影响整个课程的学习。为了提高学生学习兴趣，笔者在教学过程中，采用“借用代码”→“模仿编写”→“创新”教学方法，教学效果优良。

2.5 用“作品”评价代替传统考试

网页设计课程的教学目标是使学生能完成网站的设计与制作，用作品来评价学生的学习效果是最有效的考查方式，能全面考核学生对这一课程的整体掌握情况。

鼓励学生给其他班级或一些企业制作网站，由教师给予指导，将所学的知识直接应用到生产中，培养学生的职业能力。为客户制作网站时，需要做需求分析、调研、调试改进等工作。这些环节，既能锻炼学生的知识综合应用能力，又锻炼学生的表达能力及与他人的协作能力。经过这些实战后，学生基本上实现零距离上岗。

对于作品除了提出一定要求外应留给学生自由发挥的空间。具体要求有：（1）网站内容健康向上。（2）前台至少五个网页，主页、显示新闻标题页、显示新闻内容页、网站顶部内容页、网站底部内容页。（3）后台要求能实现新闻的添加、修改、删除功能等。自由发挥部分有：网站色调、内容、图片及布局自已决定。

对于作品的评价，不以某个人的观点为标准。每个人的审美观不同，对同一作品不同的人有不同评价结果，为了能对作品有较客观的评价，可采用多人打分，综合评判的方法。先让学生向老师和其他同学展示自己作品，并说明自己作品的特色及实现的功能；然后师生对该作品进行提问，由学生进行答辩，最后师生共同对该作品进行评价打分。

笔者在工作中多次从事企事业单位的网站设计与制作工作，并把这些工作经验融入到《网页设计与制作》课程的教学中，尝试运用产学结合的教学模式，不仅提高了学生的学习兴趣，也让不少学生毕业后就能顺利从事网页设计工作，因而感到此教学模式有可取之处。