浅谈案例教学在中职《CSS样式布局》教学中的运用

摘 要：“CSS样式布局”是一门实践性很强的课程，面对基础较差，积极性低的中职生，在教学中采用案例教学法能提升教学效果，本文就如何在网页制作中运用案例教学法进行了探索与分析。

关键词：案例教学；CSS样式布局；教学运用

中图分类号：G71 文献标识码：A 文章编号：1673-9132（2016）29-0103-02

DOI：10.16657/ki.issn1673-9132.2016.29.063

《CSS样式布局》是网页制作的基础入门课程，制作网页基本上均采用CSS样式布局，但由于中职生基础薄弱、学习能力参差不齐等原因，在传统的教学模式中，学生仅仅停留在获得那些固定的原理、规则的层面上，教学收获不大。

案例教学法是一种通过分析各种案例来开展教学活动的教学方法，在教师的精心策划和指导下，运用典型案例将学生带入特定教学情境，精心设计各种案例，努力实现教学理念、教学模式等的根本变革，从而带动教学效益和学生实践能力的全面提高。

一、案例教学的好处

（一）学生真正成为课堂主人

将知识点、经验、技巧等诸多因素融入案例教学，可以使学生在教学中获取较大的自。例如，在讲授项目列表时，学生原先在word中学过相应知识，所以，对此并不怎么感兴趣，但采用菜单案例引入时，他们表现出了前所未有的积极性，有的学生主动借助网络去查找方法，使课堂焕发了生机。

（二）提升教师的业务水平

“CSS样式布局”是一门实践性很强的课程，面对基础较差，积极性低的中职生，在教学中必须选择适宜的案例进行教学。这就要求教师不仅要有娴熟的学科知识，还要“懂”学生。例如，介绍CSS盒子模型时，采用班级照片墙的案例来讲授，让每位学生都出现在案例中，课堂气氛顿时活跃起来，原本枯燥的教学内容变得生动，学生自然乐意学。

（三）增进师生交流

学生历来有 “畏师性”，中职生因本身学习成绩不理想、自信心不足，很少主动和教师交流，而教学相长需要建立在师生充分互信和交流的基础上，但中心话题还是要回归到教学内容上。例如，抓住男同学喜欢玩网游的特点，选择一些游戏网页作为案例教学内容；女同学喜欢狂淘宝店，选择一些作为精美布局的网店作为案例教学内容，投其所好，学生学习兴趣自然浓了，授与学也在和谐的氛围中循序渐进地升华。

（四）学以致用

随着计算机网络的普及，网页布局技术的发展十分迅速，教材的滞后性就暴露出来。采用案例教学后，能很好地对这些知识内容进行延伸拓展，针对教材的不足，教师可以选择一些实用性较强、紧跟当前主流的设计理念的典型教学案例展开教学。例如，时下比较流行的CSS滑动门技术，先进之处即背景图像的可层叠性，并允许它们在彼此之上进行滑动，以创造一些特殊的效果。课上，教师重点讨论剖析了“滑动门”技术，既让学生开拓了眼界，又得到了充分煅练，逐步帮助学生形成自己的知识体系，以便将来更好地适应工作岗位。

（五）缩短了教学情境与实际生活的差距

让被培训者学会像某一特定的专业人员一样思考，即让学生像一个真正的网页设计师那样去思考问题、分析问题、解决问题，这往往是传统的课程中所不能涵盖的，要把一些真实的问题展现在学生面前，要求他们像一个成熟的、老练的网页设计师那样去做出反应，也就给他们提供了像网页设计师一样去思维的实践机会，增强了他们处理实际问题的本领。同样，由于案例来自于知识的延续，是发生在学生实际生活身边的事情，他们就会设想可能遇到的种种障碍，解决问题的多种可能方案，这样一旦他们走上工作岗位，就可以把这些真才实学应用其中。

二、怎样进行案例教学案例

在案例教学中，教师首先要做的不是匆匆忙忙地去选择若干案例，而是要确定掌握基本原理，然后再选择出能够说明这些原理、理论的案例来，可以充分借助网络、各大出版社官网资料库或借鉴他人分享的经验。

（一）准备阶段

教师课前的准备始于课程设计，在课程设计中选择并确定案例，在完成课程设计后，教师就要着手做教学前的其他准备工作了，其中主要是教学过程的安排。

1.仔细地通读教材，吃透教材，分析所选案例中运用的主要知识点，利用各种资源，找出最具代表性的案例。

2.课前教师要根据案例和教材内容，把握本课的教学重难点，让学生根据案例问题去探索和思考课本知识，学会运用课本上的理论知识去解决问题；或让学生在生动的教学情境中去发现问题、提出问题，并寻找相应的解决方法。

3.考虑案例的延续性，如何帮助学生从此案例中找出解决下一个案例（实际问题）。教师要考虑知识的完整性，一门学科不能以一个个首尾不能衔接的分散案例代替，案例高于教材，但必须源于教材，一般采用书本各章各节的重难点作为案例的重难。

4.创造特定教学情境，考虑到教学交互、学生能力培养，教师要兼顾到不同层次的学生，设计不同目标。问题的设置要切合学生的认知发展水平和思维习惯，设置问题要循序渐进，由简单到复杂，从课本走向课外，由案例到教材内容，难度适宜，有典型性。

（二）实施阶段

1.案例的选择。教师可以适当借助优秀的案例来展开教学。例如，介绍CSS样式规则时，教材配套光盘中的案例就非常详细，此时就可以用它来进行教学，对介绍不详细的部分进行适当补充。如光盘中的背景图片的处理就过于简单，在教学中笔者替换成“一张背景的导航栏”案例，从背景图片的位置、重复等出发，对教材内容进行了必要的补充又很好地结合了当前主流技术。

2.案例的拓展。进行案例拓展，就是创设新的教学情境，提出问题，让学生去思考并解决问题，它是对案例教学效果的最好检验。例如，介绍了“1-2-1”的网页布局案例后，学生能解决“1-3-1”的网页布局，那证明他们的确掌握了。

（三）总结阶段

教育家苏霍姆休斯基说：“一堂好课并不是教师一字不差地把事先制订好的课时计划搬到课堂上来。一堂成功的课事先也只能由教师在心中粗略地勾画出它的轮廓，而它的诞生只能是在课堂上。”因此，一个好教师应当把握课堂教学的发展逻辑，洞察学生脑力劳动的细微变化，从而能够对计划作适当变动。”

1.课内总结。知识点、书本的回归，让学生回归到知识体系中。例如，介绍DIV布局时，学生仅仅掌握几个固定模式的案例是远远不够的，必须要了解布局的实质，所以在案例教学中要针对出现的不足，在案例教学基础上采用多样的教学模式，扩充学生的认知体系，使他们能够真正获取知识、掌握知识、运用知识。

2.课外总结。针对教学过程中所发现的问题，教师需要进行总结，以避免问题进一步被继承到新的案例中。而案例库的积累也十分必要，大容量案例库的存在将使教学本身更趋近于实际。总结案例教学的得失，不断积累经验也是提高案例教学水平重要途径之一。

笔者对案例教学仍处在摸索阶段，但只要学生有进步，教师就应当做更多的努力，帮助他们。教学模式并不是唯一的，而好坏的评判标准只一个：最有效的就是最好的！