网页设计教学教案精选(十四篇)

序言：作为思想的载体和知识的探索者，写作是一种独特的艺术，我们为您准备了不同风格的14篇网页设计教学教案，期待它们能激发您的灵感。

篇1

关键词:案例教学;项目驱动模式;网页设计;应用

中图分类号:TP3文献标识码:A文章编号:1009-3044(2010)05-1261-02

Case Study + Project Progressive Model in Homepage Design the Use of Teaching

YOU Qi

(Guang Dong Institute of Science and Technology, Zhuhai 519090, China)

Abstract: Teaching in the web page design, the use of case teaching + project-driven models to project-driven teaching and learning activities as the main line to case teaching task learning goals, you can give full play to the enthusiasm of students to the principal and teachers to learn the leading role of good teaching results to enhance students comprehensive skills and employability.

Key Words: Case study; Project Progressive model; Web Design; Application

网页设计作为一门综合性、实践性、应用性极强的课程,在教学的方法上应有别于一般的基础理论课程。在教学中不仅要求学生掌握专业理论知识,更要求学生具有运用专业知识分析企业实际情况、解决实际问题的能力。因此,提升学生学习的主动性,通过对教学内容及实验内容的合理安排对学生进行正确引导并提高学生实际动手能力是其中的关键。

1 案例教学+项目驱动模式

案例教学法的基本方法是:根据教学目的和培养目标的要求,在教学过程中不是先进行理论知识或知识点的灌输,而是从实际的例子人手,把学生带入特定的事件情景中进行分析问题和解决问题,适当讲解理论知识或相应的知识点,从而培养学生运用理论知识,并形成技能技巧的一种教学方法。特点是从案例到理论或者知识点,从感性到理性。项目驱动教学法是:在教学过程师生通过共同实施一个完整的项目工作来展开的,教师组织学生参与项目设计、项目执行和管理的全过程.整个学习过程成为一个人人参与的创造实践活动。把相关的知识点融入到项目的各个环节中去,层层推进项目。通过对问题的深化或功能的扩充,来拓宽知识的广度和深度,直至得到一个完整的项目解决方法,从而达到学习知识、培养能力的目的。

这两种教学方法是紧密联系的,案例教学法是按照知识点把课程独立划分成一个个典型案例,引导学生对知识点的掌握;而项目驱动教学法则把一个项目划分成若干个具体案例,每个案例都与这个项目有着密切的关联,然后把相关的知识点融入到这些案例中去。单独使用案例教学法,学生所掌握的知识点是零散的、不系统的,教师对案例的选取不具体、不切题,而借助项目驱动教学法则可以把相关的知识点系统地联起来。单独使用项目教学法,可能会遗漏一些重要的知识点,这时必须借助于案例教学法来补充项目中涉及不到的知识点。

2 案例教学+项目驱动模式注意事项

2.1 案例设置原则

案例设置主要考虑如下几个方面:1)案例应具有针对性,这样做容易突出授课目标,不易偏离授课内容;2)案例应具有代表性,学生能够从该案例得到启发,进行拓展性思考;3)案例应前后相互联系,相互渗透,后续阶段的案例尽可能涵盖前面的内容,以加深和巩固所学知识;4)案例应具有真实性,从实际出发,根据学生的特点,尽可能设计一些学生感兴趣的、贴近生活工作的案例。通过生动有趣的案例教学激发学生的学习兴趣,加强学生的动手能力和创新能力的培养。如:大学校园生活、班级主页、宿舍集中营、个人博客等;5)案例应循序渐进,从易到难的递进方式设计,一方面是有利于调动学生的积极性;另一方面是便于学生对项目分解的理解,从而掌握整个项目的核心思想和构建步骤。

2.2 项目的设置原则

项目的设置应遵循如下原则:1)内容适度:项目内容应基本涵盖网页设计课程的绝大部分知识点,要考虑市场对该学科有实际需要,并且是学生感兴趣的和熟悉的。由于就业的需求和压力,必将产生解决问题、参与项目活动的欲望,这种内在的动力是保证项目活动顺利展开前提,同时这种项目完成后也能给学生带来成就感,树立学生的学习信心。2)选择的项目应有一定的综合性:教师要考虑项目的大小、知识点的含量、前后联系及其它学科知识在项目的作用等多方面的因素,制定活动计划时要注意分散重点、难点,分层推进,让项目活动的实施成为逐步掌握知识、技能的积累过程要确保大部分的学生能够通过自己的努力、通过与同学的协作和教师的指导完成项目。3)项目完成应能看到具体的效果,学生经摸索完成后有成就感,使他们真正掌握网站设计的基本方法。

2.3 注重案例与项目驱动的关联性

可以有目的地选取合适的案例与项目,让学生掌握相关知识点,同时使学生明白案例教学与项目驱动之间的关系。例如:在设计大学校园生活项目时,将欣赏校园风光、学校\学院运动会、校园球赛等案例放置其中,这样在介绍相关知识点时学生较容易接受。

3 实施“案例教学+项目驱动”教学模式效果

3.1 有利于理论与实践相结合

打破了以往有条不紊地组织教学的模式,注重知识运用环节和实践能力培养环节的训练,使理论与实践有机结合起来。

3.2 充分调动了“教”与“学”的积极性

教师和学生两者平等地参与教学活动,充分地调动了“教”与“学”的积极性。教师可以就案例与项目阐明自己的观点,学生也可以就案例与项目发表自己的意见,在具体项目和相关案例的带动下,让学生通过自己的操作来学习“死”的理论,加强了理论与实践的联系,让学生明白学的这个知识点可以解决什么具体问题,起什么作用,最终提高了学生的分析能力、创新能力和实践动手能力,从而达到工学结合的教学效果。

3.3 提高对教师和学生的素质要求

该模式对教师的要求:实施该教学模式要求教师不仅具有渊博的理论知识,还要具有丰富的教学与实践经验,能够将理论知识与实践结合起来,能够根据新的教学大纲或者市场需要不断地更新教学内容、补充教案,编写切实可行的教学案例与项目。

实施该教学法对学生的要求:学生是教学主体,那么学生素质水平也就决定了此种教学法的成败要解决这一问题首先教师要注重教学中的循序渐进,先从简单的案例和项目开始,教师和学生一起分析案例与项目,并进一步训练他们学会如何分析问题,经过反复训练,学生的能力逐步提高,再增加难度。学生应做好课前的准备工作,提前预习相关内容,上课中应积极参与讨论,课后认真做好总结,独立完成后期实训作业。

4 结束语

在实行项目驱动、案例教学方式时,要做到灵活掌握对于学生实用的、重点、难点的知识可以采用,对于一些不实用或学生极易掌握的知识也不必生搬硬套。同时也不能以此来排斥和否定其他教学方法。因为我们的最终的目的是要通过最有效的教学方式让学生掌握必要的知识技能,提高他们的就业竞争能力,适应社会对高技能人才的需求。

参考文献:

[1] 卢万有.项目教学法在《网页设计》课程中的运用[J].计算机教育,2007(13).

篇2

关键词：课程教学；案例教学法；案例生活化；教学设计

中图分类号：G434 文献标识码：A 文章编号：16727800（2013）009019002

作者简介：钟钦钦（1983-），女，湖北工业大学硕士研究生，长江工程职业技术学院助教，研究方向为计算机应用与教学；罗俊（1981-），男，硕士，长江工程职业技术学院讲师，研究方向为道路桥梁。

1案例教学法存在的弊端

