初探《网页设计与开发》案例教学法

开篇：润墨网以专业的文秘视角，为您筛选了一篇初探《网页设计与开发》案例教学法范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：为了更好的进行《网页设计与开发》课程教学，本文根据该课程的特点，结合自身的教学经验和切身体会，对如何在课程中进行案例教学法进行探讨。

关键字：网页设计 开发 案例教学法

近年来，随着IT行业的迅速发展，特别是电子商务网站的发展与成熟，《网页设计与开发》课程已经成为了计算机、电子商务等专业的必修课程之一。网站的发展带来了专业人才的需求空间，也相应的提高了学生对课程教学的要求。通过案例教学法，让所教学生更加了解网页设计的内容，同时适应企业对人才的要求。

一、案例教学法概论

案例教学始于哈佛商学院，从十九世纪末开始至今，在法学、管理学等学科领域应用广泛[1]。案例教学比较传统型教学更加具有开放性和双向性，能在一定程度上提高学生的思维能力和创新能力。从某种意义上说，案例教学法的主体不仅仅是教师，它更加注重教与学的结合，同时具有启迪性，通过分析让学生举一反三灵活应用，从而让学生学习到与未来职业接近的工作方式和解决问题的实际能力。由于案例教学法中采用的教学案例来自于工作中所遇到的实际问题，也能提高学生的学习兴趣和职业能力。

二、采用案例教学法的原则

（一）符合课程特点的原则

网页设计与开发是一门实践性很强的课程，通过学习这门课程能够培养学生解决实际工作问题的能力。案例的选择必须是与现实工作相关的内容，让学生能够充分了解工作的实质和学习解决实际问题的方法。

（二）符合学生特点的原则

对于学生应采用因材施教的原则，在学习案例的同时，要不断的启迪学生，让学生能够将所学的只是融会贯通。

（三）符合课程体系特点的原则

《网页设计与开发》是一门结合多种软件制作工具的课程，其中包括：Dreamweaver、Flash、Fireworks、Photoshop等，加上HTML技术以及有关的数据库，可见学生要掌握和了解的知识点相当多，容易造成知识之间的干扰，不利于吸收知识，因此应该以Dreamweaver为主线，结合相关案例让学生能够将所学的各项内容有机的结合起来。

三、案例教学法的具体应用

（一）课程引导阶段

此阶段主要在于培养学生的兴趣，激发学生的好奇心。通过演示一些经典的网页案例来启发学生的积极性，例如新浪网、淘宝网、百度等一些优秀的具有不同功能的网站让学生进行观看。在演示的同时，让学生思考例如商业网站和个人网站的不同与特点，综合性网站和商业网站的不同于特点等等。同时讲解站点的设计理念、标志的设计、色彩的应用、信息的组合、超链接的层次等等。在这个阶段需要对网页设计的知识点讲解透彻，让学生对于如何制作网页与网站有清晰的条理，为学生制作网页打下好的基础。

（二）学习制作阶段

例如在进行Dreamweaver教学时，可以讲教学内容与实际案例相结合，在讲到表格时，可以举表格布局网页的例子，在说到层时可以通过弹出菜单的例子来进行分析讲解；在说到“行为”时，可以掩饰单机播放辅导能够广告漂浮栏的实例。在进行Photoshop教学时，可以将各大网站的LOGO截图给学生进行观看，让学生了解网站LOGO的制作对网站的重要性，再引入PS教学。在进行Flash教学时，可以下载网上大量的素材，在制作蝴蝶花丛飞的动画时，先播放一段蝴蝶翩翩起舞的影片，制作猎豹奔跑的动画，可以让学生在网上分别寻找猎豹和森林的背景图片，通过素材的收集和应用，不仅可以提高学生的审美能力、想象力和兴趣，还可以制作出更加生动的动画作品。

（三）综合项目合作阶段

通过一段时间的基本技能的学生后，让学生分组完成网站的制作。要求学生在课余时间去学校附近联系自己的客户，客户可以是物流公司、小商铺、学校、企业等，为客户制作一个小型的宣传网站。通过这种方式一方面可以为我们搭建一个学习的平台，使学生在学习的过程中也能体会到制作网站的整个流程；同时也可以培养学生在网站制作过程中能及时与客户进行交流沟通的能力，为以后从事这方面的工作打基础。

四、结束语

实践证明，通过在《网页设计与开发》课程中采用案例教学法，同时利用好实践教学环节，可以有效的将理论教学与能力应用相结合，通过自己分析、制作、合作大多数学生都可以自己或者与团队一起完成完整的网页作品。不同的环节采用的不同案例，让学生能够学会主动研究问题、分析问题、解决问题。俗话说“授人与鱼不如授人与渔”。学生本身也很愿意接受这种教学方式，且在课后也能够积极主动的完成教学任务。希望通过更多的实践与探讨，给计算机教学带来新的启示。

参考文献：

[1] 林丽，案例教学法的应用与构建[J].商场现代化，2005（3）：207-208.

[2] 印玺，网页设计课程采用案例教学模式的探讨[J].中国科教创新导刊，2008（14），116-117.