信息化项目教学法在网页设计与制作实训课程中的应用

　　当今社会，网页已经深入到生活的各个行业。每天上网浏览网页、获取信息已经成为人们工作生活中的日常行为，对于企业来说，利用网站进行品牌宣传、利用网店销售商品也已经成为企业的工作常态和新的途径。对于高职院校电子商务专业的学生来说，设计和开发企业网站，对网店进行装修和美化是他们以后工作一部分，因此他们需要学习并快速掌握网页设计与制作技术。

　　1、传统教学方法问题分析

　　作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。

　　它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1]，重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心，以教师为中心，围绕着教材进行授课，这样往往忽视了学生的积极性、主动性，无法培养学生制作网页时所需的创造性和理解能力。通过分析，我们发现采用这种传统教学方法存在以下问题：

　　首先，高职类电子商务专业学生学习主动性不足，技术基础薄弱，同时缺少网页设计与制作所需要的抽象思维能力，这种传统教学方法会造成学生学习兴趣不高，学习效果较差，往往经过一个学期甚至更长的时间学习后还难以学会这项技术。

　　其次，在这种教学模式下，技能学习的过程与真实的网页设计开发项目流程差别较大，学生在较短时间里可能掌握部分软件操作技能，但无法从整体上快速把握网页设计与制作全过程。

　　同时，在教学过程中我也深刻的感受到电子商务专业的学生又对网页设计技术的学习充满期待和向往。因此，在这门课程中探索新的教学方法，帮助他们迅速掌握网页设计与制作技术，就变得非常必要和迫切。

　　2. 信息化项目式教学模式的设计

　　项目教学法是一种基于建构主义的、教师指导下的以学生自主探索为基础的教学方法，它源自于美国实用主义哲学家和教育家杜威，并由其学生不断丰富和发展。这种教学法是以一个完整的项目为实践教学对象，将知识点围绕着教师所下达的项目要求，在教师指引下，以个人或小组工作方式，完成相关项目模块，并最终将一个个项目模块“组装”成一个完整的项目[3]，并在项目实施过程中完成相应的教学任务，从而在教学过程中提升学生的知识、能力和素质水平。

　　为了解决传统教学方法在技能类课程中存在的问题，提高学生的学习兴趣和教学效果，在网页设计与制作课程中我们引入了项目式教学方法，同时在项目式教学过程中创造性的使用了我们自主研发的具有人机交互特性的实训教学软件，该实训教学软件按照真实网页开发流程，配合课程所用教材和教学进度，应用到课程实训教学中。信息化手段的应用受到学生的一致好评和积极响应，极大地提升了课程的教学效果。

　　信息化项目式教学设计的思路是按照企业网页设计与制作的基本流程和工作步骤，将网页设计与制作的整个业务流程划分成多个连续的子项目，并用信息化手段将每个子项目进行固化。学生在进行课程实训时，运用实训软件逐步完成任务，根据教学任务安排，就可以掌握网页设计与制作技术和操作方法和设计思路。信息化手段的引入完整展现商务网页设计与制作的基本原理及实现方法，使学生能够在总体上快速明确网页制作的过程步骤和基本方法。

　　3. 信息化项目式教学法在课程中的实施与应用

　　在课程实训教学中，通过合理设置教学任务、实施过程控制以及教学反馈三个教学环节依次展开，最大程度上帮助学生掌握网页设计与制作的基础知识，提高他们的技能操作水平，培养其自主学习、勤于思考、勇于克服困难的职业素养。

　　3.1 合理设置学习情景与教学任务，明确学习目标和重难点

　　在每次实训课程开始前，教师会结合实训教学软件，布置本次实训课程的实训项目，并

　　对该项目的实训目标、实训背景、实训环境和实训任务进行详细的说明和分析。通过任务布置和说明，教师合理设置了学习情景，安排了相应的教学任务，明确了此次实训课程学习的重点和难点，并要求学生在规定的时间内完成相应的学习任务。

