网页设计制作教案模板(10篇)

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

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

中图分类号：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.

>> 高职“网页设计与制作”课程的教学研究与实践 翻转课堂教学模式在高职网页设计与制作课程中的实践研究 项目案例教学法在高职“网页设计与制作”课程教学中的应用研究 论高职院校《网页设计与制作》项目化课程的开发与实践 高职高专《网页设计与制作》课程案例教学法探讨 《网页设计与制作》课程的开发与实践探析 案例教学在《网页设计与制作》课程中的应用研究 高职高专《网页设计与制作》课程教学改革与实践 “技能+证书”高职网页制作课程教学改革与实践 高职《网页设计与制作》课程教学设计与实现 《我做小导游――Word制作网页》教学案例 《网页设计与制作》课程教学的创新与实践 浅谈高职《网页设计与制作》课程教学 高职“网页设计与制作”课程教学探讨 高职网页设计与制作课程教学改革探析 高职网页设计与制作课程教学的几点改进 基于企业应用的高职数据库教学案例开发与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程教学改革研究与实践 项目教学法在高职《网页设计与制作》课程中的应用研究 常见问题解答 当前所在位置：l、left.html、main.html。在各个网页中注意基础标签的使用。

5 创新点

1）打破传统的基于Dreamweaver开发环境的实践教学案例，开发和研究出一套完整的以HTML语言为核心的网页制作课程实践教学案例。在实践教学案例的开发和研究中，以HTML语言为主要研究对象，所开发的实践教学案例首先使学生掌握核心技术，随后再接触Dreamweaver开发工具。这样就可以解决以往学生在学习网页制作时将HTML和Dreamweaver混为一谈、分不清主次的问题，并能从根本上排除学生对HTML语言和Dreamweaver开发工具之间关系的困惑，从而大大提高实践教学质量。

2）改进以往耦合度过高或者案例过大的实践教学案例，将其分解成耦合度低的教学目标更为明确的小型案例，并确保实践案例需求的真实性，激发学生兴趣。改变用Dreamweaver开发网页代码过于复杂的现状，提高学生的学习信心。

6 结束语

网页制作课程是计算机相关专业必开的专业技能课，有些高职院校还把该课程作为计算机的基础课程在非计算机专业开设。如何利用有限的课堂与上机实践时间教授好网页制作课程，是很多高校教师在教学过程中始终在思考和研究的问题[2]。另外，与网页制作有关的技术在不断地更新，这就要求上机实践的教学案例要跟上新技术的发展[3]。

优质的实践教学案例的开发，不仅使培养出来的学生能够符合社会对网页制作人才的实际需要，而且对课题组教师的专业发展起到重要作用。■

参考文献

[1]陶亮.《网页制作》课程化与教学方法探索[J].信息通信，2011（6）：104-105.

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

1.教学案例效果

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

2.案例分析

通过分析“蝶与花”网页的特征，归纳制作“蝶与花”网页要用到的素材、文件和相关知识点等。“蝶与花”网页要用到的素材和文件包括：七个JPEG图像文件和一个文本文件。“蝶与花”网页要用到的知识点包括：（1）表格的插入及属性设置；（2）单元格的拆分、合并及属性设置；（3）图片的插入及属性设置；（4）图像合成及处理；（5）marquee标记及属性设置；（6）超链接标记及属性设置；（7）表单的插入及属性设置；（8）控件的插入及属性设置；（9）行为的添加及修改；（10）网点的建立与管理。接下来教师实际演示“蝶与花”网页实际制作过程，教师通过Dreamweaver软件在真实计算机情境讲中解网站的建立与管理，相关网页标记的插入及属性设置等，这样学生就在真实的教学案例中体会到网页制作过程及相关知识点的应用，既学习理论知识又掌握操作技能。

案例教学在信息时代快速发展的今天，各行各业对技术型人才的要求普遍提高。技术院校捕捉到市场对人才的新要求，也在积极地进行教学改革。将全新的教学方法与网页设计教学结合起来，是促进网页设计教学目标实现的重要手段。案例教学法与网页设计课程的操作性与实践性特点相符，以此来打破传统教学模式对网页设计教学的限制，能够让学生的发展需求得到满足。

一、做好内容选择工作

