案例教学法在 《网页设计》 课程中的应用

徐立波

摘 要： 《網页设计》是多数高校面向计算机及其他相关专业开设的一门课程，课程需要讲授的内容多，实践性强。针对课程特点应用案例教学法，能激发学生的学习兴趣，培养学生的实际动手能力，增强课堂教学效果。

关键词： 案例教学法 《网页设计》 课程应用

《网页设计》是多数高校面向计算机及其他相关专业开设的一门课程，主要讲授网站的基本知识、网页开发语言、开发工具和美化工具等内容。通过本课程学习，培养学生的网页设计能力和计算机应用能力，解决网站和网页设计中的一些常见问题。由于《网页设计》实践性强，采用传统知识点讲授法教学，学生会认为理论和实践脱节，缺乏学习兴趣，因此，应该把案例教学法引入《网页设计》教学中，提高课堂效率。

一、案例教学法

案例教学法是一种以案例为基础的教学法，即运用社会或身边发生的事例激发学生的学习兴趣，说明道理，给学生的行为以启发的教学模式。在教学过程中，教师如何选择好的案例教学是实施案例教学法的关键。教学案例是真实又典型且含有问题的事件。简单地说，一个教学案例就是一个包含有疑难问题的实际情境的描述，是一个教学实践过程中的故事，描述的是教学过程中“意料之外、情理之中的事”。对于《网页设计》课程来说，好的教学案例应该包括的要素有：

（1）展示的案例页面整体设计美观，功能实用、易用。

（2）页面要有标志性图片。

（3）要有导航栏。

（4）尽可能包含更多的实用知识点。

在案例教学过程中，教师可以更多地从系统分析和设计角度讲解软件的功能分解，让学生在真实的环境中学习软件分析和设计。要通过实际网页制作案例的展示让学生加深对教学案例的理解，逐渐掌握相关知识点，并学会如何应用到实际项目中。

二、《网页设计》案例教学应用示例

1.教学案例效果

在应用案例教学法之初，教师向学生演示“蝶与花”网页的实际效果。这个网页中包含图片、文字、表单和控件等元素，由于布局合理，颜色搭配合理，这个网页的制作很容易激发学生的学习兴趣，增强学生的学习动力，产生赶快学习并亲手制作的冲动，有利于《网页设计》课程教学工作开展。图1是“蝶与花”网页的实际效果。

2.案例分析

通过分析“蝶与花”网页的特征，归纳制作“蝶与花”网页要用到的素材、文件和相关知识点等。

“蝶与花”网页要用到的素材和文件包括：七个JPEG图像文件和一个文本文件。

“蝶与花”网页要用到的知识点包括：

（1）表格的插入及属性设置；

（2）单元格的拆分、合并及属性设置；

（3）图片的插入及属性设置；

（4）图像合成及处理；

（5）marquee标记及属性设置；

（6）超链接标记及属性设置；

（7）表单的插入及属性设置；

（8）控件的插入及属性设置；

（9）行为的添加及修改；

（10）网点的建立与管理。

接下来教师实际演示“蝶与花”网页实际制作过程，教师通过Dreamweaver软件在真实计算机情境讲中解网站的建立与管理，相关网页标记的插入及属性设置等，这样学生就在真实的教学案例中体会到网页制作过程及相关知识点的应用，既学习理论知识又掌握操作技能。

三、结语

由于《网页设计》实践性强，在教学过程中引入案例教学法更能激发学生的学习兴趣，提高教学效率。通过合理选择《网页设计》教学案例，分析《网页设计》涉及的素材、文件和相关知识点，在实际情境中演示教学案例的制作过程，学生动手能力明显增强。今后要加强案例教学法与其他教学法的融合，这样才能切实提高《网页设计》教学质量，培养出高素质的网页设计人才。

参考文献：

[1]毛群.案例教学法在OFFICE教学中的探索[J].齐齐哈尔师范高等专科学校学报，2010，2（114）：119-120.

[2]http：//baike.baidu.com/link？url=Y79IWpdCsx VTAFJGEQ XxAToNFDYGfjTf7R9acDDA4UH-U_03RXsfEspiz1Ny2v LDlm 5b0zITUtT6ZE7H85vy0q.

[3]黄婷.《网页设计与制作》教学方法探讨[J].开封教育学院学报，2014，34（10）：59-60.