　　如课程的第五章DIV+CSS网页布局这个子项目，要求学生在两个课时的实训课上使用实训教学软件，利用DIV+CSS网页布局技术，完成长沙市碧雅园花卉苗木基地公司网站首页的布局设计。

　　3.2实施项目式教学过程控制，保障教学质量

　　在项目式教学过程中，信息化教学手段的应用完美地解决了一般项目教学过程难以监控的问题。在学生运用实训教学软件练习的过程中，学生按照实训教学软件固化的业务流程，在规定的时间内逐步完成各个实训任务，同时教师在此过程中答疑解惑，从而实现了良好的过程控制。

　　以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务，如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务，才能完成本次实训课程布置的所有任务。教师通过观察学生实训软件的操作情况，就可以快速了解学生实训进度，对实训过程实现良好的监督和控制。

　　3.3实施教学反馈，量化实训效果

　　为了衡量项目式教学效果，量化学生实训质量，实训教学软件设置了多样化的任务和问题，学生在回答问题并完成某些任务后，系统会根据学生操作选项自动给予打分，判断学生是否完成了该实训任务。如果系统评分显示失败，则需要学生重新去完成任务，才能进入下一个实训步骤。通过这种评价量化机制，可以评价学生的实训效果。教师根据学生评价得分，可以进一步完善教学活动。 　　4. 信息化项目式教学方法的成效特色

　　通过比较项目式教学法应用前后的效果，可以发现，在网页设计与制作课程实训教学中应用信息化项目式教学方法后，学生的学习兴趣大幅提高，学习效果也得到显著改善，新的教学方法的应用具备以下几大特色：

　　4.1化繁为简，提高学习兴趣

　　实训教学软件根据真实的网页设计与制作流程，将复杂的网页设计与制作过程细分为几个子项目，每个子项目又细化为多个简单的步骤，将复杂的网页制作过程简化处理。同时为了提高学生的学习兴趣，针对实际的教学应用需要，实训软件设置了拖拽选择、填空、排序等许多形式多样的问题以及个性化的人机交互方式。在学生实训练习过程变得像打游戏一样需要步步过关，才能进行下一步任务，这样的情景模拟极大地提高了学生的学习兴趣。

　　4.2仿真模拟，化难为易

　　为了方便学生学习掌握网页设计与开发所必需的Dreamweaver软件的使用，我们在实训软件中运用仿真模拟的方法将Dreamweaver软件嵌入其中，学生在实训过程中，可以直接在实训教学软件中使用Dreamweaver软件进行操作，避免了另外打开软件的麻烦。

　　4.3项目式教学过程可控制，实训结果可量化

　　在信息化项目式教学方法和手段应用以后，学生实训过程完全可控，实训结果轻松量化，从根本上保障了实训教学的质量和效果。

　　4.4信息化实训教学软件的使用，提升了学生自主学习能力

　　在信息化实训软件应用到课程实训教学后，学生不仅可以在实训课堂上使用，还可以在课后进行反复练习，为学生的实训学习提供了极大的便利。同时，探索式的学习方法，趣味性的问答设置等多种特色，也极大的提高了学生的主动性和积极性，锻炼了学生的自主学习能力。

　　5. 总结

　　本文通过分析传统教学方法在网页设计与制作课程中存在的问题，探索了项目式教学方法的应用，并将信息化的实训教学软件融入到项目教学过程中。在这种方法应用以后，我们发现学生对这门技术类课程的学习兴趣和积极性显著增强。同时，通过分析课程结束后学生上交制作的网站作品可以看出，学生的网页设计制作技术水平明显提高。因此，在高职院校的《网页设计与制作》课程中，引入信息化教学手段，完善项目式教学方法，取得了明显的效果，可以进一步推广应用。

本文链接：http://www.qk112.com/lwfw/jiaoyulunwen/xueqianjiaoyu/226121.html