选择案例教学法内容，是实施案例教学活动的第一步。在选择案例教学内容时，教师要坚持两点原则。第一，教学案例要具有真实性与典型性。教师选择教学案例时，需要查找社会生活中真实存在的网页设计案例，杜绝一切不真实的案例走进课堂。教学所用案例要具有典型性，不仅与生活密切相关，更要能够启发学生的网页设计思维，促进学生找到切入点去讨论。实事求是的教学，才能促进学生网页设计能力的提升。第二，教学案例内容要与教学内容相关。之所以将案例教学法引入技工院校的网页设计课堂中，就是为了促进网页设计教学目标的快速实现，让学生通过网页设计知识的学习，提高自己的实践能力。因此，教师需要在教学目标的引导下选择案例教学的内容，本着提高全体学生网页设计技巧的目的选择有针对性的案例教学内容。

二、出示任务书

出示任务书是利用案例教学法实施教学的重要环节。任务书中包括案例学习的内容以及具体要求，教师要重视任务书的设计工作，将学生要掌握的理论知识与实践技巧明确地整理在任务书中，让学生以任务书为引导实施开展学习。换言之，如果学生掌握了任务书中的知识点，达到了任务书中的目标，就等于完成了课本相关内容的学习。值得注意的是，教师要重视技工院校学生创造力的培养，在任务书中设置的任务要具有启发性，设置任务的难度不宜太大，要给学生完成任务的信心。例如，在讲解制作文本网页知识时，教师可以设计这样一个任务书：掌握网页文本格式的设置技巧，如空格、对齐、项目列表、标题、字体字号的设置等。这部分内容学习难度不大，教师可以选择学生所在城市的一个旅游景点，让学生为这个旅游景点设计一个文本网页。这样让学生参与到真实的案例中，可以锻炼学生的网页设计技巧，有利于提高专业技能。

三、组织学生讨论

让学生在案例学习活动中发挥自己的主观能动性，是提升学生学习效果的重要手段。在案例教学中，教师要组织学生就难以解决的问题进行讨论，让学生在互帮互助中成长起来。讨论活动的实施要有标准，教师要求小组内的每一位成员都表达自己的看法，分析自己的网页设计工作，为小组成员的学习贡献自己的力量。在所有观点都摆上台面上之后，再针对关键问题进行讨论。例如，在旅游景点文本网站的设计中，一些学生对旅游景点的特色列表持有不同见解，教师要鼓励学生分析网页服务对象以及受众，讨论出最佳方案，让学生在自主探究中实现个人能力的提升。

四、总结点拨，提高案例教学成效

学生的学习能力再强，也需要教师的引导。在技工院校的网页设计教学中，教师要积极发挥在课堂教学中的主导作用。教师通过案例教学法实施教学，给学生创造了更加自由与多元化的学习、探究与讨论的空间，也让教学内容更加开放，从而使教师的教学行为更加轻松。在学生的讨论过程中，教师要巡回指导，避免使学生的学习走入歧途，浪费时间。例如，在学习网页设计的知识时，教师引入城市现代化进程网页的案例组织学生讨论。讨论中，一些小组在特效功能上产生了分歧，教师要及时指导，帮助学生明晰每一种特效的视觉作用与情感作用，并引导学生开发特效的设计方法，保证案例学习的质量。

五、小结

综上所述，网页设计知识的应用性与综合性较强，教师要重视专业理论知识的讲解，也要针对企业对人才的需求、学生的个人能力等加强对操作方法的指导。选择科学合理的案例教学内容，突出学生在案例学习中的主体地位，让问题讨论更加深入，鼓励学生说出自己的疑惑。科学应用案例教学法，是推动技工院校教学改革的重要环节。

参考文献：

[1]王哲.项目教学法在技工院校《网页设计与制作》课程中的探索与实践[D].南昌:南昌大学,2012.

前言：

二十一世纪是一个信息化时代，社会对于信息技术型人才需要越来越高，传统填鸭式的教学方法已经无法满足现代教育需求，只有引入新型教学法与新型教学理论才能培养应用型信息技术人才，而案例式教学法以具体案例分析为主，以学生为主体，可以有效的培养学生的网页设计与网页制作能力，是网页设计教学中可以应用L试的一种教学方法。

1案例教学法的基本概述

