中职网页制作课程教学设计探讨

潘春莲

摘 要：《网页制作》是一门理论性与实践性非常强的操作性课程，针对该课程的特点及中职生的特点，为让学生了解和掌握网页制作知识和技能，从而达到良好的教学效果，文章从选好适用教材规划课程、课程内容的教学设计，制订教学方案、教学方法、考核评价方法的改变几个方面对网页制作课程教学设计进行探讨。

关键词：网页制作；教学设计；教学方法；考核评价

怎样建立一个网站？怎样才能设计一个精美出色的网站？面对中职校的学生学习网页制作又应该从哪儿入手？应该学会哪些制作网站的技术，并让学生了解和掌握网页制作知识和技能？这就是中职校网页制作这门课程最关心的问题。多年来我一直从事中职校网页制作课程的教学工作，下面我就谈一下网页制作课程进行教学设计。

一、选好适用教材

我校中职生大多是初中毕业生，且基础较差，选定教材的难易程度一定要掌握好，不能让学生看课本就像看天书，认为自己学不会，从一开始就放弃这门课程。同样，教材也不能过于简单，让学生认为没有难度，不学或敷衍一下，这样也达不到教学的目的。结合我校学生的特点，我们选的是根据教育部《中等职业技术学校计算机应用与软件技术专业领域技能型紧缺人才培养指导方案》编写的《网页制作》，本教材贯穿项目教学的思想，从网页制作初学者的角度出发，并采用“任务驱动”模式进行编写，通过一个个具体的课堂任务案例，由浅入深地讲解网页设计和制作，非常适合我校学生的特点。

二、规划课程教学内容

规划教学内容是做好课程教学的首要任务。根据中职学生的特点，本课程选择以培养学生的实践动手能力为目标。教学内容主要定位在静态网页的制作、设计和发布方面，在内容组织上从实际需要出发，以够用为原则，精选了网页制作技术的一些主要内容展开讲解，主要任务有网页的基础知识、HTML语言、Dreamweaver 8软件、Photoshop CS2软件、Flash 8软件、CSS层叠样式表、Script脚本等。以网页设计的技能学习和训练为主，重点讲授Dreamweaver网页设计软件的使用方法及相关技巧。让学生通过这门课程的学习，能够具备综合运用专业软件为中小型网站设计和制作网页的能力，为今后从事相应的网站设计制作工作打下良好的基础。同时，注意综合运用学生已学的专业课程知识，如在其他课程学习的Photoshop、Flash等媒体处理软件，通过Dreamweaver网页设计软件进行整合，在课程的教学内容中，结合中职人才培养要求，体现实用原则，注重培养学生自学能力，以应用能力培养为目标，以适应信息技术的不断更新，以培养适合社会需要的实用型人才为目标的教学体系。

三、课程内容的教学设计，制订教学方案

根据中职学生的认知规律和网页学习的特点，循序渐进、由浅入深地介绍网页制作技术。实践证明，学生学习网页设计制作的过程一般可分为四个阶段：

第一阶段是网页入门，内容包括第一、二章，主要让学生了解什么是网页和网站，什么是HTML语言以及常用的网页制作工具；学会制作简单的网页和网站，既能把各种现成的素材插入网页中，制作成一个个网页，并能在网页中对这些内容进行简单地编排，最后能将这些网页链接起来，构成一个简单的网站。

第二阶段是网页布局制作阶段，内容为第三章，主要让学生学会网页内容布局的相关技术和快速建站的技术。这部分虽然也属于网页基础，但内容相对较难，也非常重要，因此单独划为一个阶段。

第三阶段是网页美化设计阶段，内容包括第四、五、六章，主要让学生学会使用Photoshop软件对各类素材进行加工处理和布局设计制作；学会使用Flash软件设计制作网站的动感效果；通过对优秀网站的鉴赏，了解网站的制作流程、网站的布局设计和整体色彩搭配。这一阶段的教学是建立在学生已经初步掌握了Photoshop和Flash的简单操作基础上的，而在网站设计上更突出让学生通过鉴赏和模仿，学会网站设计技术，教学中应该更多地根据学生的作品特点引导性地提供各类样例给学生参考，让学生学习某些符合他自身特点的色彩搭配和网页布局。

