项目教学法在《网页设计与制作》课程中的实践

2020-02-15陈画浙江农业商贸职业学院

营销界 2020年42期

关键词：网页设计与制作网页课程

陈画（浙江农业商贸职业学院）

■课程简介

《网页设计与制作》课程是电子商务专业基础课。主要要求学生掌握使用DIV搭建网页框架的方法和技巧；掌握使用CSS美化网页的方法和技巧。本课程共64课时。

■选用项目教学法可行性分析

教学材料来源于社会生产中真实的任务、服务或项目，在教学过程中师生、生生通过还原工作情景探讨真实、复杂的问题，完成任务的同时构建了该课程的知识框架，最后职业能力得以实现。

（一）教学组织形式是项目作品或项目任务

传统的教学组织方式通常是以系统的、全面的学科知识主线，以教师为主体，重心是“教什么”“为什么”以及“怎么教”等系列知识。项目教学是以学生为主体和重心，以“如何完成项目”为引领，引导学生“学习什么知识”。

（二）项目活动的主要形式是小组协作学习

项目学习颠覆了传统的以教师讲授为主的教学方法，以学生自我组织、自主学习，教师引导答疑为主要的学习方法和形式。学生通过完成完整的项目构建系统知识框架和知识结构，在学习过程中锻炼了学生的自主学习能力、分析解决问题能力、团队协作能力、创新能力等综合素质。项目小组的协作学习主要包括课前、课后和课中三个阶段。

（三）构建知识体系的线索是真实、复杂的项目

学生需要构建需要完成完整、复杂、真实项目或任务的知识体系，同时意识到已有的知识结构和技能的作用，寻求建立新的知识体系的方法。教师引导学生完成知识体系的建设并答疑解惑。

（四）最终的教学目标是搭建完整的职业能力

项目小组通过自主学习完成完整、真实的项目，可以掌握完成项目的相关知识的学习和技能的锻炼，最终目标是完成就业岗位的职业能力培养，从而学生毕业后能够充分适应岗位的需求。

■具体课堂教学实践

本课程教学内容包括网页草图绘制、效果图绘制、DIV+CSS制作网页、网站发布四大模块。网页设计与制作课程重点是掌握使用DIV搭建网页框架的方法和技巧；掌握使用CSS美化网页的方法和技巧；课程难点是了解客户需求与网页设计的关系，力求用户界面友好美观；了解网页不自由流畅的原因，熟悉信息的组织及网站的风格。教学活动实施时，以小组为单位，每个小组三个同学，每个小组一个项目，分工协作完成该项目。开展教学活动时，小组成员围坐在圆形电脑桌周围，便于展开小组讨论。

■具体组织实施步骤

（一）教学设计

项目教学设计流程由选择项目、确立项目、实施项目、展示项目和评价项目四个阶段组成。

1.选择项目

实施项目教学法时选择与设计项目非常重要，教学活动以项目为核心开展，项目的优劣直接影响项目教学的质量。选择项目时应注意以下几个方面：

第一，项目类型的确定。教师依据项目教学的现实条件和实施条件、专业性质、学生已积累的相关知识的认知情况和学习能力确定单项项目或综合项目；

第二，项目开展流程。教师分析项目开展的逻辑顺序、项目与工作任务的对接模式，根据工作任务确定项目开展的顺序，如从易到难的模式、并列式的任务模式、按工序流程模式等；

第三，重构知识点的逻辑顺序。教师分析、分解项目，确定项目实施过程中涉及的知识点。重构知识点时要做到内容全面、突出重点，项目任务承载课程标准中的大部分内容，知识、技能与任务要有好的衔接。

2.确立项目

确立项目后，教师要准备项目教学的资源。主要包括项目实施的时间框架、资源配置、物质支持、教学计划、教学方案和教学任务书等。

3.实施项目

教师利用现代教育技术，如微信公众号、云课堂等教学平台，项目小组自主协作学习。教师要考虑的是如何能激发学生的学习兴趣，如何能促进师生、生生之间的交流，通过学生的反馈适当完善教学任务和激励政策，引导学生按预期目标完成项目作品。

4.展示项目和项目评价

学生完成项目作品后，教师组织学生进行自评、互评、教师点评活动。教师给学生提供展示作品的机会，让他们能够自我分析、自我判断，通过互评能够取长补短。教师通过学生的自评和互评掌握学生项目的进展情况，对每组作品进行点评，促进学生的反思和提高。

（二）具体实施

1.选定项目

参考给出的20个行业，让小组（3人/组）设计制作一个公司商务网站。通过网站展示企业风采、宣传推广产品、宣传企业文化等。通过教师和学生的共同探讨，每个小组确定了项目主题，例如贸易公司网站、抹茶小镇网站、茶园网站、物流公司网站、房地产公司网站等。

通过以往学生作品的展示，学生相信并渴望制作出精美的网站的心情油然而生，但是对于设计网站的技术是陌生的。让学生浏览与自己要设计的网站相关主题的优秀网站，调动学生的学习积极性。

（1）通过网站原型分析，学习网页设计、网页布局、网页色彩搭配基础知识，形象深刻的认识网站。

（2）通过优秀网站赏析，启发学生的创新思维，每个小组确定网站的主题、风格和网站栏目。

（3）学习站点的创建与管理。

（4）搜集素材，掌握网页元素文本、图像、多媒体、超链接等处理。

（5）掌握使用div+css布局网页、设计并制作网页。

（6）掌握网页特效的处理、域名的申请、网站的发布。

2.制定计划

选定项目之后，为项目的实施制定具体可行的计划，学生可以通过计划掌握学习进度，根据实际情况实时调节计划；教师根据计划引导学生学习，根据学生反馈调节学习资源并及时评价。学生根据项目要求制定项目实施计划表。

3.活动探究

首先，小组成员讨论项目内容、需要搜集的资料以及所需工具和软件；其次，小组进行分工，包括搜集资料任务、素材的编辑等任务；最后，小组成员共同讨论确定网站的主题、风格，共同讨论绘制出首页效果图。

教师引导学生掌握项目学习的流程，体会项目学习的重要性，通过即时的评价激发学生的学习热情，通过测验和反馈、丰富的学习资源、自评和互评增加学生的参与度，为后续的学习做准备。

■课堂评价

以小组为单位展示作品，介绍本小组的设计理念、网页风格和网页特色，总结本项目完成过程中遇到的问题和解决方案，和其他小组的同学交流学习心得、探讨学习经验。通话小组间的互评，对项目的学习会有更深刻的认识和了解，促进学生更好地完成学习目标。根据小组的互评和教师的点评，修改作品，确保作品质量。

■教学反思

（一）项目资源的设计与制作

开发出项目化教学资源。网页设计与制作课程项目化教学实施的前提是要搜集、整理和开发出适应项目化教学需要的电子课件、教案、微教学视频等类型的素材。网站项目的选择和设计是关键和重点，首先要建立建设网站的教学项目库。项目库的来源是真实的一些企业实际运作的项目，如农家乐旅游项目、特色农产品推广项目等，这些需要加强同政府与企业的合作来达成。

（二）教师需要较高的专业水平和技术水平

项目化教学的资源库建设对教师的专业知识和实践能力有较高的要求，同时将全真项目融入教学环节需要教师具备驾驭项目的能力，这就要求教师不但要具备教学能力，而且还要具备项目操作能力。项目化教学使得教师能够通过检索资料、查阅文献、思考创新、实际应用，逐步融入新领域、探索新问题、创新新观点、研发新答案，完成项目化教学的开发、实施、总结、创新。