案例式教学法在19世纪末期由美国哈弗大学兰德尔教授提出，是一种建立在构建主义教学理论基础上的教学方法，其以“抛锚式教学”为原型，让学生从真实的案例和事件出发去分析问题、解决问题，可以更加直观的加深学生对于知识的体验，因此案例式教学法又被称之为“实例式教学法”以及“基于问题教学法”。通常情况下，案例式教学法可以分为两种，即案例讲解法和案例分析法，首先案例讲解法就是在课堂教学中运用一些针对性很强的案例，教师放弃以往的逻辑性讲解，采用案例直切主题。而案例分析法又被称之为“案例讨论法”在这一过程中以学生为主体，注重学生的课程参与性，以讨论或者分析的方式，来培养学生的思辨能力和问题解决能力[1]。但是值得注意的是在应用案例式教学法进行教学时，一定要注意两个问题，第一在不同的学科教学中，应用案例式教学法的应用策略各有不同，如在网络设计教学中，应用案例教学法最常见的一种方式就是进行典型网站设计，让学生对典型网站进行分析规划点评，从而进行创造设计。第二案例教学法与案例分析有所不同，案例教学法强调的是案例、理论、案例这一过程，既以案例为出发点又以案例为落脚点，这样学生既可以实现理论知识的提升，也可以实现实践操作能力的提升，这就是案例式教学的特点。

2案例教学法在网页设计教学中应用的可行性

案例式教学法作为一种新型教学概念，在网页设计教学中应用案例式教学法是具有一定可行性的，首先网页设计教学注重的就是学生的实践操作，以及各种计算机技术的熟练应用，如Photoshop图片制作、Fals、Dreamweaver等小型网站开发，在这个过程中涉及到的计算机技术有很多，由此可以看出网页设计教学是一门操作性和综合性都比较强的学科，为此学生在学习的过程中必定会产生各种困难，但若是采用案例式教学法通过一些特殊的网页与案例进行讲解，学生就可以更加直观的去理解这些概念，这就攻克了以往教学中的难题[2]。其次应用案例式教学法可以更大程度的调动学生学习的积极性，在案例教学活动中，学生与教师占有者同等的教学分量，体现出了“教”与“学”的平衡，学生可以自由的表达自己的观点，同时也可以通过案例抒发自己的意见，这从某种程度上是强调学生主体作用的，所以学生有了更多展示自己的空间，这就可以大幅度的提升学生学习的积极性，有利于教学目标的实现。最后案例式教学法打破了以往有条不紊的教学组织模式，整个教学更加突出学生的实践操作能力与知识运用能力，是一种理论与实践相结合的新型教学模式。

3案例教学法在网页设计教学中的应用策略

3.1合理选取案例内容，发挥案例教学价值

在应用案例式教学法进行网页设计教学时，教师能够选择合理的案例内容，是发挥案例式教学法应用价值的前提条件，同时也是培养学生实践操作能力的关键。为此笔者认为教师在选择案例内容时，必须要体现出以下几个方面的原则，首先要具有真实性原则，教师选用的教学案例最好是实际生活中真实存在的案例，切记不可使用华而不实的虚拟案例，同时案例的选择要具有一定的典型性和普遍性，能够让学生通过案例的分析给予自身启迪和收获，如京东、聚美优品的网页设计就是符合以上几点原则的案例内容，教师在教学中可以有针对性的进行选择[3]。其次要具有关联性，也就是案例内容与学生训练的课程知识具有关联，例如在学习“网页标题栏设计”这节课程时，教师就可以利用百度网页标题栏，腾讯网页标题栏作为案例，向学生讲解网页标题栏的设计样式与方法，从而达到预期的培训目标，实现良好的培训效果。最后选取的案例内容要具有实时性，网页设计是一个与时俱进的教学内容，如果不能让学生时刻学习最新的知识，学生就会被社会所淘汰，因此选择的案例内容也是如此，必须要将现在最新的网页案例与设计方法传授给学生，才能让学生时刻保持创新思维。

3.2明确案例教学步骤，养成思维习惯

