《网页设计与制作》课程教学的探讨与实践

来源:用户上传      作者:

　　摘 要：《网页设计与制作》是一门理论与实践紧密结合的课程，本文结合《网页设计与制作》课程的教学实践,并根据课程自身的特点,从教学内容、教学方法、考核方式几方面阐述了如何提高该课程的教学效果，并探讨了教学中如何培养学生的实践能力、提高学生的综合素质。
　　关键词：网页设计 网页制作 案例教学 教学方法
　　中图分类号: G642 文献标识码: B文章编号：1673-8454（2008）03-0077-02
　　
　　网络在人们生活中发挥着越来越重要的作用，通过网页向外界宣传个人或单位形象，推广公司产品或开展公关活动已成为一种新的流行趋势。《网页设计与制作》课程也因而纷纷在各高校进行开设。《网页设计与制作》是一门高度综合的课程，是一门理论与实践紧密结合的课程。[1]为了提高课堂教学质量，笔者在教学实践中从教学内容、教学方法、实验内容及考核方式几方面进行了积极的探索与实践，就此谈一谈自己在实践中的一些体会，与大家探讨。[2]
　　
　　一、明确教学目标，把握教学内容
　　
　　通过本课程的学习，要求学生能够掌握网站设计的全过程，能够利用Dreamweaver设计各种网页，开发一定规模的网站。根据教学目标，授课时以Dreamweaver为主线，讲授网页设计、HTML语言、JavaScript语言及动态网页设计的基础知识。[3] 对每一部分知识，重点教会学生如何应用，在理论内容的讲授中将理论知识融入案例中，从实际需要出发，需要哪些内容就重点讲解哪些内容，突出“学以致用”，而不是大而全地讲授所有相关理论知识。
　　
　　二、激发学生学习兴趣，采用适当的教学方法
　　
　　在教学前期给学生提出明确的任务，以完成任务作为驱动来进行教学。[4][5] 在第一堂课中，提出本学期的任务是每个学生自定主题，根据教学进度逐步进行，最终完成一个网站。在实际教学中，根据不同的教学内容提出网站建设的具体任务，指导学生一步步完成网站设计。在实际授课过程中，采用如下的教学方法：
　　1．采用案例教学，让学生变被动学习为主动学习
　　传统的教学方式是教师在课堂上讲授理论内容，学生上机练习,教师辅导。这样一堂课上完后，学生可能对上课讲的内容听明白了，但实际操作时，又无从下手。笔者在实际教学过程中采用案例教学法,很好地解决了这一问题，取得了良好的教学效果。
　　根据教学目的和教学内容选用典型案例，通过对案例的分析，讲授案例中所用的理论知识，融枯燥的理论学习于生动的例子中。在学生理解基本理论知识的基础上，再演示完成例子，这样使学生进一步熟悉相关理论知识的应用及实际操作。授课时先展示网页效果，再讲解相关内容，这样可以激发学生的学习兴趣，提高学生的学习积极性。案例教学法中案例的分析与完成，有助于培养学生分析问题、解决问题的能力。实践证明，这样的教学方式，学生不仅能实现课堂案例，而且能灵活运用课堂知识，运用所学知识完成自己的设计。
　　2.借助网络技术实现教学互动，达到随机进入式教学的目的
　　在实际教学中，不可能所有的学生在课堂上都能及时掌握教师所讲的内容，需要在课下对课堂内容进一步复习巩固。为了学生能够更好地复习，笔者将课件及相应的学习资料放到教学网站上，学生可以随时访问下载并进行学习。另外，在教学网站上开设相应的学习论坛，学生可以在上面与老师或同学相互讨论，解决问题。此外学习论坛还有利于学生之间的资源共享。
　　3．适时评析学生网页，提高学生设计能力
　　在教学的不同阶段，选择典型的学生作业进行评析，对学生在网页设计中的共性问题进行纠正，对网页设计中的优点进行表扬，不断规范学生的网页设计。
　　
　　三、精心设计实验指导及作业
　　
　　对学生实际操作能力的培养分为两个部分――实验指导及作业。
　　实验指导是对课堂内容的补充。在实验指导中根据上课内容，完整描述例子完成的全过程，学生能够根据描述顺利完成例子，在学生进一步掌握操作的同时，介绍更多的操作注意事项及操作技巧。
　　每堂课后学生的作业都紧密围绕教学前期要学生完成的网站进行,根据上课内容安排学生完成相应的设计,分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。
　　1．网页制作的报告要求
　　报告包括：内容简介、主要模块划分、网页布局的实现方法（比如表格、框架）、网页间超级链接的跳转关系图、参考资料（如书籍、 网站）和网站制作体会（如收获、建议、意见）。报告的版面设计应简洁明了，符合技术文档的特点。[6]
　　报告也不是一次性完成，而是根据网站设计的进行逐步完成。[7] 如在学习网站设计以后，要求学生根据自己的兴趣设计网站。学生要在报告中完成自己所设计网站的内容简介及主要模块功能介绍。在完成具体的网页时，要说明网页布局的实现方法及网页间的跳转。根据自己参考的资料，不断补充完成。并可以随时记录自己的体会与建议。网页制作报告的完成不仅有利于学生日后对网站的维护，也有利于教师了解学生设计的思路及遇到的问题，及时调整教学内容、改进教学方法，从而提高教学效果。
　　2．分组完成
　　鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，为了便于同学之间相互讨论、学习，要求自由组合，几个人一组选同一网站主题，但是要求每个学生完成一份作业。几个人选同一网站主题，有利于学生共同讨论、解决设计中的难题，也有利于互相学习，取长补短提高自己的设计水平，这种方式能很好地锻炼学生的合作精神。每人完成一份，可以更好地体现学生设计中的个性，有利于学生完整体验网站设计的过程，避免因学生缺乏学习积极性而工作量过少的问题。
　　以前的教学中，每章的作业只针对本章的知识点，没有连贯性，所有同学完成固定内容的作业，学生只是为了完成作业而完成作业，学习的积极性不高。本学期将作业内容改为自己规划站点内容并逐步完成设计，学生的积极性提高了很多，课程结束时，大多数同学都能完成一个不错的网站。
　　
　　四、理论与操作相结合，综合全面评价学生
　　
　　一个好的考核方式，不仅有利于全面真实地反映学生的学习水平，而且有利于反映教学中的问题。上面提到本课程的教学目标是：学生能够掌握网站设计的全过程，能够利用Dreamweaver设计各种网页，开发一定规模的网站。学生要能自己开发设计网站，必须具有一定的理论知识。理论考试注重学生对网页制作基本知识、基本理论的掌握，采用选择判断等客观题的方式进行，为学生进一步的学习夯实基础。
　　网页制作是一门实践性很强的课程，因此学生必须掌握相应的网页制作技术。实践考试考查学生的动手能力，以便学生学完本课程后能有一技之长，真正做到学有所用。
　　
　　五、课程改革的进一步探讨
　　
　　本课程目前是侧重于静态网页制作部分的讲授，对动态网页及图像处理技术只作简单的介绍。《网页设计》作为一门综合性的课程还涉及许多相关课程，可以围绕网页制作，根据不同的培养目标开设不同的选修课程。如：进一步提高学生的网页设计能力，可以开设Photoshop、Flash等课程。为了进一步提高学生的网站建设及维护能力，可以开设动态网页设计的课程等等。
　　
　　六、结束语
　　
　　笔者在近两年的教学过程中采用了上述的教学方法，实践证明，这些方法激发了学生的学习兴趣，调动了学生学习的积极性，同时提高了课程的教学效果。在课程结束时，绝大部分学生可以完成一个完整的网站，部分同学还申请了网络空间，并将自己的作品上传维护。在今后的教学工作中，还应进一步对教学方法进行积极探索，精心设计教学案例，寓教于乐，争取取得更好的教学效果。
　　
　　参考文献：
　　[1]任国庆.“计算机网页设计”课程体系分析及课程整合[J].计算机教育,2006(10).
　　[2]文志连.高校《网页制作》课程的教学[J].文教资料,2006(10).
　　[3]段青玲,王欣.“网页设计”课程教学改革的思考与实践[J].农业网络信息,2007(1).
　　[4]宋平.网络建设与网页设计课程改革与实践[J].农业网络信息,2007(3).
　　[5]胡波.网页制作课程教学方法探讨[J].电脑知识与技术,2006(4).
　　[6]安颖莲,姚瑞霞.网页制作的教学设计与实践[J].计算机教育,2005(8).
　　[7]潘颖.《网页制作》课程教学新探[J].乌鲁木齐成人教育学院学报,2005,13(1).

转载注明来源:https://www.xzbu.com/9/view-9492732.htm