《网页设计与制作》教学改革及实践

宋文平

【摘要】根据国家教育改革的精神和我校《网页设计与制作》课程教学过程中的落后情况，我们结合教学实践，从教学方法、教学手段、教学模式、实训、教师、教材、考评方式等方面，大力进行教学改革，充分发挥现代信息技术作用，来提高学生的技能水平，取得一定成功。

【关键词】网页设计与制作 ； 课程教学 ； 改革

【中图分类号】TP393.092 【文献标识码】B 【文章编号】2095-3089（2015）15-0266-02

一、课程教学改革背景

我校的《网页设计与制作》课程是信息技术专业的重要专业基础课程，该课程操作性强，知识点多，主要学习设计与制作网站。教学存在一些问题和弊端，如教学方法脱离实践、与市场需求脱节等。《国家中长期教育改革和发展规划纲要（2010-2020年）》明确指出：“职业教育要深化教育教学改革，创新教育教学方法，推进课程改革，加强教材建设，探索多种培养方式“。因此我们进行了改革和实践，以改变现状。

二、课程教学改革基本思路

确定基本导向是“把企业需求作为出发点，以就业为导向，着力培养学生制作网站的技能水平与应用操作能力”，在此基础上酝酿教学改革：第一在教学计划修订、课程设置上进行调整；第二重订教学大纲、授课计划；第三自创“案例—模块—项目”正逆向启发式教学模式。

三、课程教学改革的应用

1.教学目标改革

由原来的学会制作网页改为根据市场需求设计制作出一个完整的静态网站。

2.课程设置改革

1）重新设置课程内容。确定四大内容模块：①Dreamweaver网页制作；②Flash动画设计；③网页图像处理Photoshop；④基础的动态网页制作。第四点是原来不曾有的知识点，根据调研加上去的。

2）调整课程设置目标。以做出完整的网站为最终目标和考核方式。

3）不同专业确定不同教学目标。原来只要是开设了本课程的专业，教学目标都一样，现在针对不同专业制定不同的教学目标。

3.教学内容改革

1）Dreamweaver网页制作中，在原有知识点上增加了“HTML“、网页特效制作、WEB服务器设置、域名和网页空间的申请、网站测试发布宣传和推广、网站的更新管理和维护等重要知识点，并将原来的“表格+层”布局改为“CSS+DIV”布局。

2）Flash中强调变形动画、位移动画、遮罩动画、路径动画、脚本动画等实践性强的知识点操作，还增加了网页制作、相册制作等知识点。

3）图像处理则以Photoshop绘制、设计、处理图片、添加热点、切片工具，制作？鄢.gif网页图像等为基础，重点学习网页布局设计、网站标志设计、网站广告圖片设计、网页色彩搭配等常用知识。

4）动态网页制作使用ASP.NET技术开发平台，要求能实现前台用户注册、登陆和后台管理员对用户的添加、修改、删除、审核等管理功能。

所有知识点囊括了从网页构思、规划、制作和网站建设的全过程，一切为完成最终的网站项目服务。

4.教学方法改革

1）自创“案例——模块——项目“正逆向教学法。这种教学方法以案例为基础，相关案例构成一个模块，几个模块构成一个项目。其中案例是将课程内容与教学内容联系起来，将要讲授的知识点以实例的形式体现；模块是按照教学大纲的思路，将几个相近案例组合在一起，实现岗位技能的应用，有明确的学习目标、学习内容和考核标准；项目是各案例模块综合起来的一个任务，根据制作完整网站项目任务分析，确定不同知识模块。

2）辅以任务导向法、技术艺术法、趣味引入法、学生施教法、作品评价法、互动教学法、讨论教学法等多种教学方法因时制宜综合运用。

“案例——模块——项目“正逆向教学法与其他多种教学方法并用，提高了学生的学习兴趣，增强了课程的知识性、实践性和趣味性。

5.教学手段改革

1）使用我校高质量、高尖端的网络教学平台和教师端教学程序在实训室内联机教学，教师机能随时点名、教学、演示、答疑，控制学生机的开关、收发作业，学生也能随时提问、观看教师演示，自己练习，目前该课程全部在实训室内进行。

2）利用广阔的因特网做为学习空间，学生不但可鉴赏、观摩国内外优秀网站、动画、版面、图片、资料等，还可上传自己制作的个人主页和小型网站，学生学到许多课堂上接触不到的知识。

3）到社区、学校、中小企业、政府机关、互联网等广阔的社会天地去实习、训练，让学生接受生产一线的考验与锻炼，毕业后不需培训即可进入一线岗位。

6.教材改革

1）校本教材

①根据革新的授课内容来制定教材，去掉不合理的增加实用的知识点，并按实际操作调整内容排列顺序。

②教材中每小节知识点以案例的形式体现，数个案例形成一章，一章体现的就是一个模块的内容，数章体现的是一个项目。

③一章一章深入，内容相互衔接，由易到难，由小到大，循序渐进。

④完整的教材应包括文字概述、案例、案例组成的模块、模块组成的项目，网站实例，课件、实训习题等。

2）优先选用省部级以上获奖的高职高专优秀教材。

7.实行考评改革

在考评上我们加大了平时考评的力度，由最初的试卷考评、认证考评，到现在的通过平时作业完成情况、网站项目制作情况、创新、协作精神四个方面来考查学生的综合素质和动手能力，确定学生的考评成绩。

四、改革效果

1.提高了教学质量

通过改革，教学质量得到提高，学完本课程后，每个学生都能制作出一个完整的中小型网站来，毕业后就能赴生产一线岗位工作。像11级李海星的百姓鞋业网站、彭哲的音乐网站、柳志凡的手机网站、像12级的刘运文制作的汽车网站、吴流芳婚纱网站、岳婷的茶叶网站，08级的等都赢得了客户的好评。其中11级陈晓娟参加湖南省高职院校网站设计技能比赛获得第六名的成绩。

2.提高了教学效率

教改后，教学效率有了质的飞跃，原来需要四五个课时才能讲清的内容，现在两三个课时学生就能掌握。

3.提高学生学习积极性与创新思维

经过教改后，学生学习积极性越来越高，学习越来越主动，创新性作品不断涌现。

4.提高学生团结合作精神

在制作一个网站时，往往将其分成几个模块让几组学生共同完成。这样学生参与团队工作，随时会注意整体性和协调性，团队合作能力得到提高。

5.加强了课程建设

通过此次改革，重新定向课程目标、更新课程内容、理清了相关前后续课程，使课程结构变得更加合理，课程内容更加符合市场的需求、技术应用型人才的培养。

五、总结

通过近两年的网页设计与制作课程教学全面改革，调动了学生的学习积极性，培养了他们的科学创新思维，团结协作能力与动手操作能力。

参考文献

[1]李淑珍，李晓宾. 《网页设计与制作》课程在不同阶段的不同教学方法探讨[J].软件导刊，2008，（04）：138-139.

[2]蔡伯峰.《网页设计与制作》项目课程教学改革[J].泰州职业技术学院学报，2008，（04）：55-58.doi：10.3969/j.issn.1671-0142.2008. 02.018.endprint