通过上文的介绍可以知道，案例式教学法与案例分析有着本质的不同，案例式教学法强调案例、理论、案例这一过程，以案例出发又以案例落脚，整个教学过程中具有很强的严谨性和协调性，因此教师在应用案例式教学法进行网页设计教学时，必须要明确案例教学步骤，有针对性的进行教学，才能为学生良好的网页设计学习思维习惯，具体而言，在进行案例式教学时，整个教学可以分为四个阶段，即案例选择、学生收集资料、小组讨论、案例评析，案例教学组织贯穿一条主线，即发生了何种问题、问题因何而起、问题如何解决、日后采取何种对策，这就是案例式教学的实质，在教学过程中，教师一定要明确案例式教学的这四个步骤，才能从本质上提升学生网页设计能力。

3.3注重学生讨论分析，加深知识认知

案例式教学法是一种以问题谈论为线索，通过学生自身对案例的分析，加深知识认知的一种新型教学形式，因此在这个过程中分组谈论是案例式教学法应用的一个核心环节，为此在这个教学过程中教师一定要强化学生的主体地位，给予学生更多发表意见的机会，并且摇要将案例问题面向全体，集思广益、共同解决问题。同时由于网页设计中所涉及到的知识点比较多，因此教师无法对知识进行逐一解释，为此在进行案例点拨时，教师可以采用聚焦式的启发方式，对案例中的一些关键问题进行点拨谈论，然后选派小组代表提出本组的解决策略，其他学生倾听发言者讲解，最后教师在进行适当的补充说明，通过这样的案例式教学训练，不但可以为学生养成积极思考的学习习惯，也可以加深学生对于知识的认知。

总结：

在网页设计教学中，最重要的就是培养学生的实践操作能力，而案例式教学法以学生为主体，以教师为主导，注重的正是学动手操作能力的培养，由此可见案例式教学法与网页设计教学十分契合，在今后的教学中教师要注重对案例式教学法的运用。

参考文献：

网页设计与制作是技工院校电子商务专业的核心必修课，课程培养目标是从事网站建设与维护、网页美工等岗位的高技能型人才。因此，网页设计与制作对于电子商务学生就业具有举足轻重的作用，值得电子商务专任教师高度重视，并在教学中不断探索与改革。

一、技工院校电子商务网页设计与制作课程教学中存在的问题

近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。

1.教学内容设计不合理

虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。

2.教学案例不连贯

电子商务网站是一个完整的系统。网站各网页的设计应该围绕某一个或者某一些产品进行营销服务，因此，设计的各网页应该考虑整体风格。但是，在实际教学中，老师依照教材提供的案例进行教学，各案例主要是服务于本项目的教学任务，彼此之间缺乏统一性，导致各案例成为“孤岛”，比如我院选择的张苏中等编写的教材共涉及10个项目，每个项目各有一案例，案例之间缺乏整体性。这往往会影响后续学生实践教学的效果，难以培养学生独立完成一个完整的网站。

3.课程与专业的关联性不强

从调研结果发现，许多技工院校老师在讲授网页设计与制作课程时，在处理教学内容等只考虑该课程，而没有和专业建立必要的关联性。该课程培养目标是能适应电子商务企业工作岗位的人才，因此，教学中应该把握商务特点，而不能一味地为讲技术而技术。

二、技工院校电子商务网页设计与制作课程教学建议

针对以上存在的问题，笔者根据自己多年的教学实践经历，结合当前技工院校电子商务网页设计与制作课程教学现状，提出以下建议，旨在抛砖引玉，与同行交流。

1.专业视角设计教学内容

电子商务专业课程应该考虑该专业的特征，也就是说，教学内容应该着重考虑“商”的特点，以某一产品营销平台构建教学内容，比如在讲授网页编辑时，可以按照电子商务企业岗位工作任务要求，把图像美化等内容充实到课程教学中，提高学生技能。

2.专业角度选择教学案例

教师在教学中，应该尽量选择完整的电子商务网站案例。假如不便于选择完整的电子商务网站案例进行课堂教学，可以在布置学生作业环节中以完整的电子商务网站内容安排课外作业。教师在围绕完整的电子商务网站案例教学时，可以将总教学任务分成若干模块，每一模块完成一定的教学任务，在结束整个学期的教学后，学生就能掌握网站建设的全过程技能。这种贴近实际工作的教学有助于提高学生就业的竞争力。

3.考核方式改革