案例教学法，着眼于学生实际解决问题的能力，采用“做中学”的形式，通过一个实际的个案，掌握并理解所学的知识，同时能够解决类似及相似的问题。案例教学法能缩短教学与实际生活的差距。尽管它有许多的好处，但对于《动态网页设计》这门课程来说，存在着许多弊端。

案例的真实性不利于学生理解。《动态网页设计》课程中所采用的案例都是真真切切的设计个案，例如：聊天室、留言版、广告轮播、内容链接组件的使用等，都是真实的个案。从某个层面来说，学生能够真切地接触到网页设计的实际工作，但通过对学生的调查发现，这些设计内容都是学生第一次接触，整个设计过程基本上都是依葫芦画瓢，学生只会原原本本地按照案例的实现过程去敲写代码，一旦更换内容或变更形式，将无法完成设计任务。

案例操作过程的固化不利于学生掌握。《动态网页设计》课程中所采用案例的操作过程都是固定的，第一步应该如何，第二步应该如何，第三步应该如何……等等，学生按照案例操作过程去实现的时候，所记住的是步骤，而没有理解各步骤所实现内容之间的关联，导致对于所学习知识点的理解层面不高，学生只会以某一固定的方式去实现一个网页功能，不能灵活运用所学知识点。

综上所述，必须在原有的案例上进行加工处理，文中笔者采用的方式是将案例生活化。

2教学案例生活化

从事软件设计教学的教师都会强调，软件的设计源于生活，往往是为了解决生活中的某一问题才会促使设计者们去设计一个软件。教学案例生活化设计是让学生更好地理解并掌握所学知识的一种方法。

那么原有的案例不也是“生活化”吗？例如：在访问网站看小说的时候，会有一个页面，上面会有小说各个章节的链接。诚然，这是生活中访问网页时会出现的一种现象，但有局限性，一是并不是所有的学生都会在网络上看小说；二是即便学生有类似或相同的访问经历，但对于此网页功能实现的过程却是第一次接触。所以，这样的“生活化”不能称为生活化，它是一种表面形式，表面上看来，生活中确有其事，但不是人人都接触并理解的事物。

所以，要学生能够较好地理解知识，最好的方式是做到案例能和现实中人人都接触并理解的事物相联系。通过对学生的调查表明，案例生活化的教学效果要比所有的案例教学效果好得多，学生表示和生活中常见的事物相联系后，能更好地理解所学的知识点。3案例生活化教学设计

本文以内容链接组件教学设计为例说明案例的生活化。

内容链接组件的作用是将多个网页形成一个网页目录导航。

问：“同学们都买过书，看过书，对不对？”

得到回答：“对。”

问：“书都会有目录，对不对？”

得到回答：“对。”

那么这和所讲的内容链接组件有什么关系呢？现在通过表1来比较分析。

在此案例中，加入生活中人人都看过并理解的书的目录，并与内容链接组件实现各项内容相联系。由此可见，要实现内容链接组件的功能就必然少不了内容导航页面、列表文件及组成内容导航页面的多个网页。那么这三者之间的关联如图1所示。

通过这一关联图，能一目了然地知道内容导航页面、列表文件及组成内容导航页面的多个网页这三者之间的过程和关系。

以《宝宝营养餐》为例。

（1）首先需要用以形成链接导航的网页1、网页2、网页3……网页N（好比一本书目录的形成首先需要章节的存在）。

5.asp4-5岁营养食谱

（3）内容链接导航主程序页面（index.asp），在这个主程序页面中，将要用到内容链接组件，首先要实现的便是这个组件的实例化，使用server.createobject方法创建MSWC.Nextlink的实例，并用set关键字赋给NL，于是产生了名为NL的内容链接组件实例对象。一切方法的运用都在此对象进行。

完成go.asp后，最后一步则是将此功能添加到1.asp-5.asp中。此时，“1.asp～5.asp”这5个文件仍然是独立的程序块，使用标记 插入到每一分页文件（1.asp～5.asp）的结尾，即可实现链接。

参考文献：

篇3

1传统计算机网页设计教学中存在的问题

1.1教学方式落后

如今虽然已经完成了教育改革，但依然有许多教师处于传统教学观念的影响下，其在教学中往往排斥使用新型教学方式。高职教学中计算机网页设计是十分重要的课程，且具有很强的专业性和综合性，其该专业具有很好的就业空间，但若学生在就学期间无法很好的掌握该方面知识和技能，势必会使其丧失此优势。我国高职院校数量众多，虽然很多有实力的院校已经基本实现了信息化教学，但依然有很多院校使用传统的教学方式，传统教学方式对于计算机网页设计专业而言并不具优势，且难以使学生在短时间内掌握更多的内容，因此今后应积极改善教学方式[1]。

1.2课程设置不完善

我国教育由于已经形成了固有的形式，即以理论知识为主，实践知识为辅，此种教学理念虽然曾经发挥了很好的作用，但如今社会需要的是全能型人才、创新型人才，此种理念显然与社会要求相悖。而高职院校恰恰与其相反，其所追求的是为学生创造更多就业机会，因此其在教学中往往以实践为主，但是此种方式虽然可以使学生计算机网页设计能力得到提升，但却不利于学生掌握理论知识，难以将理论与实践更好的融合在一起，总而言之，大多数高职院校仍无法实现理论与实践课程课时更好地调节。

1.3教师综合素质及能力有待提升

计算机网页设计专业具有极强的专业性，对于任课教师的要求也很高，然而总所周知我国师资力量匮乏，能够在该专业独当一面的教师也较少，如近年来我国为了解决师资问题，适当的降低了教师准入标准，使得很多大学生有了当老师的契机，但此种方式虽然可以增加教师的数量，但却无法全面提升教师质量，很多新晋教师虽然自身具有较强的专业技能，但并不善于教学，而有效教师虽然能够很快掌握教学技巧，但奈何自身对计算机网页设计的了解不够深入，同样无法很好的开展教学。另外，很多经验丰富的教师其在教学时往往更喜欢自己的教学方式，因此其在教学中很少会引用新型教学方式[2]。

2案例教学在计算机网页设计中的应用

2.1收集整理素材

在进行案例教学的过程中，教师应善于收集和整理相应素材，在收集素材时应充分从学生的角度出发，意识到那些素材能够在当代学生计算机网页设计方面引起其兴趣，但同时也要考虑到素材与计算机网页设计的相关性。因此教师最终选择的素材可以是网页设计相关的视频、文字和图片等，通过视频学生可以更加直观的看到网页设计带来的视觉效果，能够充分引起学生学习的欲望，而适当的文字可以给学生提供揣摩的时间，便于其深入理解[3]。2.2选择教学案例教学案例的选择尤为重要，教师可以选择目前对于学生而言较为重要的部分，如可以要求学生设计个人求职网站，此种网站设计具有一定的针对性，并且与学生本身发展息息相关。在确定教学案例后，教师则应针对该方面进行更有针对性的讲解，使学生能够对该方面有更加深入的了解，并且要求学生自己主动寻找素材来丰富自己的设计，此种方式不仅能够使学生充分将自己的想法展现出来，也能够使学生更加了解网页设计方面的内容[4]。

2.3讨论分析案例

对案例进行讨论分析是案例教学法中的重中之重，此环节并不是要求学生掌握多么纯熟的设计技巧，而是能够在相互的交流中促进彼此进步。同样以个人求职网站为例，教师可以讲学生集中起来共同讨论，学生均是各个不同的个体，不同个体看待事物的角度不同，所思所想更加不一样，将所有学生聚集在一起能够使学生获得更多设计灵感，也能够充分认识到自身设计中的不足[5]。

