中职《网页制作》课程中项目教学法的有效运用

魏芳芳

摘要：“项目教学法”是近年来最为广大职业教育工作者所推广的行之有效的实践教学方法。本文结合《网页制作》课程教学实例，详细阐述了项目教学法在网页制作教学中的具体实施过程。

关键词：网页制作;项目教学法;中职教育

《网页制作》课程是目前中等职业学校计算机应用领域人才培养的一门核心课程，学生能否学好这门课，能否熟练掌握网页制作技术，能否一跨出校门就是市场所需的操作技能型人才，这是每个计算机教师非常关注的问题。因此，在中职教育的培养目标下，在建构主义学习理论和项目教学法的指导下，教师应改变教育理念，改革传统教学方法，探索在网页制作教学中采用项目教学法的教学模式，培养学生自主学习与协作学习的能力，以达到增强学习主观能动性、提高课堂教学效果的目的。

一、项目教学法的选择依据

项目教学法是一种教和学互动的新型教学模式，它是通过教师与学生共同实施的一个完整的项目工作而进行的教学活动。与传统教学法相比，项目教学的主体不是教师而是学生。在教学活动中，信息的收集、方案的设计、项目的实施及最终的评价，都由学生自己完成，教师仅仅起到一个指导和辅助的作用。其目的是让学生通过整个项目的进行掌握所学的专业知识来解决实际问题，从而达到教学目标的要求。而且项目教学结束之后，原则上应有一件可以看到的作品。项目教学法针对职业高中生素质普遍不高的情况，通过示范项目让学生掌握最基础的知识，并架起学习新知识的支点，然后运用知识迁移、协作讨论来完成对知识的意义建构。笔者曾将项目教学法应用于《计算机应用基础》课程的教学中，实践后发现学生们对教学内容每一环节的学习目标定位均很明确，学习效率提高也很快。

网页制作课程的教学目标是让学生掌握网页设计与制作的方法，能够制作出美观大方、符合网络规范并具有个性特点的网页。因而学生学习这门课不应只是学习软件如何使用，而更应该练习的是活跃地思维、灵活使用软件和独立探索的能力。所以项目教学法非常适合《网页制作》课程的教学。

二、项目教学法的应用思路

由于《网页制作》这门课程的内容比较多、杂，所以首先我们根据课程的内容和知识目标，打破课本原有的顺序，按照探索性学习的需要把课程综合分成若干个单元级项目。比如可以按“网页制作前的准备”、“网页布局与规划”、“网页的编辑”等为主题分别设计出如下一些的单元级项目：制作“再别康桥”网页，以让学生掌握Dreamweaver 8软件的基本操作;制作“神奇九寨”网页，以让学生学会网页布局与批量制作;制作“中国四大名瀑”网页，以让学生掌握网页版面设计与网页动态效果的技能等等。单元级项目又可再细分为若干个小项目，然后以具体的示范项目或练习项目为先导开展教学，同时配以相关的其他练习项目，加强学生练习，提高掌握效果及熟练程度。等课程相关知识讲授完后，最后两周再实施一个完整的项目，安排学生独立制作一个与给出的案例网站相类似的小型网站。这将学生的学习活动与真实的任务相结合，不仅要求学生将零散的知识点进行整合，还要求学生加上自己的创意，使学生的学习更具有针对性和实用性。例如，由各小组自由选择“浙江元亨自动化设备有限公司网页设计”、“玉环市职教园区校园党建网页设计”、“玉环市中等职业技术学校网页设计”及其他自选项目进行课程设计，作为“实训项目”并计入期末考核。

项目确立以后，接下来就要对所教班级的学生进行分组——建立合作学习小组，也就是项目开发小组。根据项目的难易程度及学生的个人能力，按照“互补、自愿”的原则建立小组，每个小组由其成员选定一个组长。组长的职责是在教师的指导下制定本小组的项目开发计划、网站结构图以及负责本组各成员的工作任务分配、監督实施等各个方面的工作。

在项目具体实施时，应该遵循“先学会如何做，再学会为什么这样做，让学生从做中学”的原则。其基本方式如下：

①教师演示项目作品。通过展示一个已经设计好的网页创设情境、导入项目，引导学生分析，提出项目要求。

②教师讲解项目，完成示范案例。在讲解时提示学生注意“举一反三”和获取知识的途径，以便于学生知识迁移。

③学生独立或分组完成任务项目。学生在实践中体验设计的方法与步骤，完成对相关知识的认知，体验成功的乐趣。

④作品展示与评价。教师组织各小组进行成果交流，将各个方面的见解集合起来，拓展认识与见解，开阔视野与思路。设计项目评价表，分别进行小组自评、小组互评及教师评价。

三、项目教学法的应用实例