该课程的考核可以采用“形成性考核+阶段性考核+终结性考核”的综合性考核方式。其中，形成性考核的内容包括学生出勤率、课堂表现、作业完成情况和平常实训教学中动手操作能力等，分值建议确定为考核总分的30%。阶段性考核指的是老师要求学生调研后，自己确定网站主题和网站策划书，自己完成创作过程，老师考核学生完成的最终作品，分值建议确定为考核总分的35%。终结性考核是老师提供模板网站，学生现场独立完成网站的制作（这是为了防止学生课外找而蒙混过关的有效手段），分值建议确定为考核总分的35%。

中图分类号：G71 文献标识码：A 文章编号：1672-3791（2014）03（a）-0209-02

内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。

1 《网页设计与制作》课程现状及存在的问题

根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。

2 《网页设计与制作》课程改革思路

以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。

3 《网页设计与制作》课程教学改革方案

以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。

3.1 教学内容的编排

按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。

网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。

其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。

4 《网页设计与制作》课程考核体系

本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开况相结合，从而得出学生的最终成绩。

考核方案设计如下。

平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。

上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。

综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）

设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。

技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。

5 结语

改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。

参考文献

传统的网页设计教学，基本都是依据教学大纲的要求，模式化的开展教学课程，这种教学模式严重限制了学生的思维，不利用学生理论联系实践能力的培养，导致理论与实践相脱节，基于这些问题，引入案例教学，根据学生特点以及当前教学要求，科学选择案例，将教学与实际的工作内容相结合，这样才更加符合当前计算机教育培养人才的要求。

一、案例教学模式内涵以及特点

案例教学，顾名思义就是以具体案例为依托，进行网页设计教学，这种教学方法能够帮助学生掌握扎实的基础知识以及具体实践操作要点，根据教学大纲的要求，明确教学目标之后，教师带领学生一同进行实践学习，通过小组合作、探索研究等方式，对知识进行进一步解析和研究，从而不断提升学生解决问题的能力，此外，教师还应该将学生协调沟通能力、工作作风等方面纳入教学计划当中，从整体上提升学生的网页设计综合水平，在大量的实践调查分析后发现，案例教学能够充分调动学生的学习积极性，同时也能够活跃网页课堂教学气氛，在和谐的师生关系基础上，通过形象、生动的案例教学，学生对网页设计课程的兴趣会更加浓厚，学生亲自参与到网页制作的过程中，教师合理的在各个知识点结合案例讲解，学生对这些知识点的理解会更加容易，记忆更加深刻，理论联系实践意识得以强化，实践能力不断提高，教师在案例教学中充当的是引导者和启发者的角色，指导学生学习的方向，提高学生自主学习效率。

二、案例教学在计算机网页设计中的具体应用

1、案例教学设计

案例名称：某旅游公司“一日游”的专题网页设计

（1）企业概况。本次进行的案例教学，以某旅游公司的专题设计为内容，该公司从事旅游资源开发工作，是一家具有民营性质的合法公司，在庐山脚下，四通八达，以“庐山”为景点的一日游独具特色，价格合理，是针对各个群体要求定制的套餐服务，该公司具有自己的宣传网站，属于“三星级”旅游公司。

（2）“庐山一日游”的主题介绍。人们生活节奏加快，身心俱疲，在周末或者是闲暇的时候，去庐山欣赏自然风光，缓解身心疲劳，通过体验大好的自然风光，唤醒人们对祖国打好河山的热爱，

2、主要教学内容

（1）准备阶段。准备阶段，教师要选择合适的案例，提供给学生，学生根据教师提供的案例，设计主题，进行相关资料的搜集，教师要以学生的兴趣、爱好以及学习特点为依据，选择当前的热点问题，以及学生关心的问题、擅长的问题，这样才能保障案例教学的成功。

（2）明确设计主题。教师首先将材料分发给班级全体学生，根据教学目标和公司情况，明确设计主题，要求学生设计具有风格特色，能够具有市场轰动效应的交互性专题网页。

（3）实践分组。班级全体学生共有45人，以9人为一个小组，共分为5个小组，每个小组选择一名小组长，小组内容自行分配文字报告撰写、资料搜集任务，调查时间为半天，讨论研究时间为半天。在整个实施阶段，教师需要全程参与，并为学生解决各种问题，同时教师要积极与各个小组保持联系，检查他们的网页制作情况，发现问题及时解决。