2.4对案例进行总结并实现自我提升

案例教学法的最后应对案例进行总结，其中包括学生各自的想法抒发，教师对各个学生想法的评价等，同时教师应针对学生在讨论时提出的问题进行明确的解答，也要给予学生新的问题，使其能够促进自己不断开动思维，如此一来在课堂上机时，学生即可以带着问题进行设计。案例总结具有十分重要的意义，无论对于学生而言或是教师而言均是。

3结语

综上所述，研究关于案例教学在计算机网页设计中的应用方面的内容具有十分重要的意义，其不仅关系到我国高职教学的全面发展，也与学生的个人学习、各方面能力的提升息息相关。如今社会各界对人才的要求越来越高，我国也在为实现全民教育、提升教学质量而不断努力，针对案例教学法我国教育界也在不断对其完善，将其应用于计算机网页设计中后其虽然使得教学效果有了较大的提升，但时代在进步，教育事业更不能停滞不前，若案例教学法不及时进行丰富，也会逐步沦为传统教学法，因此今后高职院校更应加强对此方面的研究。

引用：

[1]郭锂,叶惠文.基于“双层项目驱动教学模式”的计算机基础课程立体教材开发与应用——以《网页设计与制作》为例[J].中国大学教学,2012,(11)02:83-85.

[2]谭琦.案例教学在计算机网页设计教学中的运用[J].信息与电脑(理论版),2012,(02)08:195-196.

[3]郭锂,叶惠文.TPBIM在“广东省高校计算机公共课教学改革”试点课程中的构建与应用——以“网页设计与制作”课程为例[J].中国电化教育,2012,(10)12:111-114+135.

篇4

【关键词】网页设计 案例教学法 实践

【中图分类号】TP393.092-4【文献标识码】A【文章编号】1672-5158（2013）06-0369-01

随着Internet的日益普及，各种类型网站层出不穷，网页制作已成为为今非常热门的职业，熟练掌握网页设计与制作技术不仅能够提高高职院校学生的职业竞争力，而且还能够充分发挥其自己的个性和创造力，但在课堂教学实践中，由于教学方法的僵化滞后，导致学生学习难度增大，缺乏学习兴趣，不能充分使现课程应用开发的特色，因此，如何在教学中打破以往理论灌输的形式，引入安全教学法，激发学生学习兴趣，使学生在学习理论知识的同时也增强动手能力，从而更好地培养受企业欢迎的网页设计人才，成为高职院校计算机专业老师迫切需要解决的一个课题。

一、 案例教学法的内涵

案例教学法起源于1920年代，由美国哈佛商学院所倡导，到1980年代，已逐渐成为一种相当成熟的教学模式。所谓案例教学法就是一种以案例为基础的教学法，是在老师的指导下，根据教学目的和要求，组织学生通过对安全的调查、阅读、思考、分析、讨论和交流等活动，教给学生分析问题和解决问题的方法，进而提高他们分析问题和解决问题的能力，加深对基本概念和基本原理的理解，在案例教学法中老师不再是过去传统教学中，扮演传授知识者角色，而是扮演着设计者和激励者的角色，鼓励学生积极参与讨论，20世纪末，随着计算机技术和飞速发展和计算机使用的日益广泛，这种教学法也被应用到计算机教学中。通过案例教学法，可有效地培养高职院校学生识别分析和解决某一具体问题的能力，以及管理理念，工作作风，沟通能力和协作精神。

二、 案例教学法的特色

1、 鼓励学生独立思考

传统的教学法只告诉学生怎么去做，而且其内容在实践中可能不实用，导致学生学习中失去兴趣。在一定程度上损害了学生的积极性和学习效果，而安全教学法则是要学生自己去思考主，去创造，使得枯躁乏味的教学内容变得生动活泼，而且案例教学的稍后阶段，使学生都要就自己和他人的方案发表见解。通过这种经验的交流，既可取长补短，促进人际交流能力的提高也可起到一咱激励的效果。长期落后的学生，能激发其奋发自己，超越他人的内动力，从而积极进取，刻苦学习。

2、 重视双向交流。

传统的教学法是老师讲，学生听没听，听懂多少，要到最后的测试时才知道，而且学到的都是死知识，而在安全教学中，学生拿到案例后，先要进行消化，然后查阅各种他认为必要的理论，这无形中回加深了对知识的理解，而且是主动过行的，捕捉到这些理论知识后，他还要经过缜密地思考，提出解决问题的方案，这一应视为能力上的升华，同时他的要案，承受时由所谓教师给以引导，这也是促使教师根据不同学员的不同理解，补充新的教学内容。

3、 引导学生变注重知识为注重能力

现代人力资源理论认为知识是学重能力，知识应该转化为能力，用人企业也越来越重视学生的实践能力，同时学生一味地通过学习书本的死知识而忽视实际能力的培养，不仅对自身的发展不利，也无法让其今后所在企业直接受益，而案例教学法恰恰是培养学生创造能力的教学方法。

三、 案例教学法的实践

1、 确定案例，自行准备

在正式实施的一到二周，老师设计学生当前所学习的内容与现实情况基本相接近的案例，然后把案例材料发给学生，让学生阅读安全材料，查阅指定教材，搜集必要的信息，并积极地思索，初步形成关于案例中的问题的原因分析和解决方案，在该环节，老师可分队是段给学生列出一些思考题，让学生有针对性地开展工作，这样，在提起学生兴趣的同时，培养学生自学与探究的能力，例如在超链接一节中，文字、图像超链接，热区超链接，电子邮件超链接的操作方案类似，教师选择最复杂的热区超链接作为案例交予学生分析解决，并要求学生在需要完成的页面中加入电子邮件超链接，这样既可以使学生了解各知识点之间的相互关系，又可在学生头脑中形成该章节完整的知识体系，对所有知识点有一个交流和全面的认识。

2、 分析案例，集中讨论

在学生充分分析的了解案例的基础上，教师可围绕选择案例的涉及知识点进行必要的讲解和示范，此后，学生发表对于安全的分析和处理意见，可扩展和深化彼此对案例的理解程序，教师作为组织者和主持人提出几个意见比较集中的问题和处理方式，组织学生对这些问题和处理方式进行重点讨论，这样就将学生的注意力，引导到方案的合理解决上。

3、 引导实施，完成任务

在学生集中讨论完成以后，教师应留出一定的时间让学生自己进行思考和总结。并引导学生上机实际操作，为了让学生对所学知识融会贯通，要及时安排足够的上机时间，使理论讲授，学生讨论和上机练习同时进行，在此过程中，教师要充分体现学生的自主性和主体性，在学生遇到困难时及时指导，尽量启发引导学生主动控究。通过“做中学”，“做中教”，使学生学会和掌握相关的知识和技能，从而提高学生的网页制作能力，巩固所学知识与技能。

4、 科学评价，及时反馈

在学生完成案例后，教师要及时对学生的表现作出科学的评价，以往教学中，忽视实践操作和网站整体构思和建设，只强调学生对书本知识的记忆忽视了对学生思考能力，对知识的运用能力，创新能力以及其他来源的培养，因此，老师进行学习评论和定性评价相结合，教师评价和学生自评，互评相结合，增强老师与学生的互动交流，这样既能帮助教师及早发现学生的问题，反思教学效果，又能帮助学生及时总结自己的学习情况：如教师可在以一个综合作品及该作品的项目策划书（网站的构思、主题、结构、链接方式、色彩选择等，交由学生共同完成，完成后老师综合网页的版面设计，页面效果，实用性等多项指标，给出评分和评语，其他学生给出互评，制作人对作品给出自评，三部分分数相加作为作品的综合秘所得，这样既可调动学生平时学习网页知识的积极性，又培养了学生的实践能力、创新能力和团队合作精神。

