浅谈“网页设计与制作”实验教学

浅谈“网页设计与制作”实验教学浅谈“网页设计与制作〞实验教学

1.引言

“网页设计与制作〞课程正逐渐成为各高校近年来计算机专业领域开展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。则，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力那么是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学察看和总结，将从教学内容、教学办法以及教学效果三个方面阐述如何解决该课程开展面临的问题。

2.存在的问题

“网页设计与制作〞作为许多高校计算机专业的专业根底课或者选修课，在实际教学过程中，经常面临的问题有：

⑴任课教师对新技术的把握能力不够。由于技术的开展日新月异，Html规范也开展到了Html5，一些任课教师显得无所适从。

⑵局部院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来干燥，在实验课又打开书按部就班，学生掌握知识功效甚微。

⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。

3.实验教学改革

3.1教学内容

根据制定的人才培养计划，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站根底入门知识。根据“先总体后具体〞的原那么，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，方案2学时；模块二，掌握根本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HTML语言各类标记符的使用办法，方案10学时；模块三，掌握网页布局，学会层叠样式表〔CSS〕。通过案例，要求学生学会样式控制并布局网站，方案10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、MicrosoftVisualStudio、Photoshop等软件的使用办法，方案4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、格调定位、色彩的应用以及版式的设计等方面的知识，方案6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。

3.2教学办法

通过长期的教学实践，我们可以将教学办法归纳为下列几点：

〔1〕采用实验课堂教学，实践为主，讲授为辅

该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，方案2学时，可以1/3时间讲授根底入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。

〔2〕采用典型案例实验教学

该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学那么该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮忙学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学办法可以贯通于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比拟熟悉的淘宝、京东等出名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。

〔3〕拓展课堂、多元一体化辅助实验教学

要想真正让学生的动手能力到达质的飞跃，到达学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的办法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的办法：拓展课堂、多元一体化辅助实验教学。具体表现在下列几个方面：

①借用现代化多媒体伎俩学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充沛利用现代多媒体等伎俩进行网上学习，如在根底知识模块学习过程中，可充沛借助W3C学院〔W3Cschool〕进行辅助学习及实践练习。

②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五波及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原那么，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计波及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。

③激励学生加入网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极激励并指导学生参赛，从而进一步激发了学生的学习兴趣。

3.3教学功效

经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及发展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么〞、“怎么学〞、“作什么〞的关键问题，为今后的进一步深造学习打下了坚实的