（4）结束阶段。这个阶段，就是总结网页制作情况，分析问题，总结经验的过程中，案例评价可以通过学生自评、教师评价以及小组互评三种方法进行。

三、案例教学落实过程中应该注意的问题

在开展案例教学的过程中，和谐的学习分为良好的师生关系以及科学的知识体系，是促进案例教学成功的重要因素，因此教师应该更加关注这几个方面，为案例教学的实施提供更好的条件。

1、营造轻松、和谐的学习氛围

开展网页设计教学中，和谐氛围中，学生的思维才能够更加活跃，心理上才会产生安全以及自由的感觉，网页设计、资料整理分析的时候，才能够大胆想象，教师在案例教学实施的时候，切记自己只是引导者，在适当的时候给予学生点拨，但是绝不能代替学生思考和设计，教师应该充分发挥学生的主管能动性，让学生独立完成整个案例教学过程。

2、提高教师素质，构建良好的师生关系

若想保证计算机网页设计案例教学顺利进行，需要教师具备知识洲博、经验丰富的特点，这也是教师为学生传递经验和知识的基木条件。因此，教师必须要不断的学习，以便为学生提供丰富的信息。因为只有这样，才能提高教师的影响力和威信，进而提高教学质量和教学效果。除此以外，教师还应全面、多角度的爱护和关心学生，同时融入学生中间，以便更好的感受和体会其内心世界，进而在做好教师的同时，努力成为学生的朋友。

3、建立科学合理的知识体系，选择合适的教学案例

良好的认知体系，是帮助学生快速掌握消化知识的关键，学生具备了认识和适应环境的基本条件，在学习中就可以不断实现知识的平衡同化，其顺应机能也更加优良。但是良好的认知体系并不是一开始就有的，教师应该引导学生建立固有知识与新知识点之间的联系，以教学大纲为依托，开展案例教学，应保证案例具有较强的针对性，且能充分反映教学大纲中的相关知识点。例如，为网页页面进行布局时，可通过表格、框架和层的方式进行，如为食品网站做简图时：为确定网页的主色调，应将背景图片插在第一层中：为给网页增添活力和生机，可将has插在第二层中：将精美食品插在第三层中：为体现饮食文化，可在第四层中搭配相关歌曲：为增强网页的立体感，可在第五层中添加浮动物体。此外，教师应先鼓励学生使用表格布局解决相关问题，尔后引出层的内涵，进而逐步解决问题，直至完成学习任务。

四、结束语

案例教学是目前网页设计教学中，最为有效的一种教学手段，它的应用，突破了传统枯燥、单一的教学模式，解放了学生思维，教学更具针对性，学生真正成为了学习主体，网页设计本身实践性非常强，教学中必须要综合理论与实践两个方面，案例教学符合理论联系实际的教学要求，能够推动网页设计教学质量与效率的提升。本文从三个方面对案例教学在网页设计教学中的应用进行了分析，希望能够为相关的教育工作者提供一些建议和参考。

【参考文献】

[1] 陈思聪.浅析电子商务案例教学模式[J].教育现代化，2016（10）.

[2] 林丽钗.案例教学在高职教育学中的实际运用[J].科学中国人，2016（15）.

[3] 张善利.试析积极实施案例教学法在会计专业教学中的运用――以中职会计专业为例[J].现代经济信息，2014（22）.

在传统的教学中，是以教师的讲解再配合学生的练习为主要的教学方法。这种教学模式，是以教师为主导的，老师先传授基础知识，再给学生演示教学实例，演示完成后再让学生做练习来巩固学习的知识。这种方法在教学中持续了好多年，他的好处是教学系统整个教学过程比较完整。可是这种教学方法有个致命的弱点，那就是教师在台上面面俱到的教，可是学生没有实际的操作经验，难以理解，老师在孜孜不倦的教，可是学生却兴趣缺乏，往往是老师累得满头大汗，学生却收效甚微。为此，我们提出了以学生为主导的教学方法。