四、 案例教学法在网页设计课程教学中坯布要注意的问题

1、 明确目的性

教师所选择的安全，要以教学内容为依据，以所学专业内容为课题材料，既独特又具有代表性，目的明确，让学生在案例的思考；分析和讨论中，建立起一套适合自己的完整而又严密的逻辑思维方法和思考问题的方式，以提高学生分析硅化木，解决问题的能力，进而提高素质。

2、 深刻的启发性

案例教学不存在绝对正确的答案，目的在于启发学生独立自主地去思考探索，在整个教学过程中，教师要注重与学生个体的交往，在交往中，循序渐进地培养学生独立思考能力，启发学生逐渐建立一套分析、解决问题的思维方式。

3、 突出实践性

网页设计是一门操作性和应用性很强的课程，要提高学生的实践动手能力，必须加强实验实训环节，在实践教学中，能要注重老师角色的转换，以学生为中心，教师为主导，通过精选案例、分解任务，讲练耐心融合，使学生积极参与，从而充分调动学生独立解决问题和积极性和能力。

总之，在高职院校的网页设计教学中，引入案例式教学，使学生在实践中掌握知识，提高技能，既让学生学到了网页制作方法，又锻炼了学生的自学能力主，团队合作能力，从而全面提高了高职生的综合素质，达到了学以致用的教学目的。

参考文献

篇5

（福建广播电视大学晋安校区 福建 福州 350003）

摘要：根据多年对“网页设计与制作”课程的教学探索，提出“课程案例”这一新概念，并设计开发出一个学生既熟悉、又感兴趣的“课程案例”——班级网站，让学生在模仿再开发该案例网站的过程中学习课程知识，从而掌握本课程的知识和运用技能，达到教与学的良好效果。

关键词 ：网页设计与制作；课程案例；班级网站

中图分类号：G712 文献标识码：A 文章编号：1672-5727（2014）11-0093-03

作者简介：王淑云（1965—），女，福建福州人，福建广播电视大学晋安校区高级讲师，研究方向为计算机软件。

中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

“课程案例”的提出和设计

（一）“课程案例”这一新概念的提出

市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。

（二）围绕学生的兴趣进行“课程案例”的设计

学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。

再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。

鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。

“课程案例”教学方法的设计

教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。

教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：

采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。

实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。

走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。

“课程案例”的课堂教学

基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。

模块一：学习有关网页的基本知识，介绍建设网站的工具等。

模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。

模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。

模块四：学习Dreamweaver，首先建立班级网站站点。

模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。

模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。

模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。

模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。

模块九：本地站点测试。

教学评价设计

评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。

成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。

结语

在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

参考文献：

[1]刘瑞新.网页设计与制作教程[M].北京：机械工业出版社，2010.

[2]唐乾林.网站界面设计案例教程[M].北京：机械工业出版社，2011.