下面将以制作“神奇九寨”网页这一单元级项目中的其中一个小项目的具体教学过程为例，进一步说明项目教学法在网页制作教学中的具体应用。

项目名称：图游九寨——网站相册的创建

项目要求：利用图片素材创建一个网站，展示“九寨五绝”。

教学步骤如下：

第一步，教师进行情景设置。首先利用PPT投影进行文字上的讲述来创设情境：“座落在四川阿坝州的九寨沟是世界自然遗产，美丽的自然景观令人心驰神往、叹为观止。为了让更多的人欣赏到九寨美景，景区准备推出‘图游九寨的项目，分五个栏目展示‘九寨五绝——翠海、叠瀑、彩林、雪峰、藏情。请你设计一个网站相册集来展示这些人间美景”。待学生聆听这番讲解后，再向学生展示自己已经设计好的网页相册——“翠海”相册。在激发学生的学习兴趣和热情的同时，把他们引入到创建网站相册的学习内容中。

第二步，学生在教师的主导下，完成示范项目“翠海”相册的创建与编辑。学生跟着教师讲解步骤依次完成创建“图游九寨”站点、批量处理“翠海”素材图片、将“翠海”导览页内容居中、将“翠海”相册索引页中的缩略图大小相同这四个任务。

第三步，学生独立思考，完成“叠瀑”相册，主要是让学生获取创建网站相册的过程性知识（批量处理图片、创建网站相册、查找和替换等功能），使学生在独立探索过程中能提高发现问题、分析问题和解决问题的能力。

第四步，学生分小组讨论网站导航条及网站布局的方案，由小组长记录、汇总;各小组长代表本组成员上台汇报本组方案，其他小组可提出建议，然后由各小组动手完成项目。项目的具体任务是：学生以小组合作的形式搜集有关图片素材，完成“彩林”、“雪峰”、“藏情”三个相册，设计网站导航条，利用超链接将五个相册链接起来，形成一个完整的相册集，最后对网站进行整体修饰美化。

第五步，各小组完成项目后，每一个小组派出1个代表，向全班展示本小组的作品，由教师点评，而后小组长则根据成员完成任务情况进行互评、自评，最后教师总结。

在项目制作的过程中，特别是在批处理图片时，学生遇到一些经过同学间交流、讨论也无法解决的问题，比如启动firework发生错误或是firework 总提示“无法运行脚本，这个命令需要一个活动文档”等。这个时候教师就要针对问题及时地进行讲解、示范，而且对不同能力的学生也要加以不同的指导与评价，还要引导学生发现相册存在的不足处，激发学生的思维，找到问题的解决办法。只有这样学生才能够一直保持对学习的热情，从而顺利地进行后续的设计，最终完成作品的制作。

实践证明，项目教学法能使学生充分发挥想象力和创造力，主动学习、乐于探索、勤于动手动脑。如上例中，学生不仅在课堂中完成了精美网站相册的制作，还有些学生在课余时间创作出“黄山四绝”、“福娃影集”、“汽车之家”、“上海世博会展馆速览”等多种主题的网站相册。

通过一个学期的教学实践，我校《网页制作》课程采用项目式教学法取得了良好的教学效果。首先从学生角度，项目教学法通过解决学生身边的一些现实问题来实现学生对知识的掌握，不仅大大提高了学生学习的积极性和主动性，而且充分发掘了学生的创造潜能，全面培养了学生分析问题和解决问题的思想和方法。同时将学生被动听课的课堂变为鼓励学生主动参与讨论，引导学生主动探索，帮助学生表达自己的观点，进一步提高了學生的综合素质，特别是动手能力、团结协作能力和综合运用能力也明显增强。其次，教师不仅在观察学生、帮助学生的过程中，开阔了视野，提高了专业水平，而且通过项目教学的实施过程师生一起分享彼此的思考、见解和知识，也增进了师生之间的情意，使教学不再是简单的知识的传递。

总之，项目教学法是一种以培养学生能力为主的比较有效的教学方法，只要我们在教学中合理应用，学生的综合能力就能有所提高。中职学校的毕业生才能在自己的职业生涯中不断学习和创新，才能应对社会的各种变化。

参考文献：

[1]杜爽.项目导向法在《网页设计与制作》课程中的运用[J].当代教育实践与教学研究.2018（01）

[2]郑丹青.项目教学法在动态网页设计课程中的教学应用[J].中央民族大学学报（自然科学版）.2014（02）

[3]雷婕.基于应用型人才培养模式的项目化教学改革研究——以玉林师范学院网页设计与制作课程为例[J].黑龙江工业学院学报（综合版）.2019（06）

[4]李成.“网页设计与制作”课程教学方法初探[J].科教文汇（下旬刊）.2019（08）