浅谈高职院校网页设计课程的教学改革

张永健　彭　梅

文章编号：1672-5913(2009)06-0088-02

摘要：本文结合多年笔者“网页设计”课程的教学实践，并根据这门课程的特点，从教学目标、教学内容、教学方法以及考核方式几个方面综合阐述了如何提高本课程的教学效果，并探讨了在教学中如何培养学生的实践能力，提高学生的综合素质，使“网页设计”课程的教学真正地适应市场的需要。

关键词：高职院校；网页设计；教学改革

中图分类号：G642

文献标识码：B

随着Internet的飞速发展，网络已深入到社会的各个阶层，成为企事业单位正常运行以及人们生活学习不可缺少的部分，《网页设计》成了目前高职高专院校计算机专业的必修课，甚至成了许多高职高专院校非计算机专业学生的公共选修课。但就是这样一门看似简单好学的技能课程，却往往得不到很好的教学效果。常常是在学生学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，本人在《网页设计》课程的教学过程中，对教学目标、教学内容、教学方法、考核方式等进行了长期的探索和实践，收到了非常好的效果。

1突出高职特色，明确教学目标

计算机的发展很快，有可能今年学的内容，学生毕业时就过时了，真正用的时候又学无所用，这种现象也不无其例。因此设置网页设计课程时，尽量选择时下先进的版本，并及时对教学计划做出调整，删掉旧课程，补充新内容，以市场为导向，培养有足够的理论基础、较强的创新能力和扎实的实践动手能力的网页制作人才。通过本课程的学习，要求学生能够掌握一个网站建设设计的全过程，能够利用Dreamweaver设计不同类型的网页界面，开发出具有一定规模的网站。根据教学目标，授课时以Dreamweaver为主线，讲授网页界面设计、HTML语言、JavaScript语言及动态网页设计的基础知识。对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，让学生通过实践领会理论知识的运用。从实际需要和当前流行出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。

2遵循高职教学规律，改进和加强教学工作

教学工作是指教学过程中的一系列工作。如何组织好网页设计课程的教学工作至关重要。

2.1选用合适的教材，适时调整教学内容

教材是教师实施教学计划的重要载体和主要依据，是学生获取知识、发展能力的重要渠道。高职教材要突出职业性、实践性、适应性、科学性和先进性。选用网页设计教材时，既要保证基本的知识要点，又要有典型的网页案例。随着计算机软件和硬件的不断更新，网页设计教学内容也应随着计算机科学技术的发展而有所调整，增加一些当前网页设计的流行元素，以适应社会发展的需要。当许多优秀网页设计软件陆续问世和应用时，在教学中就应及时安排这方面的内容，并根据具体情况安排课时量。

2.2采取多样化教学手段，及时改进教学方法

高职院校学生的学习带有较强的职业特色，针对学生在知识结构、学习习惯、认知心理等方面的特点，在教学方法上，应注重理论结合实际，避免空洞地讲解，要采用多样化教学手段，实行启发式教学、任务教学、案例教学以及精讲多练、边讲边练等多种教学方法，激发学生学习的兴趣。

(1) 采用任务驱动和案例教学，让学生变被动学习为主动学习。在开始上课时，给出本次课的任务或者案例，接着要求学生完成该任务或者案例作为驱动进行教学。例如，在讲到“超级链接”时，根据教学目的和教学内容选用典型案例，先对学生展示该案例使用超级链接的效果，然后再分步讲解“绝对链接、相对链接、锚链接”，每讲解完一部分知识点，马上让学生进行实践，利用超级链接把之前制作的单个网页链接起来；讲解完所有的知识点后，要求学生完成该案例；最后要求学生把完成的作业(案例)上传到服务器，避免学生因为不需要交作业而不积极学习，也让学生在以后的作业中还能使用以前做好的页面。这样可以激发学生的学习兴趣，提高学生的学习积极性。案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力。实践证明，这样的教学方式，学生不仅能实现课堂案例，而且能灵活运用课堂知识，运用所学知识完成自己的设计。

同时借助网络技术实现教学互动，达到随机进入式教学的目的。在实际教学中，学生计算机知识掌握程度不同、水平参差不齐的状况，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课后对课堂内容进一步复习巩固。为了学生能够更好地复习，教师可以将课件及相应的学习资料放到学校的网站上，对于重点和难点的知识，教师还可以录制教学过程视频，放在学校网站上，学生可以随时访问下载并进行学习。另外，教师还可以通过电子邮件或者QQ和学生交流，在课后也能随时解答学生的疑问。

(2) 以比赛促兴趣，发挥激励机制

每年计算机系都会举行一次“网页设计”大赛，学生可以独立参赛或者组成小组参赛，初评以后的作品，由设计者进行作品演示和陈述，然后由多名院内专家评委打分，并由其中一名专家进行点评，评选出优秀作品，同时对每个获奖者给予一定的奖励。通过这种活动提高学生的学习积极性、激发学生的竞争意识，同时还培养学生的创新精神和团结协作精神。

(3) 不断改进教学手段

网页设计教学不同于其它课程，授课要直观，利于学生学习和理解，因此，课时应该都安排在机房进行，教师每讲解完一个知识点，学生马上进行实践，达到事半功倍的效果。此外，在条件允许的情况下还可以将学生带出课堂，参与企业网站的设计，将现实职场变课堂，用事实说话，激发学生的认知能力，提高学生的认识。