[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.

[4]赵丰年.网页制作三剑客操作互动[M].北京：人民邮电出版社，2011.

[5]赵丰年.网页制作技术——Dreamweaver Flash Fireworks[M].北京：人民邮电出版社，2003.

[6]马月.网站界面设计[M].北京：北京理工大学出版社，2006.

篇6

关键词：计算机 网页设计 案例教学 应用

中图分类号：G632 文献标识码：A 文章编号：1674-2117（2014）16-00-01

在目前的大学计算机网页设计教学中，大多数教师仍旧采用传统的教学方式进行知识的灌输，较少让学生合作探究、主动学习、讨论交流，因而学生缺少独立思考的能力和亲身实践的经历，导致学生的研究和创新意识相对不足。

案例教学是教师根据特定的教学目的，选择带有一定启发性的典型案例，通过具体的情境让学生提高综合素质和相关能力，理解、感悟、掌握知识的教学方法。案例教学的特点是以师生之间的交往为基础，以案例为线索，以培养学生的能力、促进学生的全面发展为目的，对多种教学方式和教学媒体进行优化。

1 计算机案例教学的特点

1.1 鼓励学生独立思考

传统的计算机网页设计教学没有与实践紧密结合起来，只是告诉学生怎么去做，非常枯燥无味，在一定程度上影响了学生的学习效果和学习积极性。但在计算机网页设计的案例教学中，没人会告诉学生下一步应该怎么做，而是需要学生自己去创造、去思考，让枯燥的知识变得生动起来。而且案例教学的后续阶段中，每位学生要根据自己和同学的方案发表自己的见解。通过交流，一方面可以起到激励的作用，另一方面可以让学生之间取长补短、加强学生的人际交往能力。

1.2 更加重视双向交流

传统的计算机网页设计教学是教师讲、学生学，学生听没听课、听懂了多少，教师也不清楚，要到最后考试成绩出来才能见分晓。而且在这种教学模式下学生学到的都是死知识，难以在实际操作中得到真正的应用。而在案例教学中，学生拿到案例后，先要对案例进行理解，然后查询各种相关的理论知识，无形中学生又对这些知识主动复习了一遍，并且加深了对知识的理解。理解了相关的理论知识后，学生还要经过自主地思考，然后提出解决问题的方案，这一步就提高了学生的实际应用能力。与此同时，因为教师随时会给以学生引导点拨，又促使教师思考相关问题，并且可以随时根据学生的理解情况补充新的教学内容。

1.3 引导学生更加注重实际操作能力

随着计算机网页设计案例教学的发展和市场经济的发展，学生越来越明白，掌握了知识不等于具备了能力，知识还需要通过实际的操作才能转化为能力。如果教师忽视实际能力的培养，一味的教授书本上的死知识，不仅会对学生以后的发展有着巨大的障碍，而且也不利于计算机网页设计教学的开展。

2 教学案例实现的步骤

2.1 设计教学案例

在计算机网页设计案例教学中，设计科学、合理、符合学生实际情况的教学案例是实施该教学方式的基础和前提。教师要充分备课，根据教学要求和教学进度设计案例，解析并讲授与教学案例相关的技能技巧和理论知识。教师在设计教学案例时要注意，案例必须具备典型性、覆盖足够多的知识点，并且要和实际操作相吻合。应该针对学生的学习阶段和学生的接受能力来设计或者选择教学案例，让教学案例能够被学生理解。整个计算机网页设计教学过程中用到的案例之间应该相互联系、由易到难、前后衔接。

2.2 教师组织学生进行案例讨论

组织案例讨论的目的在于引导学生分析问题，提出解决问题的方法和途径。该环节的关键是把理论知识与所对应的案例内容联系起来。要达到这样的目标，就要求教师做好启发工作和引导工作，创造自由轻松的讨论氛围。教师要让学生成为案例讨论的中心，在宏观上指导和把握案例讨论，避免出现方向性的偏差。教师应该把案例分解成若干个小的部分，将案例的分解顺序与学生的知识认知顺序相结合，这样做更能体现根据学生的认知规律来安排教学内容的思想方针。

2.3 对案例进行总结

在组织学生对案例进行讨论研究之后，教师应该针对讨论做出相应的讲评，重点强调案例中所涉及的操作技能和理论知识。在学生上机实践的时候，可以按照课堂上讨论的方案来进行实际操作。案例总结应该做到客观、全面，以提高学生的分析能力为主要目的，充分调动学生参与的积极性。对案例进行总结不仅有利于学生记牢要求掌握的知识，而且可以避免在案例中留下没有解决的问题。

3 在计算机网页设计中应用案例教学

（1）准备阶段。教师在课前做的准备包括研究教学内容，寻找具有代表性的案例，充分了解学生关心的话题和兴趣所在、将来的就业方向等问题。学生在课前做的准备包括仔细研究案例、向同学和教师介绍自己擅长的方面等。

（2）实施阶段。将学生分为3～5人的学习小组，让学生根据所学的知识逐步解决各个小的案例问题，如制作一个主页、设计混排网页、设计一个页面等。在这过程中，教师要保障及时检查各个小组的问题解决情况，在必要时要对典型的问题进行讲解。最后，将学生解决完成的所有小案例组合成一个大案例。

（3）结束阶段。该阶段主要是对案例的评价、总结，主要分为学生自评、小组互评和教师评价三种方式。

在计算机网页设计中应用教学案例，可以极大提高学生对计算机网页设计课程的积极性和学习兴趣，有利于帮助学生做出很多高质量的网页。这种新方法注重培养学生的自我意识，发挥了学生在学习中的主体作用，培养了学生的探索精神。

（珠海市第一中等职业学校，广东 珠海 519000）

参考文献：

[1]葛继科，雷亮.案例教学在计算机科学与技术专业课教学中的应用[J].重庆科技学院学报（社会科学版），2011（9）

[2]刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报，2010（6）.

[3]申玉静，谭业武.数据库案例教学在计算机专业专科教育职业化改革中的应用与研究[J].福建计算机，2010（1）.

篇7

关键词： 案例教学 网页设计与制作课程教学 教学设计

一、案例教学概念

案例教学法就是教师列举案例进行教学的方法。教师根据教学目标、教学内容的要求，组织学生对典型案例进行分析、讨论、交流，学习掌握知识，加深对基本概念和基本原理的理解，同时提高学生分析问题和解决问题的能力。

二、案例教学设计实例

（一）教学内容分析

《网页设计与制作》课程的教材有很多种。网页开发软件也有很多选择，如Dreamweaver，FrontPage等。我校选择的教材是《DreamweaverCS5中文版基础与实例教程》。在讲解过程中不能完全按照教材的章节内容进行教学，必须根据课程内容的逻辑关系进行合理教学设计。在教学设计过程中按照知识点的难易程度和各章的逻辑关系，将本书的知识点归纳为下图：

（二）学习者分析

1.一般特征

《网页设计与制作》课程是计算机网页设计专业的一门专业必修课，是计算机专业的核心课程。授课对象是计算机网页设计专业一年级学生。这些学生年龄基本在十七八岁，这一阶段的学生直觉思维能力较强，思维活跃，喜欢学习技巧性的知识。如果在教学中能合理地对学生进行引导，能够发挥出学生潜在的创新能力。该教学班的学生以男生为主，女生占很小比例。每个班45人，女生只有6-10人。在教学过程中要注意观察学生的行为，及时提醒学生进行有意注意。职业学校的学生在个性差异方面和普通中小学生差别很大。职业学校的学生对于学习动机中的认知内驱力很弱。在长期的不良学习习惯影响下，他们不会主动学习自己想知道的知识。反过来只要是他感兴趣的知识，他的学习动机就会很强。所以教师的主导作用很重要。他们不善于语言文字的表达，可是这些学生特别聪明，尤其在逻辑、身体运动、人际交往、自然观察等方面表现突出 。所以进行在教学设计时让学生多参与，多发言，注重技能练习是很有必要的。在学习风格方面，职业学校的学生喜欢听觉、视觉、触觉上的刺激，而不喜欢枯燥的文字说明。职业学校的学生不好管理的一个最重要的问题就是学生的情绪不稳定，容易冲动。所以在讲课过程中教师要格外注意学生的情绪变动，变换不同教学组织方式吸引学生注意，维持他们的学习动机。

2.初始能力

中等职业学校的学生生源比较广泛。学生分布不集中，由于地域限制，个体差异较大，学生的学习基础也不同。有的学生经常接触计算机，已经掌握了计算机的基础应用，有的学生很少接触计算机，连基本的计算机操作都不会。但是计算机专业不只有网页设计专业，还有计算机应用、计算机网络专业。学生既然选择网页设计专业，就应该对本专业进行过了解，对网页设计有浓厚兴趣。

3.信息素养

职业学校的学生普遍喜欢上网，对于计算机的基本使用方法已经初步掌握。有些学生家里也有计算机，所以他们的信息检索能力很强。接受和使用电子新设备的能力也很好。能够运用所学知识解决实际问题。

（三）学习目标

知识和技能：了解网站开发的流程，学会建立站点，能够用自己的话对网站的总体规划进行描述。

过程和方法：在教师的指导下分析确定主题下的目标用户，掌握网站的总体规划，清晰划分网站模块，版面设计合理，完成预期的网页跳转。

情感态度和价值观：在网站设计过程中，学生依据网站评价标准，不断对网页的色彩搭配、整体风格进行完善，这样才能锻炼学生对色彩的审美能力、创新能力。

（四）教学重点和难点

教学重点：网站的整体规划

教学难点：首页版面布局的合理设计

（五）教学策略

本节课的内容是理论性知识，学生在学习时没有学习兴趣，如果仍然按照教师讲解、学生接受的教学方式进行教学，则教学效果不理想。应选择基于案例的探究型的集体学习模式进行学习，让学生通过对案例的学习，反过来总结出知识。这样学生才能够更深刻地理解知识。

（六）教学流程

[情境导入]

师：大家是通过什么渠道知道这个学校的？生：朋友，同学，亲戚介绍，学校招生（引起学生注意，激发学生学习兴趣，并引导学生明确网站的用户定位）。

师：看过学校的招生简章后，大家对学校进行了了解，那么有没有同学上过咱们学校的网站呢？学生回答：有（使学生对学校网站产生浓厚的兴趣）。

现在我们一起来欣赏学校网站，并提问：同学们自己能够设计出一个完整的网站吗？怎样设计？生：能（调动学生的积极性）。

[展示案例]

这是学校网站的首页，这个网页中包含哪些网页元素？学生回答：文字，图片，导航栏，超级链接，滚动文字，视频，友情链接等（复习知识）（引导学生选择适合的布局方法）。

这些内容是怎么组织起来的？学生回答：表格布局，层布局，框架，DIV+CSS。

[学生探究]

1.首页版面设计

师：大家试着先将网站首页的版面进行整体规划。学生实践操作。

2.确定网站整体风格

师：布局规划好后确定一种色彩作为网站的主色调，包括文字，背景，导航，模块的色彩。

学生讨论， 并使用CSS定义文字、图片的背景色。

3.收集素材

师：网站首页中的元素是怎么获取的？学生回答：上网收集。

4.网页的设计制作

师：我将这些元素给大家发下去，大家将这些元素添加到设计好的布局中，并记录下问题和困难。

学生分别讨论网页中图片、文字、视频的添加方法，并对元素进行添加，对遇到的问题进行记录。

师：网站的首页基本信息添加完成，但是网站并不是只有一页，那么其他页和首页怎样进行跳转？学生讨论导航栏的设置和各网页的层次结构，并进行链接。

5.动态模块添加

师：现在的网页内容都是静态的，我们学过哪些知识可以实现动态效果？学生回忆代码设置文字，图片滚动，SPRY构件添加选项卡效果。师：最后不要忘记学校的地址和联系方式。学生设置下方模块内容并输入版权信息。

6.测试运行

师：大家的网站能够正常运行吗？学生进行运行调试。

[知识总结]

师：从大家设计网站首页的实践可知网站开发的流程是什么？学生回答：整体规划，确定网站的整体风格，收集资源，设计制作网页，添加动态网站代码，运行测试（引导学生对实践过程进行总结，归纳出新知）。

老师补充：设计网站的第一步是明确主题，分析用户需求。之后进行草图的设计。学生梳理知识。（教师的总结能够使学生对新知识掌握得更加牢固深刻。）

[评价]

对各组学生作品进行评价，并对遇到的问题进行解答。学生评价，反思，领会（评价、反思、反馈能更好地促进学生对知识的建构）。

三、教学反思

案例教学法的成功运用需要教师依据教学目标、教学内容、教学重难点知识精心设计好案例，并在教学过程中运用适当的方法对学生进行提问，引导学生进行分析、讨论、总结、评价，最后教师让学生进行自主创作。学生充分运用所学知识与技能，进行创造性的实践操作。上交作品后，师生共同对学生作品进行评价，进一步促进学生对知识的建构。

参考文献：

[1]刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报，2010（6）：107-109.

篇8

关键词：“网页设计与制作”；项目案例教学法；教学设计

笔者所在的济南幼儿师范高等专科学校，“网页设计与制作”主要是面向初等教育学院的学生开设。他们将来的工作岗位是小学教师，掌握好这门课程，有助于其在工作岗位上进行班级管理、班级文化建设、校园文化建设等方面的工作。所以在实践教学中，选用项目案例教学法是非常有必要的。

一、案例教学法的内涵

案例教学法指在教学过程中，教师和学生为了共同实施一个完整的项目案例而采取的一系列以教师为主导、学生为主体的教学活动。这种教学法在培养学生的自主能力和合作能力方面有着显著的效果，它能够引导学生主动参与项目案例有关的课堂讨论，调动学生的学习兴趣和积极性。

二、高职“网页设计与制作”课程中应用项目案例教学法的适用性分析

“网页设计与制作”是在初等教育学院五年制小学教育专业大专第三、四学期开设的专业基础必修课。通过本课程的学习，学生需要掌握的相关内容有：了解设计和制作网站的一般流程；了解WWW、HTTP、HTML、CSS的定义、概念和作用；理解W页、网站、网址、浏览器等基本概念；掌握添加和编辑各类对象如文字、图像、表格、表单、音频和视频的基本方法；掌握创建超级链接的方法；掌握表格、层、框架的使用方法；掌握表单、行为的使用方法。

这门课程具有较强的可操作性和实践性，教师需要寻找既与实际工作情境密切相关、又能将教学内容紧密结合的教学方法组织教学。项目案例教学法非常适用于该课程的教学需求，经过近年来备课组的实践与探索，发现这一教学法能够为全面提高学生的信息素养提供保障性支持。

三、高职“网页设计与制作”课程中的项目案例设计

项目案例的设计是保证顺利开展项目案例教学的基本

1.项目案例的设计要立足于实际工作情境。“网页设计与制作”课程的目标之一就是培养能够胜任实际工作任务的人才，所以案例的设计要从实际工作任务出发。学生在完成学习的过程中熟悉了相关的工作岗位流程，今后从事类似工作时能够更加游刃有余。

2.项目案例的设计要将知识点与实际需求相结合。项目案例的选取既要考虑到具体知识点，又要根据实际需求将知识点融合入案例中。“网页设计与制作”课程的知识点多且散，比如网页对象的应用中包含文字对象、图片对象、音频和视频对象等知识点，所以在设计案例时要考虑到所有知识点。

3.项目案例的设计要生活化、社会化。在设计教学项目案例时，既要考虑到学生的就业方向，也要面向全社会的相关岗位，所设计的项目案例既要来源于学生自身专业，又要做到生活化、社会化。

根据济南幼儿师范高等专科学校初等教育学院小学教育专业的人才培养目标，以及“网页设计与制作”课程的目标和教学实施方案，课题组设计出了8个综合项目案例，综合项目案例设计流程见表1。

四、高职“网页设计与制作”课程中的项目案例教学设计

1.创设情境、展示效果。教师创设具体的工作情境，展示项目案例的完成效果，学生在此过程中明确接下来要完成的项目任务。

2.分组讨论、分解任务。各组长引领组员讨论项目案例中的目标要求并分析涉及的知识点，分解任务后根据组员的特点将任务布置给小组成员。

3.自主探究、小组合作。

此阶段为关键阶段，每个小组任务后，由组长负责将所有组员完成的部分进行整合。

4.交流讨论、三方评价。教师引导全班学生进行交流，并对作品进行三方评价，分别为个人自评、组内互评、教师评价。从评价中教师可以把握学生的学习状况，学生也可以了解到自身的优势和薄弱部分。

5.归纳总结、扩展提升。根据评价结果，学生归纳总结在完成本次项目案例过程中的收获与不足，并在今后的项目案例学习中加以改进。

五、出现的问题

1.优质学习资源欠缺。项目案例教学法成功实施的关键是项目案例的设计和组织。但是目前各高职院校的“网页设计与制作”课程尚没有建立项目案例资源库，优质学习资源欠缺。所以，建立一个内容丰富、可共享的项目案例资源库势在必行。

2.加强教师业务进修。项目案例教学法的实施对教师的专业素质要求很高。在应用项目案例教学法时还需加强教师的专业进修。

篇9

关键词：网页设计课程资源资源库建设

课程资源包括教师的教学资源和学生的学习资源，所谓课程资源库的建设主要目标就是收集有价值的资源辅助教师的教学和学生的学习。因此，它的出发点是提升教学和学习效果，关键是在资源的有效性而不在于资源是否丰富。在职业教育中，专业建设和教学改革一直是热门的话题，也受到很多院校的重视。根据我院计算机专业的课程改革和自己的教学经验，我谈谈《网页设计》课程资源库建设的基本思路。

一、教学资源建设

教学资源主要包括课程大纲、校本教材、教案、课件、实训素材等。前期资源建设是一项艰巨的任务，需要一个团队的智慧和努力，而资源建设成型后，可以实现资源共享，提高教师的工作效率，从而教师有更多的时间参与教研提升自己的业务水平。

1.课程大纲

课程大纲决定了课程的主要目标和内容要求，因此它在整个课程的教学中有着非常重要的作用。在我们实际的课程资源建设过程中，首先，我们针对网页设计师这个岗位开展市场调查，了解该岗位的技能要求，再根据自己学校的培养目标并结合《网页設计》课程教学的实际情况制定相应的课程大纲。它不仅要反应出新的技能要求和各知识点的掌握程度，更要突出学生分析能力和创新能力的培养。只有在课程大纲的指引下，我们后续的课程资源建设才能有效地进行。

2.校本教材

一本好的教材无法满足所有人的要求，一个优秀的教学案例也不能完全符合所有学生的要求。因此，围绕自己学校的培养目标进行校本教材的开发是非常有必要的。在进行校本教材开发的过程中，我们要保证案例的真实性和有效性，可以结合企业的真实案例对知识点进行剖析。我们要以学生的发展为基础，充分考虑授课对象的学习基础和知识结构，对教学内容的编写进行适当的处理，避免出现只利于教师教学，不利于学生学习的情况。

3.教案、课件

教学活动的开展要以教案为依据，而教案的编写要符合课程大纲的要求，因此，我们要专研课程大纲和教材的基础上，对我们的教学活动进行精心地设计。我们明确教学目标和教学重难点的前提下，才能对教学内容进行选择和处理，教学过程的设计充分考虑学生感受和体验。编写好的电子教案，不仅是为了上好课，也是为改进下次授课做准备，使一个教案的完善有一个持续的过程。除了编写教案，我们可以做好配套的授课课件，因为它可以得到重复的使用，节省教师的备课时间。

4.实训素材

实训素材不仅包括课堂案例所用的素材，应该包括实训步骤手册，课堂效果评价表等等。素材的准备我们要做到简单、有效而且分类明确，尤其在《网页设计》课程中，用到较多的图片素材，必须要保证能快速的查找。实训手册文字的描述要做到简洁，适当的时候可以通过图片或符号来代替文字，做到直观明了。要充分考虑在简短的一堂课时间内，它的作用是供学生参考，辅助学生的课堂学习。课堂效果评价表的设计可以结合学生的自评和互评，根据教学目标针对性的设计评价要点，目的是让学生认清自己在一堂课中的学习效果和不足的地方。

二、学习资源建设

随着互联网的发展，数字化学习资源变得非常的丰富，也是学生学习的一种新途径。学习资源的建设不仅要确保学生能巩固知识和技能，更重要的是要激发学生的自主学习。学习资源的建设需要借助网络平台，真正实现随时随地的学习，它主要包括微课、作业指南、试题库等等。

1.微课

近几年，微课在教学中的应用非常的广泛，在微课的设计中，我们要做到时间短，重点突出和语言简洁，使学生在观看的过程中快速的掌握要点。一般我们都是针对课程的重点或难点，有针对性的对知识点进行讲解或对操作步骤进行演示。尤其对课堂上掌握不好的知识点，在课余时间通过微课进行巩固，使学生在轻松、愉悦的环境下学会自主研究。

2.作业指南

《网页设计》课程实操性比较强，同时操作步骤较多，学生仅仅通过课堂的学习，对操作要点的记忆并不是非常的深刻。课余作业的目的是巩固学生的学习，我们要保证在做作业的过程中遇到问题能得到及时的解决才能使学生能持续的研究下去。作业指南主要就是为了解决此问题，它不同于实训步骤手册，应该更注重于操作步骤要点的提醒，引导学生有效地完成作业。

3.试题库

试题库不仅是用来检测学生的学习情况，也是学生通过试题库学会灵活应变。试题库可以针对一堂课，一个知识点，一个模块或一个阶段进性设计，同时它可以包括理论和实操。在试题库的建设过程中，要注重试题的质量，做到知识全，针对性强，确保学生在检测的过程中巩固相应的知识和技能要点。

三、课程资源建设原则和意义

课程资源建设是要以培养学生职业能力和素养为原则，重在提高教学质量，促进学生学习。因此，资源建设不能脱离实际的工作岗位要求，避免出现冗余和泛滥的现象，所有资源的选择要考虑教学和学习的需求。同时，资源建设不是一个阶段性的任务，它是永久持续的，必须结合每个时期的情况对资源进行补充和更新，才能保证资源的有效性。

课程资源建设不是靠一个教师的努力，是要一个团队的集思广益，在建设过程中也是培养教师的教科研能力，也有利于教师队伍的建设。在某种程度上，它可以提高课堂的教学效果，突破传统课堂教学的局限性，引导学生进行自主学习。

结语

课程资源建设是教师参与课程开发的过程，同时，它又是为教师的教学和学生的学习服务。《网页设计》课程实际案例多，技术更新快，传统的课堂教学无法满足实际的需求，通过课程资源库的建设，提高课堂教学效果，丰富学生的学习途径和内容，从而进一步推动教学改革。

参考文献 

[1]杜强，潘国芬.高职“网页制作”立体化校本课程建设研究[J].无线互联科技，2017（23）：95-96. 

[2]何启旻，曹智勇.《数据库原理与应用》课程资源建设的实践探索[J].贵州广播电视大学学报，2014，22（03）：14-16+20. 

篇10

【关键词】网页设计与制作 一体化

根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：

一、课程标准

专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。

职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。

职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。

二、课程设计

围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。

工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。

工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。

学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：

三、实施建议

（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。

（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。

《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。

参考文献：

篇11

关键词：网页；设计与制作；教学模式；改革；实践

《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].

