浅谈"网页制作"之网页版面的教学设计

阎晓

摘  要：随着计算机技术及网络技术的快速发展，《网页制作》教学课程得到了高度重视。其中，网页版面是网页制作教学的重要一部分，面对网页制作教学课程理论性、实践性强的特点，加强对"网页制作"之网页版面的教学设计，使网页制作教学课程达到良好的效果。

关键词：网页制作;网页版面;教学设计

由于《网页制作》是一门理论性、实践性、综合性较强的课程，为了让学生更好的掌握网页制作的知识和技能，结合网页制作教材的内容及教学目标，科学合理的进行网页制作的教学设计，精心设计课程教学方案，使网页制作课程达到良好的教学效果。

1  《网页制作》教材分析及教学对象分析

对于《网页制作》教材的选择，选择《Dreamweaver MX2004中文版网页制作基础》教材，该教材的最大优点在于采用任务驱动、案例教学的方式，其中分考虑到了网页制作的实际运用和实际需要。通过实际案例的讲解，不仅可以方便教师的讲解，也有利于学生知识技能和应用技巧的培养。一般学生在学习网页制作课程之前都掌握了基本的网络知识，也对Office办公软件、Photoshop图形图像处理及数据库设计有一定的了解。因此，在学生具备一定的文本编辑及图像信息处理能力的情况下，将网页制作的教学重点放在网页版面的美化和文字信息表达方面，对网页版面设计效果进行有效评价，使学生更好地了解网页版面编排的原则及色彩搭配等，以保证网页制作教学活动的正常开展。然而，对于网页制作的教学对象，面向的是中等专业学生，对于中等专业学生来说，相比纯理论知识的学习，其更擅长于操作实践性较强的课程。在信息技术不断发展的时代下，网页制作是与生活息息相关的，其界面融合了文本、音视频、动画及图片于一体，可以有效激发学生的学习兴趣。通过在学生已掌握办公文字处理及图形图像处理的基础上，引导学生将所学知识应用到网页制作中，可以达到巩固知识的目的。

2  《网页制作》之网页版面的教学设计

对于《网页制作》中网页版面的设计，由于网页制作带有一定的综合性，为了真实体现网站的设计理念，在教学任务设计中，首先必须将实际项目任务分解，采用小组合作的方式，每个小组4～6人，在小组组长的指导下，结合网站建设项目的特点，将项目任务分解成不同的任务，包括网站总体规划设计、网站环境配置、网页版面布局设计、文字及图形图像处理等，让小组中的每个成员对相应的网页元素进行加工处理，共同完成一个网页版面的设计，这样学生就相应的掌握了一个知识点。为此，对于网页制作的设计，应包括以下步骤：

（1）明确教学目标：进行"网页制作"设计之前，首先必须足够了解Dreamweaver网页制作的配置环境以及文本编辑、动画视频设置、工具绘制图像的方法等，只有掌握基本的操作，网页制作项目的设计才能顺利;其次，技能目标，能通过模仿网页来完成实际网页项目任务的才做;能正确进行表格的编排及网页动态的设计;能选择合适的网页背景音乐和图案;最后，情感目标：培养学生的审美情感和团队合作精神，能培养学生的社会责任感。

（2）教学内容重点、难点的设计：对于"网页制作"中教学难点的设计，应是培养学生分析网页布局和色彩搭配的能力，而难点是让学生掌握网页布局结构、简单表格的制作、表格的嵌入及熟悉网页的各种元素。

（3）教学活动设计：以"某大学网页布局"为例以导入新课，在教学之前，需构建基本知识框架，简述网页制作基本知识，然后推荐优秀网站做范例，充分了解网站的内容和颜色的选择。然而，在课程内容设计上，分析某大学网页布局和网页元素，按照项目任务分组，各小组按照要求进行网页制作，让每个小组互评，展示各组网页成果。在这个过程中，教师需要以广播的方式向学生展示某大学网页信息，引导学生了解网页的布局和网页元素，如"国字型，文本、图像、表格等";引导学生分组，指定小组长;观察学生网页制作的进展情况，对学生制作过程中的难题给予帮助。除此之外，对于学生学习行为，在教学过程中，学生需要积极思考"国"字型网页布局的典型应用，通过自身所学知识，建立一个新网站;按项目任务分工，进行文字编辑、图像处理及表格制作等;通过小组共同完成网页制作，最后进行小组互评总结。

（4）课堂总结：通过教学教程教材和课件的辅助，围绕网页制作实例，让学生掌握基本的网页布局、文字处理机表格制作等，熟悉网页的各种元素，使学生的网页操作实践能力得到一定的提升。

3  总结

总而言之，加强"网页制作"的教学设计，将教学重点内容放在网页版面制作及文字信息表达处理上，使"网页制作"课程教学活动得以顺利开展。

参考文献：

[1]肖潇. 浅谈独立学院网页制作课程的教学设计与教学改革[J]. 科教文汇（下旬刊），2011，10：46-47.

[2]张莉. 浅议技工院校《网页制作》课程的教学设计与实践[J]. 计算机光盘软件与应用，2013，18：218，220.

[3]廖丽. 网页制作中的常见问题及处理分析[J]. 无线互联科技，2014，08：3-4.