第四阶段是网站程序使用阶段，内容包括七、八章，主要让学生学会网页特效的制作和中小型动态网站的架设。这一阶段的学习除了能让网页更有技术含量、更有动感外，还能掌握简单的中小型动态网站建立方法，为以后学习动态网站制作打基础。

四、合理的教学方法

网页制作是一门实践性和操作性非常强的课程，要提高学生的综合应用能力和创新能力，加强学生的实践动手能力，课程必须安排在计算机房进行，采用教与学结合的方式，学生通过多练、多做来掌握。在网页制作教学中教师要制定教学方法，根据教学内容、学生特点、教师自身的教学风格等实际情况，通过多媒体教学手段，结合案例分析法、分组讨论等多种教学方法进行教学。

1. 多媒体教学手段

在多媒体教室运用多媒体讲台、投影设备、音响设备等将案例效果的视频或图片进行展示。

2. 案例分析法，给出相应的项目任务

教师在上课的过程中，要精心设计案例，本着创造性、实用性和新颖性的原则，取人之长，补己之短。要结合课程教学的需要将知识点融于其中，激发学生的学习兴趣。对案例要进行解剖分析，结构与知识点应用，详细了解案例的典型性与应该掌握的问题解析，让学生开阔视野，开拓学生的学习思路。

3. 模仿操作法

进行模仿制作，让学生详细了解网站建设的方法和流程、制作过程和步骤，做到心中有数，了解制作现场，模拟制作步骤，提高学生动手操作，激发学生的学习热情，增强学习的积极性和主动性，调动模仿他人的网站的制作兴趣与热情。

4. 练习法

教师演示案例制作，学生在计算机设备上跟着教师的操作示范进行实践，边讲边练，边练边学。给学生布置网页制作练习，让学生了解本节课要解决的问题和工作任务，有目的地进行学习，巩固知识和提高操作设计水平。

5. 分组讨论学习

采用学生和老师以及学生与学生间分组进行学习的教学方法，如学生网页设计自评、课堂讨论、实践作业、学生网页制作的作品欣赏、模拟设计环境等教学方法，让学生主动地参加到教学活动中来。这样教学内容就在教、学、赏、作、创的交融中完成了，同时也能培养学生的思考、总结能力，也能发挥学生的团队精神，从而提高学生的积极性和主动性。对项目制作作品，分组讨论项目实施方案和计划，并在计算机设备上完成项目制作，之后，由每个小组派出代表对本组的作品进行展示和解说。最后，由教师和学生一起对他们的作品进行点评、讨论。

6. 课后创新活动

一方面组织学生参加比赛，包括国内举办的各种大赛和校内举办的比赛，鼓励学生以团队合作方式进行创作，促进学生同行之间的相互交流与学习。另一方面根据上课的内容，又进行了拓展练习，留下相关作业进行巩固复习工作。这样既对知识点进行了强化，同时也激发学生继续学习的兴趣。

五、考核、评价方法

网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，单靠最后的期末考试，是不能确切地评价一个学生的真实水平的，因此要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我将课堂任务分解为“知识预读”“任务目标”“实施步骤”“对照练习”“任务小结”和“知识拓展”等环节，每个任务完成后可以用下面的评价量表进行评价。

平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，进行评分。期中考试可以做一个简单的个人网页来考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，所以网页制作的考核成绩应以平时作业、期中考试成绩、期末考试成绩按4∶3∶3的比例评分。因为网页制作要建设一个整体设计的网站在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，所以应该以上交作品的形式完成本课程的期末考试，而不是像原来所执行的2个小时完成考题。在作品完成的过程中，教师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。

几年来，我一直坚持上述的做法，取得了良好的教学效果。在我所教的班级中涌现出了一批网页制作高手，我所教的网页制作课程也越来越受到学生的喜爱。

（武鸣县职业技术学校）