1《网页设计与制作》课程教学中存在的问题

结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：

1.1不够积极主动，学生实践能力不足

长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.

1.2不够实事求是，学生动手能力不足

教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.

1.3各方缺乏沟通，学生适应能力不足

结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.

2《网页设计与制作》课程教学模式改革策略

在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：

2.1强化教学内容改革

高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.

2.2强化教学方法改革

2.2.1案例教学法要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.2.2.2项目化教学法选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.2.2.3任务驱动教学法将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.2.2.4激励教学法要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.

2.3强化教学手段改革

2.3.1联机教学借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.2.3.2开设《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.

3结束语

总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.

参考文献：

〔1〕刘万辉,宋桂岭.基于工作过程的““网页设计与制作”课程改革的探索与实践[J].计算机教育，2010(02).

篇12

关键词：精品课程 学科建设 教学改革

精品课程建设是职业院校教学改革的方向，是专业建设、学科建设的基础。精品课程共享优质教学资源，提高教学质量和人才培养质量，从而深化教学改革。笔者学院在 2012年启动专业课程建设项目，通过近三年的探索与实践，在建设目标、教学方法、数字化资源库建设等方面积累了一定的经验，本文就实施情况谈几点体会。

一、课程性质与建设目标

网页设计与制作课程是电子商务专业的专业技术课程。襄阳技师学院的电子商务专业创建于2006年，在初期就提出根据区域内中小电子商务企业需求，培养具有网络信息编辑、网站策划和维护、网络服务推广等电子商务实用型人才，从而确立了《网页设计与制作》课程在专业技能培养中的重要地位。

