《网页设计与制作》单元教学设计案例

摘要：本文对网页设计与制作课程中的第十三章内容进行了单元教学设计。本次学习活动的内容是技能性的知识，在教学中选择基于项目的学习内容呈现方式，全体学生以小组合作的方式进行探究型的学习。分别从教学目标，学习内容分析，教学策略的选择，资源的选取，教学过程的设计，并对学生的学习成果和过程进行评价。最后对教学进行了反思总结。这样的教学能够让学生亲身参与网站项目的开发，更好的理解网站的开发流程。

关键词：网页设计与制作，教学设计

【中图分类号】G642

一、教学目标

完成“心理健康教育网站”的设计与制作，并在网上。在完成上述任务的过程中，学生要学会：

1）掌握网站开发流程

2）学会网页的设计和制作

3）能够正确认识心理健康教育以及相关概念，了解心理教育知识

4）通过开发网站的学习，培养学生创新能力。

5）通过分组合作学习，培养学生的自主学习能力，团结协作能力，问题解决的能力，提高学生的信息检索能力。

二、学习内容分析

以下是本次学习活动的教学内容知识结构图，也是本课程的重点。它是对网页设计全过程的总结，也是最终的教学目标。

三、教学过程设计

1.项目名称：“心理健康教育网站”的设计与开发

2.项目负责人：学习委员张红梅

3.项目的提出：

大家阅读过学校的心理健康报吗？看过几期呢？你们只能看到这学期出版的心理健康报。咱们想一个办法让学生可以随时阅读任意一期的心理健康报。就是设计一个心理健康教育网站。通过这个网站，大家不仅能够查阅校报，还可以学到心理健康教育的知识，全校的师生可以给校辅导员留言。

4.教学活动过程

从学生设计网站的过程中反映出学生已经掌握了网站开发的流程，但是网页设计的基础知识中有一部分掌握的不太好。如：站点的建立，模板的使用，CSS样式表的定义等。在今后的教学中要加强这些知识的学习。

在网站设计过程中遇到了很多问题，师生共同讨论解决。仍然有些没有解决的难题，需要进一步的解决：

（1）在模板的可编辑区域添加内容后，模板的不可编辑区域布局增加，使得表格中的内容和表格间距增大，重新修改模板也不能调整表格间距。

（2）使用了模板的网页中不能添加SPRY构件。

（3）如何解决层起始位置发生移动问题

五、总结

基于项目的学习内容呈现方式很适合网页设计课程的教学要求。充分发挥了学生的主观能动性。学生由被动转为主动，提高了学习积极性。只是学生刚刚接触项目教学法，在制定项目计划时考虑不全面，不明确，造成后期的探究活动目标不明确，容易造成学习混乱。今后在教学中要加强练习项目教学的流程。

参考文献

[1]李龙.教学设计[M].北京：高等教育出版社，2010：415

[2]常建秋 .Dreamweaver商业网站综合案例[M].北京：电子工业出版社，2012：433

[3] 缪亮，王晓鹏.Dreamweavercs5中文版基础与实例教程[M] .电子工业出版社