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

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

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

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.总结

本文通过分析传统教学办法在网页设计与制作课程中存在的问题，探索了工程式教学办法的应用，并将信息化的实训