网页设计与制作课程在《office基础》《PhotoShop 图像处理》《flas制作》《数据库应用》等课程之后开设，此时学生具备了一定的操作能力，能较快地掌握网页制作的各种知识。

课程坚持“以能力为本位，以就业为导向”的职教理念，以“增强学生的职业能力，更好地服务区域经济与社会的发展”为宗旨，基于行业企业真实工作过程设计课程教学活动方案。运用“任务驱动、行动导向”的一体化教学模式，进行教学资源建设的工作。使学生掌握网页设计和制作的基本技能，具备网站的策划、设计和制作能力。

二、以课程教学改革为核心

1.改革教学内容

（1）修订教学大纲。学院开设的《网页设计与制作》课程，原来的教学大纲内容以Dreamweaver基础知识为主。按照教学计划，学生只能掌握最基本的知识和操作，而实际技能水平无法满足社会就业岗位的需要。因此制作精品课程时，要重新修订教学大纲，以 “实用、够用、好用”为原则，教学内容上适当增加Photoshop、flash的实用功能，强化 Dreamweaver操作应用。修订的大纲打破了传统的学科体系模式，侧重学生实际操作能力的培养，将网页设计职业能力中实用的知识点融合在项目中。学生通过各项系列任务练习，不断强化掌握岗位所需知识和技能。

（2）规划教材与自编教材充分整合。网页设计与制作课程是多门学科的知识相互渗透和相互支撑构成的科学、完整的课程体系。 以网页设计与制作课程为核心，其他Photoshop、flash、数据库开发、常用工具软件的使用等都是相关的辅助课程。

原来的教材换过很多版本。2012年申报精品课程建设后，学校选用人民邮电出版社的规划教材《网页设计与制作Dreamweaver CS5标准教程》。实用的教材对教学水平和教学质量的提高起了极大的促进作用。学校不断调整和补充教材和教学内容，尽可能保持知识的先进性和实用性。这两年劳动版的网页制作教材运用任务驱动教学法编写，也成为学校教学和精品课程制作的重要保证。