1.1教师备课以学生为主导，要准备合适的案例为学生开启网页设计的大门学生是教学过程的主人翁，教师实现备课，除了准备必要的基础知识以外，我准备大量的设计实例。网页设计在技能上更注重设计，因此在备课的过程中，要根据学生学习循序渐进的过程，准备各个阶段的案例项目。在学生刚开始接触网页设计之初，要给学生一个网页的整体设计思路。这时候要准备大量的成品优秀案例，最好是获奖作品，提升学生的学习兴趣，让学生觉得学习网页设计是一个非常有意思的事情。在提升了学生的学习兴趣以后，要及时的准备教学实例，这个阶段要及时地把网页设计的基础知识融入其中，这个阶段的教学实例要简单易行，让学生比较容易上手，这时候的案例要比较充裕，以大的作业量来提高学生的基础设计水平。在学生掌握了基础制作水平以后，就是学生的提升阶段了，这个阶段的学习是非常重要的，是关系到整个网页设计教学的成败，这个阶段案例的选取要有代表性，这时的案例要全面可行，每一种案例都要涉及。最后的一个阶段是总结阶段，这个阶段的案例的选择要具有实用性，要采用企业的实际案例，模仿企业的运行模式来教学，案例要选取企业中实际制作项目。这样一整个备课过程下来，教师就对整个教学有了事先的良好把握。

1.2在教学过程中采用“校企一体化”的模式校企一体化的教学模式指的是在教学过程中模仿企业的运营模式，老师是项目经理人，学生是企业员工。在这种教学过程中，一开始学生就是作为新进员工参与其中的，教师指导学生做大量的基础案例项目。这种项目可以是把制作好的网页模板切片做必要的基础链接，可以是为网页设计漂亮的导航，可以是为网页优化布局。当然可以在这个过程中加入一些简单的网页整版设计，要注意要及时的调动学生的积极性，对于完成的好的作业案例要给予表扬，适时的肯定学生的成绩会使学生的学习更为有益。在基础案例做的比较多的情况下，学生的基础制作水准有了很大的提高，这时候要及时的推动教学进入下一个提高阶段，这时候教师要把自己的角色定位为项目经理人，提出一些有代表性的项目，比如为某酒店制作一个网站，提出各种要求，让学生在规定的时间内制作完成。这阶段教学的过程，教师要有耐心，要有一定的高度，对于学生的要求要严格，对于学生作业中出现的问题要马上提出，并督促学生做出优化设计。这个阶段的案例一定要全面，给学生的项目要有代表性，对目前使用范围比较广的网站设计方向要把握准确。在最后的总结阶段，教师提出的案例最好是企业所提供的，这种实例更具有实际性和探索性。比如，为宏福祥服饰有限公司制作网站。在这个网站的制作过程中，就有学生的大量参与，从选片修片到整个版面的设计，乃至后台的制作设计，学生们都做出了巨大的努力。在这个网站的制作过程中，学生分成了五个小组，做出了五套网站设计方案，最终有一套方案被企业录用。这种企业的教学模式在网页设计教学过程中取得了很好的效果。

1.3教学结果评价的改革在以往的教学中，都是以考试来评定教学结果的。在新的校企一体化的教学模式中，我们摒弃了以往的评价模式，采用作业考评结合平时表现的模式来评价学生的学习效果。采用平时表现，作业成绩三七开的方法来考核学生。在作业的评定中，为了使评定结果更客观，我们采用专业教师和合作企业代表共同参与学生的作业讲评，根据讲评综合给分。这种考核方法更为合理有效，不仅仅考核了学生的全面的专业技能还考核了学生的职业素养。

2．有效合理的利用校内实训

高职院校作为培养专业技术人才的前沿阵地，已在计算机科学与技术、电子商务、广告设计与制作、软件工程等专业开设了《网页设计与制作》的课程，不断探索适合高职院校学生的网页制作能力的教学方法显得格外重要。

1 《网页设计与制作》教学方法现状

《网页设计与制作》一门既包含一定的理论知识且实践性、技能性和创造性比较强的课程。笔者在近几年的教学过程中发现现有的教学方法存在一些问题，首先，其涉及内容广泛，大多数教师仍按照课程的章节顺序进行讲授，在有限的课时内很难讲完，即使讲授完，学生大多只能是表面接受，缺乏网页设计的实战经验。其次，教学方法比较单一，造成学生往往只能记住一些最基本的制作，无法独立全面完成一个网站的制作与设计。最后，课程讲授结果与市场需求严重脱节，学生学完课程后，没有真正的实践经验，缺乏相应的就业竞争力。鉴于现有的教学方法存在严重的不足，迫切需要探索新的方法从而激发学生的学习积极性，提高教学质量，让学生学有所成。

