《网页设计与制作》课程案例式教学研究

陈志忠

摘 要：《网页设计与制作》课程是计算机科学与技术专业的基础课，要求学生应学会HTML语言文档的使用，并具备Dreamweaver CS6软件、AP Div、CSS技术等的综合运用能力。为了达到高效性课程教学效果，应注重在课程教学内容导入时，采取案例式教学方法。案例式教学方法与传统“灌输式”教学方法相比，不仅能够增强学生实践应用能力，也可更好的突出学生课堂主体地位。本文，先分析了案例式教学概念，再阐述了案例式教学策略相关问题。

关键词：《网页设计与制作》 案例式教学 策略

中图分类号：G712 文献标识码：A 文章编号：1003-9082（2018）01-0-01

前言

在互联网应用技术迅猛发展背景下，逐渐呈现出了网页设计技能人才短缺的问题。此时，为了培养一批高素质网页设计技能人才，应尝试引入新型案例教学法。案例教学法，是以案例为基础的教学方式。因案例形式客观生动且多样、典型，可更好的带动学生学习积极性，让学生有效掌握表单使用、网站创建、流体网络布局、模板使用等专业知识，成为网页设计专业人才。以下就是对《网页设计与制作》课程教学难点的详细阐述。

一、案例式教学概念

案例式教学，是指以案例为基础的教学方法，它起源于1920年，由美国哈佛商学院提出，当时案例的选择都倾向于以商业管理真实事件为主。这种教学方式，不仅实现了对学生课堂讨论行为的培养，也让学生学习成效有所提高。

现阶段案例式教学法的特点有三方面：

第一点，鼓励学生独立思考，让学生自己去分析、去创造，并学会与他人一起讨论某一方案，发表自身见解。最终，取长补短，共同完成学习任务。

第二点，引导学生将知识转换成能力，尝试运用所学内容解决实际问题。

第三点，重视双向沟通，且不再局限于原有“老师讲，学生听”的教学状态，倾向于激励学生主动理解知识，内化知识[1]。

若把案例式教学法导入到《网页设计与制作》课堂上，不仅能够让学生在实践活动中养成良好的实践应用能力，内化课程中Flash动画、Dreamweaver、图片制作等多种知识，也可使得学生成为课堂的主体，能够独立思考案例中的问题，并发表自己的见解，最终形成一个“教”与“学”相对平衡的课堂氛围。

二、《网页设计与制作》课程案例式教学策略

1.网页设计案例选取

在案例式教学法具体应用时，应做好网页设计案例选取工作。首先，在《网页设计与制作》案例选取时，要做到“精”。即确保每一个案例中都含有若干个知识点，且可解决若干个问题。这样，便可有效发挥案例的主导作用。其次，在案例选取时，要注意保证网页整体性、综合性，而案例数量一般在1-3个。再次，在《网页设计与制作》案例选取时，一定要做到“新”，且确保案例的选取要有一定的应用价值。但是，在追求“新”的基础上，不能脱离课程知识点。一旦发生盲目追“新”问题，将削弱案例吸引力和教学效果。除此之外，在《网页设计与制作》案例选取时，必须能够保证案例的选择可以教会学生学会网站开发、网页设计等基础知识，并可指导学生完成网页设计与制作的实践。

2.实施案例教学方法

在《网页设计与制作》课程案例式教学法导入期间，也应严格把控整个案例实施过程。例如，某教师在理论性知识教学期间，便采取了案例式教学法，且与学生展开了双向沟通。

师：同学们，你们有上过学校的网站吗？

生：有。

于是，教师开始带领学生欣赏学校的网站，引导学生分析网站首页。

师：通过对本学校网站的欣赏，你们认为网页都包含哪些元素呢？

生1：图片、文字、视频。

生2：导航栏、超级链接、滚动文字、友情链接。

师：那这些内容是如何组织在一起的呢？

生：采用布局方法。比如层布局、DIV+CSS、表格布局等等。

待理论知识复习完毕后，教师将学生分为了3-5人小组，要求学生以小组为单位，实践操作网页版面首页的规划设计，并在首页版面设计讨论过程中，先确定网站的整体风格。包括主色调、文字、背景、导航、模块等等[2]。然后，鼓励小组成员，上网搜集网站首页CSS定义文字、图片背景色等元素，并与成员间共同探讨网页中图片、文字、视频的添加方法和导航栏、友情链接的设置问题。最后，运行测试，检验实践操作效果。

等到学生实践操作完毕后，教师针对这一堂课的内容进行了总结，说明了学校网站首页案例的设计必须经过整体规划、整体风格确定、资料收集、设计制作网页、运行测试几个重要步骤，巩固了学生对知识的理解。

从以上的分析中即可看出，把控案例式教学法实施过程是非常必要的。同时，教师必须适当提出一些问题，引导学生围绕某个知识点展开实践操作。

3.科学评价案例任务

在《网页设计与制作》案例式教学活动具体开展时，强调对案例任务进行科学评价是非常必要的。首先，在评价方法选择时，应尽量选取学习评论和定性评价相结合或者教师评价和学生评价相结合的方式。如此，不仅能够增加师生互动机会，也可让教师及时了解到学生对案例中内容的理解程度，对学生加以指导。其次，在评价标准制定时，应注重从多角度出发，将网站构思、网站主题选取、链接方式、色彩搭配、背景设计、颜色组合等等，作为主要评价内容，最终以相对科学的评价方式，判定学生案例任务完成情况[3]。除此之外，在案例任务评价期间，也应综合同学打分、教師打分、自我打分综合评定分数，客观反映学生案例学习情况，让学生积极反思案例学习中存在的问题，逐渐养成良好的网页设计、制作能力。

结论

综上可知，传统“灌输式”教学方法始终停留在教师教学生，学生学什么的阶段，不利于学生实践应用能力的培养。在这一背景下，应注重从网页设计案例选取、实施案例教学方法、科学评价案例任务三个方面入手，将案例式教学导入到《网页设计与制作》课堂上，让学生在案例驱动下，内化学习内容，达到高效性知识学习状态，并尝试反馈自己对案例教学的认知，积极、踊跃的参与相关内容的学习，达到最佳的网页设计与制作实践学习状态。

参考文献

[1]陈洁.案例教学法在网页设计教学中的应用研究[J].佳木斯职业学院学报，2017，14（07）：429-430.

[2]郭莹洁.基于“以赛带练”的《网页设计》课程改革研究[J].集宁师范学院学报，2015，37（04）：96-100.

[3]程琳，张晶晶，范严等.基于“案例教学，竞赛驱动”的《网页网站技术》课程教学改革探究[J].电脑知识与技术，2015，11（27）：84-85.