（3）课程内容模块化。学校将整个课程内容分成3个模块20个教学单元33个教学任务，3个模块是Dreamweaver+ Photoshop+flash，第一个模块是Dreamweaver网页设计与制作知识 ，第二个模块是Photoshop在网页中的常用功能，第三个模块是Flash在网页中的动画效果。每个模块包括多个教学单元，通过任务来实现岗位知识和能力的培养。模块间既相互关联，又相互独立，将课程难点分散到不同的模块任务中。每个模块自成体系，有鲜明的独立性，能单独完成某一方面的教学任务；模块间的知识相互关联，层层递进，后面的模块强化前面基础，这样可以让学生循序渐进地掌握知识。

（4）精心准备案例项目。精心准备典型案例，从课程的实际问题出发，构建教学设计。以完成具体工作任务和工作过程整合教材内容，将理论知识的讲解与具体的任务有机结合，理论与实践一体化，合理设计教学环节。如：“度假村”“江雨桥的博客”“宠物家园”整站的开发和设计，这些案例形成循序渐进的项目群，从而构建完整的教学方案。

2.改革教学方法与手段

（1）采用“任务驱动法” 教学，将“教、学、练、做”融为一体。精品课程教案的编写运用任务驱动法完成，对教师课堂实施一体化教学方式有很好的指导作用。课堂教学中，“任务驱动法”的熟练运用，配合案例教学、情景教学、探究式教学、作品演示等教学方法，将学生的自主能动性充分发挥出来。“任务驱动法”教学过程为：引入―分析―交流―实施―评价―总结六个阶段。第一个阶段引入任务，通过案例演示，提出问题，给出案例应用背景，让学生明确本次课的教学目标；第二个阶段分析任务，引导学生自主分析学习任务，结合理论知识尝试找到解决问题方法；第三个阶段交流任务，充分利用互联网网络教学资源和教学视频，引导学生相互交流，找到解决方案；第四个阶段实施任务，上机操作反复练习，掌握操作技能，培养学生的自主学习意识和学习能力；第五个阶段评价任务，在小组任务完成时，根据任务评价表引导学生进行典型作品的欣赏评价，让学生参与自评和互评；第六个阶段总结任务，教师对本次课的重点、难点归纳，并针对学生实施过程进行点评。

（2）抓好数字化资源建设。精品课程中不断完善的教学大纲、电子教案、教学课件、教学视频、案例集等对一体化教学课堂的实施提供了保证。这些数字化资源会陆续上传到精品课程网站的教学资源下载中心，构建全方位立体化学习平台供学生学习参考。

（3）因材施教，有效把握课堂。任务驱动法对于自觉性高、学习能力强、创造能力佳的学生充分有效，但是学校的生源相当一部分不能适应这样的教学。针对不同的教学内容、教学对象、难易程度，教师需要灵活采用多样教学方法，有时传统的教学方法更为实用。例如：讲授法、演示法、练习法、辅导法、启发式教学等。必须注意把握课堂秩序，使课堂教学在有序中有效进行。

3.改革考试评价方式

精品课程注重对学生职业道德、学习过程、职业能力与素质的评价。每项任务的实施都配有任务评价表，评价表给每个子任务的完成效果、学习过程、相关能力打分。同时根据学生的基础差异，使用弹性的评价方式。评价时注重创新性的学习能力，合作共事能力，注意听取学生的自评意见。

三、精品课程建设的思考与展望

经过近三年的建设探索与实践，《网页设计与制作》课程将努力建设成为具有实战特点的教学内容、科学合理的教学方法、较为完善的课程教学体系，能够适应本学科人才培养的示范性课程。课程建设期间，取得预期效果，也存在以下问题和困难。

课程的开发难以表现技术的前沿动态。网页设计涉及各种绘图软件和各类开发工具的使用，网络技术的发展极其迅速，软件开发技术日趋多样，一门课程很难覆盖这么多内容。

课程对推动地方经济建设的导向作用不够明显。主要表现在与企业合作不多，学生在本地企业顶岗实习的机会不多，学生的实操能力也达不到要求。

针对以上问题，应加快精品课程网站建设，尽早建立教学共享资源库。数字化网络教学资源构成立体化教学模式，给教师和学生提供全方位学习平台，师生基于这种平台，使学习过程得以延续。

篇13

就网页设计教学内容本身来说，具有显著的丰富性特点，其涵盖的内容不仅包括网页组成的各种要素，比如：文字、图形、动画、音乐、视频、分隔线、超级链接等等。而且还包括版面布局的格局、色调、风格等等。然而就教学课时来说，非常有限。对此，不少教师总想在非常有限的教学时间内容，将所有相关知识灌输到学生的脑海中，怀着能够让学生获得更多知识的心态，在课前备课的时候，就尽可能地将更多的内容汇集在备课教案之中。然而，这样做的结果，常常是事与愿违，并不能达到其教学设计的初衷。其主要原因是由于很多教师，不能很好地结合学生的知识基础，没有紧扣学生的学习行为习惯，结果学生对教学内容往往是“眉毛胡子一把抓”，而最终的学习重点和要点难以有效把握，一堂课下来，很多同学感到“晕头转向”，对于必须很好地掌握的内容常常是“一知半解”或只知“半点皮毛”。对此，教师不管是在备课的时候，还是在具体课堂教学过程中，都必须紧密结合学生的具体特点，突出网页设计的精髓要义，牢牢扭住教学的核心，抓住教学重点和难点。比如：对于网页的页面架构问题，对于大型网站网页的设计，可以引入凤凰网、新浪网、新华网等知名网站的主页进行示例教学，这样不仅可以给予学生良好的直观印象，同时也抓住了教学的核心，还有助于活跃课堂气氛，有助于促使学生学习精力得以更加集中，有效提升课堂教学质量与效率。

2课堂教学必须积极注入“启发元素”

网页设计课堂教学，具有一定的相关计算机理论以及美育理论，如果将这些理论抽象出来，以理论对理论，则必须会导致“空洞对空洞”，其结果必然是给课堂教学以“死气”与“沉闷”，课堂教学难以激发生机与活力。殊不知，课堂教学的理论知识讲授得再多，对于中职学校的学生来说，其收益并不容易提升，难以促使他们进行灵活运用，所传授的理论知识对于他们来说，则一点用处也没有。对此，教师在课堂教学实践中，必须清醒地认识到，理论知识有利于学生厚植专业知识根基，也有助于学生长远发展，但同时还必须清醒地认识到理论知识的教学，对于中职学校的学生来说，必须注重方式方法，要积极搞好“理论联系实践”这一关键点，要来之于理论，但同时又不拘束于理论，积极引入“实践元素”与“启发元素”，引领学生去体会、去感悟，从而达到更好地理解教学内容的目的。例如：对于网页页面的色彩设计时，太多的理论，必然是非常空洞的，而通过引入一些典型网页，然后布设一定类型网页色彩搭配提问，便可以很好地促使学生明白其中的道理，促使他们更好地理解具体设计中必须注意什么，如何做会得到更好的效果，从而大大提升课堂教学效果。

3积极关注实践创新紧盯设计目标的针对性

篇14

网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。

二、项目教学法在《网页设计》课程中的实施

（一）专业师资雄厚，开展校内督导

本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。

（二）组建学习团队，开展项目教学法

教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

（三）团队合作探究、汇报交流

在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。

三、网页设计成果的评判标准与考核方式

在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。

（一）评判目的与标准

教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。

（二）考核方式