2 《网页设计与制作》课程改革的几种教学方法

⑴案例教学法。案例教学法作为一种新型的教学方法已遍及各个领域及学科。案例教学法是一种以案例为基础的教学法，要求学生在对相关的基础理论知识具备理解、分析和辨识的条件下，老师根据教学大纲规定的目标和要求精心设计案例，并引导学生对实际案例进行深入剖析，采取个人独立思考和团队合作讨论相结合的分析方法，进一步提高学生辨识、分析和解决某一具体实际问题的能力，同时培养正确的管理理念、沟通能力和协作精神的教学方式。在案例教学中，教师和学生都需要相互配合，积极投入并参与到教学过程中。教学方法以学生的独立分析研究为主，老师的传授和指导为辅。教学任务要求学生通过对案例的分析积累经验，培养自己的思辨能力。教学过程总是从案例开始，然后分析问题，最终解决问题。由此可见，培养学生具有独立分析研究工作的能力是案列教学中的一个重要环节，教师的指导和教学的准备都是为学生的分析研究工作所服务的。

⑵项目教学法。项目教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。该方法是以项目为主线、教师为主导、学生为主体的一种教学模式。教师在教学过程中创设项目活动情境，结合学生的知识技能和实践经验，引导学生完成本项目活动的方法和过程。根据课程和项目要求，教师可将学生分编成几个不同的项目组，并要求各小组中每个学生的能力达到互补，使之在进行项目开发的同时能够相互学习，相互促进，取长补短，激发学习兴趣。通过项目的完成，增强学生的知识和技能，提高分析和解决问题的能力，在情感、态度的价值观多方面对学生进行培养。结合《网页设计与制作》课程实践性非常强的特点，笔者在教学过程中要求学生不仅要完成课堂上讲解的知识点和必要的练习，还要求其在课后自主设计完成一个网站，主要通过和学生共同实施一个完整的项目工作来进行教学活动。这样的项目教学法主要是从学生的专业和工作中的实际应用出发选择具有典型性的事例作为教学内容，学生在教师的指导下按照问题的要求搜集和选择信息资料，通过小组的共同研究，创造性地去解决和分析问题，并完成项目。最后，对各小组项目作品进行评价，并针对评估提出的问题对作品进一步完善。通过项目教学法可以使学生的学习更加具有针对性和实用性，培养学生的实践能力、分析能力、应变能力、交流能力、合作能力和解决实际问题的能力。

⑶任务驱动教学法。任务驱动教学法是在任务驱动教学和案例教学的基础上提出的一种基于建构主义和人本主义理论的教学模式。在教学过程中，紧紧围绕一个共同的任务活动中心，把所要学习的知识巧妙地融入在一个个任务当中，并在完成任务的同时充分发挥学生的积极性、主动性和创造性，从而培养学生独立探索和勇于开拓进取的自学能力。笔者在《网页设计与制作》课程教学中，要求学生完成一个网站的设计，设计的网页包括网页框架布局、网页元素的定位、网页规划与设计、信息的处理、网页的修饰、图片的插入、超级链接和文件存储等教学内容。在设计该任务时，我把网页设计与制作所涉及的基础理论知识和操作方法与技能充分隐含在任务中，然后将此任务分解成若干个小的任务，在教学过程中分步骤的指导学生去完成该任务，从而保证课堂教学目标顺利完成。

3 结束语

教学方法的改革是当前高职院校面临的一个重要课题。教学方法的合理运用，既能提高学生的学习兴趣和效率，又能培养出适合社会需求的合格人才。根据本人的教学实践，通过对以上三种方法的综合运用，并采用模块化教学模式对《网页设计与制作》课程进行教学，可以让学生能够快速对整门课程的基本知识点和操作技术全面了解，并在有限的教学时间内快速学习完成整个网站设计和开发的基础知识，从而实现《网页设计与制作》课程的教学目标和高职院校的人才培养目标。

[参考文献]

[1]谭慧琳.案列教学法在《网页设计与制作》教学中应用的探讨[J].电脑知识与技术，2009（05）：1425-1426.