3以提高就业能力为目标，优化实践教学环节

在课程设计中，实践教学占总学时的2/3。实践教学的贯彻落实，是关系到课程设置目标能否实现的重要一环。通过实践教学，培养学生的实践动手能力。

3.1精心设计实验指导和作业

实验指导是对课堂内容的补充。在实验指导中根据上课内容，完整描述例子完成的全过程，学生能够根据实验步骤顺利完成例子，在学生进一步掌握操作的同时，介绍更多的操作注意事项及操作技巧。把一个完整的网站设计分阶段安排为每次课的作业，并且每次课学生的作业都紧密围绕上课内容安排学生完成相应的设计，尽量让作业有连贯性，当学生完成这些分阶段的作业后，也就完成了整个网站的的设计过程。这样有利于学生体验完整网站建设设计的过程，完成作业时，学生之间可以相互讨论、学习。

3.2课程实训，学以致用

在教学设计中，在学期末安排两周时间进行课程实训。课程实训阶段是学生对本门课程知识的总结和巩固，并且把所学知识应用到实际工作中的阶段。课程实训时，要求学生按照某个企业的要求为该企业完成网站设计(网站通常还包括了留言簿或者论坛的动态网页设计)。学生分组进行实训，鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，为了便于同学之间相互讨论、学习，要求学生自由组合，几个人一组完成一份作业，同时要求书写网站设计报告。教师定时检查每小组的进度，给予适当的指导和建议。最后，课堂演示作品进行评分，要求每小组派一人演示和讲解完成的网站，其他同学进行评议和打分，学生总体评价和教师评价各占实训成绩的50%。这样有利于学生共同讨论、解决设计中的难题，也有利于互相学习，能很好地锻炼学生的合作精神。

此外，提倡和鼓励学生积极参与校园网的建设和维护工作。如有些学生参与系网站建设和精品课程网站建设，通过实践应用，不但将课程中所学的知识融会贯通，强化了对知识的理解和掌握，又培养了学生制作网页的系统性、精细性和艺术性；或者在校园网中开辟班级专栏和一些社团活动新闻专栏。我院长期和狮岭镇皮革加工市场校企合作(狮岭镇是全国最大的皮革加工市场)，部分皮革加工企业委托我院计算机系进行企业网站设计，教师鼓励学生也参与这些企业网站的设计。以此对学生进行市场磨练，从实践中巩固理论知识，使学生真正搞清市场的需求，掌握行业的背景、规则以及工作方式，同时还会使其更加明确专业的培养方向，进一步激发学生的学习热情。

3.3加强证书教育，考证促学

证书作为学生毕业的敲门砖，其地位越来越凸显。为了促进学生考取相应证书，可以将证书考试课程内容融入教学计划当中，组织学生参加劳动局国家职业资格考试，获取国家职业能力网页制作等级证书，促进学生的学习。此外，鼓励学生参加Macromedia网页设计师认证考试和Adobe网页设计师认证考试。这样，学生在学习的同时还可以获取证书，为其以后顺利就业打下了良好的基础。

4改进课程考核方式

在《网页设计》课程的考核模型中，主要采用作品评价方式进行。该课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站，并上传到Internet供用户浏览访问。因此，最好的考核方式就是评价学生所做的作品。由于这类作品不能在短时间内完成，因此在教学后期阶段，就要求学生开始着手收集资料，设计自己特色的个人网站。教师给出作品的最低标准：每位学生自己设计一个个人网站，该网站必须是原创；网站除了首页以外，至少还必须有5个独立的内容不同的页面(该页面不能只是文字或者图片)；必须上交网站中使用的图片和动画的源文件(png文件、psd文件和fla文件)；网站应该有明确的主题和良好的导航，等等。作品评价时，网站总体设计占60%，色彩和动画占40%。该作品成绩占课程总成绩的70%，平时作业和上机实践成绩占总成绩的30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。

5课程改革的进一步探讨

本课程目前是侧重于静态网页设计部分的讲授，对动态网页设计及图像处理技术只作简单的介绍。《网页设计》作为一门综合性的课程还涉及许多相关课程，可以根据不同的培养目标开设不同的选修课程。例如：为了进一步提高学生的网页图像和动画设计能力，可以开设Photoshop、Flash等课程；为了进一步提高学生的网站建设及维护能力，可以开设动态网页设计课程等。

6结束语

总之，高职院校的计算机课程教学模式的改革已经成为必然，它对于高职院校的应用人才的培养具有举足轻重的作用，为此，笔者对《网页设计》课程的教学模式进行了适当的改革，积极探索，用于实践，努力构造该课程教学的崭新模式。在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实践教学和课程考核方式等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。

参考文献：

[1] 娄枫. 浅谈高职院校计算机基础课程的教学改革[M]. 中国科技信息,2006(10):237-238.

[2] 朱士高. 浅谈高职院校计算机类课程教学模式的改革[J]. 高教论坛,2006(6):208-209.

[3] 王锋. 高职院校计算机公共基础课技能目标与实现探讨[J]. 职业技能,2007(3):27-28.