关键词：案例教学法；网页设计；应用
在网络技术迅速发展的过程中，网站建设层出不穷，社会之中呈现出来急缺网页设计技能人才的趋势，而案例教学法作为从国外引入的一种新型教学法，在网页设计教学中将案例教学法应用在其中，可以使学生的分析判断能力与实践操作能力得到更好的提升，因此为了加大网页设计人才输出，加深案例教学法在网页设计教学中的应用研究探索十分必要。
一、案例教学法内涵及应用意义
1.案例教学法内涵
案例教学法是在1920年由美国哈弗大学兰德尔教授提出，而到了1980年，案例教学法在国外的教学发展中基本已经走向成熟，具体而言，案例教学法就是指，在教学过程中以案例为基础，通过教师的有效引导以及学生的配合，从而完成教学任务，实现教学目的[1]。因此将案例教学法进行细致的划分，又可以分为案例讲解法和案例驱动法，其中案例讲解法，主要是指在教学过程中教师从一些比较具有代表性的案例入手，改变以往知识输出的方式，利用案例直切主题，而案例驱动法则是根据教学目标要求，以学生为主体，注重学生在教学过程中的参与性，让学生自行对案例进行数据调查、分析讨论以及交流活动，因此很多教育学者又会将案例驱动法亲切的称之为“案例讨论法”，但是无论是案例讲解法还是案例驱动法，都是以构建主义教学理论为原型，强调学生主体知识构建的教学方法，让学生自己去发现问题、分析问题、解决问题，在二十世纪末，由于网络技术的发展与计算机使用的越发频繁，案例教学法被引入并应用在网页设计教学中，这极大的推动了网页设计教学的发展。
2.案例教学法
在在网页设计教学中的应用意义案例教学法作为一种新型教学法，将案例教学法应用到网页设计教学中无疑是具有重要意义的，具体而言，笔者认为这种重要意义主要体现在以下三个方面，首先在案例教学法中强化了学生的独立思考能力与实践应用能力，以往的网页设计教学过程中，教师教什么，学生就学什么，然后在实践中却有很多知识是不可实用的，这对学生的学习效果以及学习积极性都造成了很严重的打击，而我们也清楚的知道，网页设计教学是具有操作性和综合性特点的学科，在教学过程中学生要学习多种知识，如Illustrator图片制作、Fals、Dreamweaver等，这就要求学生必须要一定的实践动手与独立思考能力，而在案例教学中，学生是课堂的主体，学生与教师占有者同等的教学分量，学生要对案例表的自己的想法与意见，这无疑是对学生独立思考的一种鼓励，同时也打破了教学中“教”与“学”的平衡，可以帮助学生进行更好的专业学习[2]。其次案例教学法，注重双向交流，有助于学生创新能力的培养，在现代人力资源理论中，注重学生的综合素质培养，因此一味的死读书在教学中已经行不通了，在案例教学活动中，学生在拿到案例后，要自行进行资料查找，教师在这个过程中给予一定的指导，这有助于学生创新能力的培养，由些可以看出，在今后的网页设计教学中将案例教学法应用在教学过程中是教师最好的选择。
二、案例教学法在网页设计教学中应用需要注意的问题
案例教学法现下已经成为专业教学中最常见的一种教学方法，除了在网页设计教学中，在中医教学以及法医教学中，都有相关的应用尝试，但在值得注意的是，在不同的学科之中，案例教学法的应该策略也各有不同，如在网页设计教学中，教师在应用案例教学法时，就应该注意以下问题。首先是案例选择要具有一定的明确性，在进行网页设计教学时，教师所选择的案例，应该要突出教学内容主题，并且要具有一定的典型性和代表性，让学生通过对案例的分析与思考，就能够掌握本节课程之中的重点，并且可以帮助学生提升网页设计方面的逻辑思维与思考能力，从而实现一种化朽木为神奇的效果，真正让学生的综合素质能力得到提升。其次是选用的案例要具有一定的启发性，任何一个网页设计案例，都不是完全完美的，都会存在一定的缺陷，因此教师在运用案例进行教学时，其实即是在让学生学习这些典型案例中的精髓，同时也是对这些案例中的缺陷进行深入的思考，为此教师应该善于运用案例去对学生进行启发，从而帮助学生建立一套统一的问题分析处理思维方式。最后是选择的案例要具有一定的实践性，网页设计本就是操作性很强的课程，因此教师选择的案例必须要突出实验、实训环节，从而让学生通过案例分析，将理论知识与实践相融合，这是有助于学生未来职业发展的，而这些都是教师在运用案例进行网页设计教学时需要注意的地方[3]。
三、案例教学法在网页设计教学中的应用研究
1.引导实施，布置任务
案例任务布置实施是案例教学中的核心环节，而案例教学虽然是一种以学生为主体的教学方式，但是却离不开教师的有效引导，在这里笔者举这样的一个例子，例如在学习《静态网页制作》这节课程时，本节课程之中包括以下几个方面的知识容，如页面布局知识，具体还包括表格以及框架布局，其次还有图片的插入设置，如图片热点功能等，最后是六种超连接方式，以及二级菜单的制作，为此在教学过程中，教师可以选择一个静态网页制作比较优秀的案例，如现下比较热门的静态旅游网站，在这个案例网站之中，展示了一些城市中标志性建设，和代表性的主体公园，还有一些标志性的景点等，通过案例展示，教师可以先为学生提出这样的问题，如此网页共有哪些部分组成，如何确定各部分之间的具体内容，在或者如何对后期插入的图片进行修饰，然后引导学生对这些问题进行讨论，最终根据案例内容，为学生布置相应的任务，如案例是一个静态旅游网站，那么教师可以让学生根据案例以及知识学习，去进行网站首页制作，这个案例与任务之间就具有一定的共通性，可以加深学生对于知识的掌握[4]。
2.确定案例，自行准备
从案例确定，到完成任务是需要一定准备时间的，如教师为学生布置了一个这样案例任务，在现下的很多院校之中，网站还属于外挂类型，这样的网站设计虽然精美有余，但却实用不足，如学校当有一些新的通知时，无法及时的进行更新，为此教师就可以为学生布置一个这样的案例任务，让学生根据校园网站页面的这种不足，从而进行一个全新的网站页面设计，为此首先教师要引导学生进行资料搜集工作，如对学生以及教职员工进行采访，征询他们对于网站的修改意见，最后进行想法整理、草图设计、规划网站布局以及主图风格确定等，在这个过程中，教师同样要发挥出自身的引导作用，将自己的一些想法与意见分享给学生，同时值得注意的是，网页设计只是网站建设的一个组成部分，因此学生在进行网页设计时，还要考虑到开发人员的排版，注重自身在进行网页设计时的逻辑结构问题，不要为排版人员增添麻烦，这样也可以提升网页页面的美观性，而这些都是学生在进行准备过程中需要注意的问题，当有这样的充分的准备后，学生就可以动手展开相应的网页设计了。
3.案例分析，集中讨论
案例教学法是一种以问题讨论为线索展开的教学，因此在进行案例教学时，让学生对案例中存在的问题进行分析讨论是存在一定必要的，具体而言可以从以下两个方面进行实施，首先是小组之间的讨论，这是最常见的也是十分必要的一个过程，学生可以自行的去组建小组，也可以由教师进行小组划分，在案例教学之中，小组主要讨论的内容就是，案例网页设计的优点以及缺点，以及案例网页设计过程中需要使用的软件工具，如Dreamweave、Falsh、Photoshop等[5]。例如在学习“网页标题栏设计”这节课程时，在教学中，教师就可以为学生出示一些比较成功的标题栏网页设计，如百度网页标题栏，搜狐网页标题栏等，通过这些常见而又实用的案例，让学生讨论这些网页设计的精妙之处，以及需要改进的地方。其次是以全体学生为单位，通过对案例的讲解，将一些共性的问题提出来，然后引导学生集中式，进行讨论分析，从而调动学生学习的积极性与注意力，进而实现案例教学的启发作用。
4.科学评价，及时反馈
在学生完成案例任务后，教师应该对学生进行科学客观的评价，这是有助于学生专业知识成长的，同时这也是在以往的案例教学应用中，很多教师时常忽视的一个部分，这降低了案例教学在网页教学中的应用价值，因此这是教师在今后的教学中需要注意的一个地方。在对学生进行评价的过程中，笔者认为教师可以采用学习评论和定性评价相结合、教师评价和学生评价相结合的方式，这样的评价更具有科学性，同时可以增进师生之间的交流，让教师更加及时的发现学生可能存在的问题[6]。除了评价的方式要具有一定的科学性，评价的标准也应该从多角度出发，如教师教师在对学生的案例任务完成情况进行分析时，可以从学生的网站构思、网站主题选取、连接方式、色彩搭配等，多个方面进行考虑，从而给予学生更加科学的评定，而在评语以及评分的过程中，可以将同学打分、教师打分、自我打分三个分数进行综合评定，相信在这种客观科学的案例教学评价中，一定可以更好的调动学生的学习积极性，同时教师也可以根据评价信息反馈对自身的案例教学进行反思，从而从本质上加快学生的网页设计实践能力培养。
四、结语
网页设计教学是一门综合性实践性较强的专业，而案例教学法作为一种新型教学方式，应用在网页设计教学中是具有一定可行的，且能够全面的提高学生的学习质量，因此在今后的教学中教师要注重对案例式教学法的运用，从而为我国的网络网站建设发展输出更多可用之才，同时也促进学生的长远发展。
参考文献：
[1]王春娟.案例教学法在《网页设计与开发》课程中的应用研究[J].亚太教育,2016(6):109-110.
[2]刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报,2010(6):107-109.
[3]陈桂珍.项目教学法在《网页设计与制作》课程教学中的应用[J].职业时空,2010(5):111-112.
[4]符小明.“任务驱动教学法”在网页设计教学中的应用[J].科技资讯,2010(10):187.
[5]张学林,段珊,胡波,王明.案例教学法在网页设计与制作教学中的应用[J].改革与开放,2009(6):147+149.
【关键词】项目驱动 案例 教学模式 网站设计
《电子商务网站设计》课程是针对培养学生电子商务系统开发能力而开设的一门专业核心课程，是该专业学生能力培养的重要课程。该课程培养学生在分析电子商务系统的功能需求、规划设计电子商务网站的架构和电子商务网站开发等方面的具体能力，是电子商务专业学生一门综合性课程，为其以后的发展打下良好的基础。本文对我院《电子商务网站设计》的开设现状、存在问题及教学改革作了相关研究。
一、课程现状
目前各高校《电子商务网站设计》是以培养学生的网站信息管理与编辑技能为主要目标。该课程涉及到商务网站规划设计、站点素材的搜集与编辑、网站功能实现和页面制作、网站与管理等多方面的知识和技能 ， 涵盖内容广 ， 实践性很强。主要讲解如何应用“网页制作三剑客”创建和管理网站、网页的制作及链接、图片素材的编辑处理等 ；使学生了解如何规划并建立站点，掌握制作网页的基础知识，能熟练利用“网页制作三剑客”的强大的功能制作出精美的网站。另外，为了使学生掌握制作动态网站的技术，一般还会讲授“动态网页设计”内容，使学生掌握一门网页编程技术的基本概念、基本原理、学习制作动态网站。如在该课程中介绍 ASP 技术，掌握 ASP 的编程环境 IIS 的构建与配置 ；掌握 ASP 的编程语言VBscript 和Javascript 的语法 ；掌握 ASP 与数据库的连接与操作。
二、存在的问题
现有课程现状的安排导致本课程的教学存在以下误区 ：教学内容基本停留在对工具的使用或语言的学习及掌握上 ；内容偏计算机，学生很难学懂 ；特别是电子商务专业学生以文科生来源为主，学生程序设计学习很少，对于动态网页编程技术很难掌握。内容太多，目标性应用不强，学生没兴趣学；理论内容与实践内容相互独立， 在实际应用中一般先讲工具软件、数据库、编程语言的使用，再让学生实践，理论与实践各自有各自的计划和目标，理论基本不能为实践服务。电子商务技术发展迅速，建设小型电子商务内网站的工具也越来越倾向于模版式的傻瓜式操作，在教学过程中教师教授的理论知识的获取来源于书本及网络，没有到目标公司实地调研的经历，因此在课程讲解中缺乏市场需求依据，照本宣科，使电子商务网站建设与管理课程缺少了“真实性”，由此学生对本学科的态度容易产生无用论。
三、“项目”+“案例”教学模式构建
“项目”教学是指电子商务网站建设课程以项目的开发作为教学的总目标，项目可分为若干“案例”，第一次课时教师将项目背景阐述清楚，让学生清楚的知道学完这一门课之后能解决怎么样的问题，将掌握怎么样的技能，将会具体实现什么样的应用。建立起学生的学习兴趣。“案例”教学是指课程教学中以典型案例划分教学内容，以案例引导课堂教学，以案例引导学生知识点的掌握，以实际案例为剖析对象，教师指导下教学和学生共同参与案例的分析、讨论以寻求实现方法，实现理论与实践一体化。
表一：课程项目――案例分解表
项目过程 子项目 案例
需求分析阶段
项目一初识电子商务网站
案例一从传统商务到电子商务
案例二电子商务网站的概念、功能与特点
案例三成功案例分析
项目二电子商务网站规划 案例一电子商务网站需求分析
案例二域名策略与ISP选择
案例三服务器解决方案
系统设计阶段 项目三电子商务网站设计
案例一网站结构设计
案例二网站内容设计
案例三网站风格、创意与形象设计
技术准备阶段 项目四运用HTML编写网页 案例一HTML入门
案例二运用HTML布局页面
案例三建立超链接与图像处理
开发阶段
（技术分解学习） 项目五“春江翠堤”网站界面设
计 案例一网页导航栏制作
案例二网页Logo制作
案例三网页Banner制作
案例四网页页面编排
案例五网页切片
项目六“春江翠堤”网站动画制
作 案例一“广告语”打字效果动画制作
案例二网页Banner动画制作
案例三图片切换播放效果制作
案例四网页Banner完善
案例五Flash广告制作
项目七“春江翠堤”网站制作 案例一网站制作基础入门
案例二构建本地站点
案例三布局首页表格
……
案例十三站点的与维护
强化开发过程
项目 项目八网上书店制作实例 案例一《网上书店》功能设计
案例二《网上书店》站点规划
案例三《网上书店》网页制作-图书浏览模块
案例四《网上书店》网页制作-注册与登录模块
【关键词】网页设计；教学方法；实践
拥有自己的网站是政府机关、企事业单位以及广大网络爱好者的共同需求，制作精美的网页来吸引浏览者，提高网站的知名度，是大家共同的目标，而这一切都依赖于网页的设计和制作技术的运用，因此，也说明了网页设计与制作课程的重要性。《网页设计与制作》是近年来计算机领域发展最快和应用最广的课程之一，现阶段急需培养掌握网页设计、面向不同应用层次的人才。
1.《网页设计与制作》课程的特点
《网页设计与制作》课程的特点是涵盖知识面广，综合性和实践性较强。《网页设计与制作》不是作为一门课程孤立存在的，它需要依靠多门课程的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。
《网页设计与制作》课程的教学以“实用、必须、够用”为原则，强化培养学生的实践操作能力及分析应用能力，做到“讲、学、练”统一协调。课时分配上注意将理论与实践进行科学、合理的安排。突出实践环节，注重培养学生的实践动手能力，提高理论服务于实践的意识。
2.《网页设计与制作》课程的教学方法
2.1 项目教学法
将《网页设计与制作》课程的总项目确定为开发一个具有一定实用功能的网站，并根据其中涉及到的知识点，将课程总项目划分为若干子项目。项目以任务书的形式下发给学生，按制定计划、实施、评价、和实际运行等阶段写出时间和目标要求。
2.1.1 制定项目计划
对项目涉及的问题进行分析，确定操作步骤，选择方法，制定计划。在此阶段，学生的主要任务是制定项目实施计划。教师的主要任务是关注学生的做法是否正确，启发和指导学生。在教学中采用分组法，将班级学生分成多组，每组人数约8人，选派一名“项目负责人”，为了让大家都能得到锻炼的机会，一般让团队的学生轮流当项目负责人。学生以团队为单位制定项目计划。例如，在做“学院主页”这一项目时，教师将此项目的学习目标和能力目标告诉学生。然后和学生一起分析项目，制定完成项目的基本步骤：首先确定网页的主题、内容、布局结构、色彩设计方案等以及团队人员的分工安排；然后根据设计绘制草图；最后写成项目计划书。项目教学注重学生主体作用的发挥和综合能力的培养，在制定项目计划过程中，教师要重视学生个性发挥，鼓励学生形成自己的特色。制定好计划后，教师要让每个团队的“项目负责人”介绍制定的计划，并说明设计理由。通过对项目计划的介绍，一方面可以提高学生的表达能力，另一方面，学生之间可以互相启发和学习。教师适当的把自己的见解和意见告诉学生，帮助提高计划的可行性。
2.1.2 实施项目计划
在实施过程中，要求学生注意两点：一是团队的合作精神和工作效率；二是要求学生认真记录每个操作步骤和过程。教师不仅要为学生提供充足的资源，而且要在学生实践操作过程中边观察边指导。学生在制作网页时，由于分工不同，处理图片的学生与设计版式的学生往往不是同一人，处理出来的图片经常会与布局规格不一致。教师要及时指导学生按照计划书的设计图进行设计，指导“项目负责人”组织好团队，与同学做好交流和沟通。有时候，计划书里一些预期的设计效果学生不能完成，如层的精确定位、FLASH动画的透明显示等，教师可及时进行指导，一方面可加深和巩固所学的知识点，另一方面，提高学生的学习积极性。
2.1.3 项目评价
学生在完成项目后，教师要求他们进行自评和互评。学生对各自项目自评，不仅有利于学生的自主学习，而且可以改进课程或教学的设计，其作用是重视学生学习主体，重视学生的反思，以促进学生的发展。学生互评是让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见，教师要引导学生尽量客观地从正面进行相互评价。
首先让每一组同学进行自评，完成自评过程后，请每一组以项目负责人为主，介绍本组设计的网站，在介绍过程中要求说明各自网站的设计的过程，遇到过什么问题，这些问题是如何解决的。其他组的同学可提出问题，让设计者解释网站所用的相关技术及特点，随后进行互评。在评价过程中要充分发挥学生的评价能力，适时引导学生通过自我反思和相互评价了解自己的优势和不足，学习别人的特长和优点，以评价促进学习，让学生在互评中相互学习、相互促进，共同提高。最后教师对各项目组的网站进行综合评价，这一工作很重要，是必不可少的。教师在评价学生网站时不能只进行优劣评价，而应该要指出问题所在，给出具体改进及修改建议等，让学生去完善网站。
2.1.4 项目归档及
项目完成后，归档工作也是网站工作的一部份。要求每个项目组对各自网站设计时的书面材料的右上角标注编号，并做好各种材料的目录表。对文本文件，图像文件，Flas文件、声音文件、视频文件，以统一的格式保存，做好这些文件材料书面记录。记录好在网站设计过程中使用过的软件名称、型号、版本号和相关参数手册、说明资料等。最后刻录好光盘，做好用户手册，并制作好电子文件的备份。
每个项目组，申请一个域名及网站空间，并把各自的网站传送至Web服务器中，完成站点的工作。进行市场化运作的项目交用户验收使用，并要经常对用户网站进行维护和更新，以提高网站的访问量，达到好地宣传效果。
实践表明，以项目为驱动的教学方法，有效地建立了课堂与社会现实生产生活的联系，使学生学习更有针对性和实用性，为以后进入实践和实习打下了基础；同时也有效调动了学生的积极性，充分发挥了学生的主动性和创新精神。
2.2 案例教学法
从《网页设计与制作》课程的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。例如，层与导航、书籍专卖、旅游网站、房地产公司网站、个人网站等。以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学布局。在案例教学中，首先要确定掌握哪些基本原理，然后，再选择出能够说明这些原理、理论的案例来。具体实施步骤如下：
2.2.1 收集和整理素材
这是实施案例教学法的基础和前提。信息是网站的根本，根据网站主题内容收集各种信息资料。如学院网站包括：学院简介、专业简介、招生就业等内容资料。整理资料则是根据将上述收集到的资料进一步挑选和细化，收集到的网页素材应落实为站标、内容、导航栏等页面元素。将收集到的资料转换成网页所能识别的文件格式。我们可以在各类网站收集或自己制作所需的网页素材，以便在教学案例中使用。
2.2.2 选择和设计网页案例
在选择和设计教学案例时应注意几点：一是案例必须具有教学性：通过直观的网页案例可以形象生动的展示学习的目标，也使学生能明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用案例教学的主要目的。二是案例必须具有典型性：所选择的案例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进地原则。所选择和设计的网页教学案例更要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。三是案例必须具有针对性：选择和设计教学案例应针对学生的实际兴趣和接受能力来选择，这样学生就会学得兴致盎然，教师的点拨也会事半功倍。
2.2.3 演示和讲解网页案例
通过案例演示，提出问题，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。将案例分解为若干个可行的任务，然后在一个个任务的驱动下，逐步完成案例的演示。一个网页案例往往包含了多个知识点，授课教师在讲操作时如果一口气把整个案例过程讲完，学生虽然能听懂，但不能记住。因此必须分步骤讲解，新知识点越多，步骤应分得越细。教师每讲完一步就要让学生练习一步，学生练完、练会后，老师再接着讲。这样直到学生一步一步地跟着老师把整个案例完成为止。教师在授课时一定要注意控制好速度，在讲到一些新知识点或学生操作比较生疏时，速度要尽量放慢些。一段时间后，学生有了一些基础，讲课速度可稍快些，特别是一些已经学过的知识点，可以快速讲解，甚至可以略过而只讲新知识点，以便多节省点时间给学生练习。
2.2.4 总结和应用
在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。
案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。
在《网页设计与制作》课程中采用案例教学法，让学生对网页设计的基本理论知识的理解和技巧的掌握更具体化。案例教学法对激发学生的学习兴趣、提升学生的学习效率作用十分明显。
3.网页设计实践环节
当学生已基本掌握了本课程的大部分内容时，可以布置一份综合作业，要求每位学生设计一个网站。要求学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。
为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，符合要求了，学生方可开始制作。
3.1 培养自主学习能力和基于问题式学习能力
综合作业里贯穿着问题式学习方法，完成综合作业需要学生发现问题，带着各种问题，考虑自己要学习哪些内容，在课后自行学习课堂和书本上未曾讲过的知识，需要自行查找大量的资料，确定设计方案，独立完成从设计、测试、排除问题到实现的全过程，通过综合作业，培养学生灵活运用所学知识解决比较复杂的实际问题的能力。
3.2 培养团队合作精神
在实际工作中，很多工作都不是一个人能独立完成的，这就需要团队合作，以集体的智慧攻克难关。学生在完成综合作业的过程中，势必要遇到一些相对比较棘手或者百思不得其解的问题，这个时候同学之间的沟通与交流乃至合作是非常必要和有益的。在对问题的讨论过程中不仅能了解对同一问题的不同解决方法，更能加深对知识的理解，同时学生自身的能力也在这一过程中获得了提高。
3.3 鼓励学生勇于创新
在布置综合作业的时候，要给学生留有充分发挥的空间，鼓励学生勇于创新，最大限度地接触最新技术，鼓励学生敢于向难题挑战。在满足综合作业基本设计要求的前提下，鼓励学生自行添加附加功能，为自己的作品“锦上添花”。在网页设计综合作业中，个人网页设计精彩纷呈，有些没有讲过的技术，学生也能应用。学生的思维是非常活跃的，只要加以正确的引导，在建立了兴趣的基础上，他们总能带给我们“意外的惊喜”，甚至是惊叹，教师在这一过程中也能从学生那里学到一些新知识。
学生在完成综合作业以后，不仅仅增强了动手能力，巩固和提高了对知识的掌握和理解，更是极大地培养了创新意识与创新思维。我们只有让学生在快乐的基础上主动学习、实践，让学生在学习的过程中尝到成功的喜悦，感受到自身能力的提高，增强学习的主动性，才能够真正达到学习的目的，才能最大限度地将“以学生能力发展为本，培养学生的创新意识与创新思维”的教学理念渗透进教学中去。
4.结束语
《网页设计与制作》课程教学内容活泼多样，教学方法灵活多变，目的明确。实践证明，以上教学方法及实践环节，都充分调动了学生的学习积极性，体现了以学生为主体的思想，充分体现了理论与实践的紧密结合，学生既学到了理论知识也掌握了实践技能，提高了学生的技术应用能力，收到良好的教学效果。
参考文献
[1]刘英晖.探索项目导向法在《网页设计与制作》中的运用[J].制造业自动化,2011
(6):188-190.
[2]韩勇.案例驱动教学法在《网页制作》课程分阶段教学中的运用[J].电脑与信息技术,2010(4):68-70.
关键字：网页设计 开发 案例教学法
近年来，随着IT行业的迅速发展，特别是电子商务网站的发展与成熟，《网页设计与开发》课程已经成为了计算机、电子商务等专业的必修课程之一。网站的发展带来了专业人才的需求空间，也相应的提高了学生对课程教学的要求。通过案例教学法，让所教学生更加了解网页设计的内容，同时适应企业对人才的要求。
一、案例教学法概论
案例教学始于哈佛商学院，从十九世纪末开始至今，在法学、管理学等学科领域应用广泛[1]。案例教学比较传统型教学更加具有开放性和双向性，能在一定程度上提高学生的思维能力和创新能力。从某种意义上说，案例教学法的主体不仅仅是教师，它更加注重教与学的结合，同时具有启迪性，通过分析让学生举一反三灵活应用，从而让学生学习到与未来职业接近的工作方式和解决问题的实际能力。由于案例教学法中采用的教学案例来自于工作中所遇到的实际问题，也能提高学生的学习兴趣和职业能力。
二、采用案例教学法的原则
（一）符合课程特点的原则
网页设计与开发是一门实践性很强的课程，通过学习这门课程能够培养学生解决实际工作问题的能力。案例的选择必须是与现实工作相关的内容，让学生能够充分了解工作的实质和学习解决实际问题的方法。
（二）符合学生特点的原则
对于学生应采用因材施教的原则，在学习案例的同时，要不断的启迪学生，让学生能够将所学的只是融会贯通。
（三）符合课程体系特点的原则
《网页设计与开发》是一门结合多种软件制作工具的课程，其中包括：Dreamweaver、Flash、Fireworks、Photoshop等，加上HTML技术以及有关的数据库，可见学生要掌握和了解的知识点相当多，容易造成知识之间的干扰，不利于吸收知识，因此应该以Dreamweaver为主线，结合相关案例让学生能够将所学的各项内容有机的结合起来。
三、案例教学法的具体应用
（一）课程引导阶段
此阶段主要在于培养学生的兴趣，激发学生的好奇心。通过演示一些经典的网页案例来启发学生的积极性，例如新浪网、淘宝网、百度等一些优秀的具有不同功能的网站让学生进行观看。在演示的同时，让学生思考例如商业网站和个人网站的不同与特点，综合性网站和商业网站的不同于特点等等。同时讲解站点的设计理念、标志的设计、色彩的应用、信息的组合、超链接的层次等等。在这个阶段需要对网页设计的知识点讲解透彻，让学生对于如何制作网页与网站有清晰的条理，为学生制作网页打下好的基础。
（二）学习制作阶段
例如在进行Dreamweaver教学时，可以讲教学内容与实际案例相结合，在讲到表格时，可以举表格布局网页的例子，在说到层时可以通过弹出菜单的例子来进行分析讲解；在说到“行为”时，可以掩饰单机播放辅导能够广告漂浮栏的实例。在进行Photoshop教学时，可以将各大网站的LOGO截图给学生进行观看，让学生了解网站LOGO的制作对网站的重要性，再引入PS教学。在进行Flash教学时，可以下载网上大量的素材，在制作蝴蝶花丛飞的动画时，先播放一段蝴蝶翩翩起舞的影片，制作猎豹奔跑的动画，可以让学生在网上分别寻找猎豹和森林的背景图片，通过素材的收集和应用，不仅可以提高学生的审美能力、想象力和兴趣，还可以制作出更加生动的动画作品。
（三）综合项目合作阶段
通过一段时间的基本技能的学生后，让学生分组完成网站的制作。要求学生在课余时间去学校附近联系自己的客户，客户可以是物流公司、小商铺、学校、企业等，为客户制作一个小型的宣传网站。通过这种方式一方面可以为我们搭建一个学习的平台，使学生在学习的过程中也能体会到制作网站的整个流程；同时也可以培养学生在网站制作过程中能及时与客户进行交流沟通的能力，为以后从事这方面的工作打基础。
四、结束语
实践证明，通过在《网页设计与开发》课程中采用案例教学法，同时利用好实践教学环节，可以有效的将理论教学与能力应用相结合，通过自己分析、制作、合作大多数学生都可以自己或者与团队一起完成完整的网页作品。不同的环节采用的不同案例，让学生能够学会主动研究问题、分析问题、解决问题。俗话说“授人与鱼不如授人与渔”。学生本身也很愿意接受这种教学方式，且在课后也能够积极主动的完成教学任务。希望通过更多的实践与探讨，给计算机教学带来新的启示。
参考文献：
【论文摘要】《网页设计》课程是一门实用性和综合性都很强的课程。本课程教学的最大特点是易学易忘。为了提高《网页设计》课程的教学效果，必须不断改革与充实教学内容，注重突出人才培养的实践性、应用性。改革教学方法，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。
《网页设计》是近年来计算机专业领域发展最快和应用最广泛的课程之一，当今社会急需培养掌握计算机网页设计、面向不同应用层次的专业人才。因此，本课程自开设以来，受到学生的普遍欢迎，学生对这门课程教学的要求也越来越高。
《网页设计》课程以Dreamweaver MX软件为主干，专门介绍网页设计和制作的基本技巧。通过这门课程的学习，能够让学生掌握网页设计的基础知识，并能熟练地制作出动态网站。但是网页制作技术也在不断地发展变化，新的技术、新的方法也在不断涌现，所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。
为了提高《网页制作》课程的教学质量，笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会，与大家一起探讨。
一、《网页设计》课程的特点
高等学校计算机专业开设《网页设计》课程的主要目的，是通过本课程的学习，培养学生的实际动手能力和计算机的操作能力，使学生能够运用所学的知识进行网页设计。
《网页设计》不是作为一门课程孤立存在的，它要靠多门学科的知识给予支撑。它们相互渗透和依赖，构成一个科学的、完整的课程体系。
《网页设计》课程的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生的动手能力，培养学生的专业兴趣。学习中一定要注意理论与实践相结合，其中实践内容是教学的主线。学生应该有较充足的动手实践机会，较熟练地创作出实用的动态网页来。理论教学服务于实践教学，实践教学反过来又作用于理论教学。在教学过程中常有学生反映，上课能看懂、理解，但课后就忘了，更不要说以后的实验了。这是本课程教学的最大特点：易学易忘。下面将探讨若干提高《网页设计》课程教学效果的方法。
二、《网页设计》课程的教学方法
1、教学内容的改革
为了让学生能够适应计算机技术的快速发展，笔者在教授这门课程的过程中，对这门课程的教学内容不断地进行着调整。教学调整的目的就是让学生能够独立完成网页设计。所以在课堂上，主要以学生掌握知识为根本、以“能懂、够用、实用”为教学原则、以培养学生动手能力为目标来指导整个教改思路。
《网页设计》课程以前主要是应用FrontPage软件，再结合图像处理软件来处理一些网页图片。而现在网页制作主要讲授的内容是由Dreamweaver软件、Fireworks软件和Flash软件组成。讲授时是按这三个软件的先后顺序对各部分进行讲解，这三个软件的功能更新也非常快，讲授内容不能一成不变，如果这样，容易出现学生学习到的知识陈旧。通过调研并根据网页技术的发展状况，在每学期的教学过程中，笔者都会对本课程的内容进行调整，删除以前教学中过时的、理论性较强的内容，增加目前实用的、流行的新技术。
2、分阶段模块化教学
在教学中应注重突出人才培养的实践性、应用性。将整个教学内容分为四个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的超文本标记语言HTML；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver MX；第三阶段能进行网页设计中的图像和简单动画的制作；第四阶段掌握在网页中嵌入Javascript脚本语言，实现网页动态效果。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。 转贴于
3、案例教学法
案例教学是在学生掌握了有关基本知识和分析技术的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过学生的独立思考或集体协作，进一步提高其识别、分析和解决某一具体问题的能力，同时培养沟通能力和协作精神的教学方式。
案例教学使得学生成为了教学活动的主体，形成了学生自主学习、合作学习、研究性学习和探索性学习的开放型的学习氛围。与传统的以教师为主导的教学法相比，案例教学法有以下几个方面的特点：①传统教学方式是以教师和教材为中心，以灌输的方式从书本到书本，从概念到概念，关注的是向学生灌输了哪些知识，忽视了对学生学习潜能的开发，导致学生理论与实践的脱节。而案例教学十分注重学生的主体性、主动性、自主性的发挥，注重引导学生通过案例的分析推导、运用概念较好地解决实际问题，促使学生的思维不断深化，并在力图对一个问题寻找多种解答的过程中培养和形成创造性思维。②案例教学有利于提高学生分析问题和解决实际问题的能力。区别于传统的注入式教学方式，案例教学是一种动态的、开放的教学方式，在案例教学中，学生被设计成自身处在特定的情境中，在信息不充分的条件下对复杂多变的形势独立做出判断和决策，在这过程中锻炼了自我综合运用各种理论知识、经验分析和解决问题的能力。③案例教学有利于促使学生学会学习。学会学习是学习型社会对人们能力的基本要求。传统教学方式教给学生的是运用概念解决问题的现成答案，学生获得的是背诵、机械记忆、按标准答案答题的知识。而案例教学告诉学生“答案不止一个”，答案是开放的、发展的。在案例教学中，教师通过有意识的引导，让学生自己去查资料，通过个体独立或群体合作的方式做出分析和判断，积极寻找多种答案，这样经过反复多次的积淀后，就会获得了自主学习的方法，使其学会学习成为现实。④案例教学有利于促使学生学会沟通与合作，在合作中互相沟通，在沟通中增进合作。
在教学中，教师通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。具体做法是通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即老师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后，都要首先让学生上机去模仿着实现，然后再要求他们采用自己的解决方案来完成任务。实践证明，采用这种方式进行实践性强的课程教学收效非常明显。
4、注重实践环节
当学生已基本掌握了本课程的大部分内容时，就可以布置一份综合作业，要求每位学生设计一个个人网站并添加一个动态效果。要求每位学生对自己的网站要做到既有鲜明、统一的风格又有完善的内容，将页面的结构、图片的位置、链接的方式设置合理，做到网页布局的和谐统一，并且还要做到容易更新等。要做到这些，就必须在制作网站之前，对网站进行一个总体规划，然后再逐步进行设计。
为了让学生有良好的创作技巧和独特的风格，把综合作业布置之后，先让学生进行选题，构建出自己的网站结构，再上网查询相关的资料，然后对网站进行规划，写出书面的网站设计方案，教师对每个学生的方案进行审查和评阅，及时指出应改进的地方和存在的问题，满足要求了，学生方可开始制作。通过这些环节让学生学会了创建、查找、阅读专业文献资料的方法，培养了学生撰写方案的能力。
总之，教师应以培养能力为主线，强化实践性教学。
教学工作是学校工作的重点，教学方法的革新是一个永久的话题，在教学过程中必须不断探索、不断创新，只有这样才能顺应时代潮流的发展，培养出素质高能力强的人才。
【参考文献】
[1]吕慧娟. 《网页设计》课程教学的创新与实践. 电脑知识与技术. 2007.13.
关键词：网页设计；教学模式；师生互动
一、当下网页设计课堂的不足
1.网页虽然是个简单的名词，但是涉及到的知识种类繁多，不仅包含文字、图形、色彩、版式设计、还有动画、音视频以及编程等，对于艺术专业学生来讲，基本的平面设计能力和审美素养是具备的，能够利用所学知识设计出创意的平面广告。但是设计出一套优秀的网页还是不容易的。网页设计需要运用到photoShop、flash、以及DreamWeaver等设计软件，而专业老师需要具备熟练运用这三个软件的能力，并具有较好的设计能力，才能指导学生的网页作业和学习过程。因为学生在作业途中会遇到很多意想不到的问题，只有教师熟练掌握软件操作才能找到病因，除掉病根。无论课堂还是课下，学生都会在设计中遇到各种各样的问题而烦恼，教师稍微指点迷津，学生便豁然开朗。
2.如今的软件教学课堂大部分是案例教学，老师做一个案例，每个步骤学生跟着做，虽然学生能比着葫芦画瓢，但是他们不知道为什么用这些工具做，不出课堂就忘记了如何塑造自己想要的作品，对于这种教授方法不仅不能让学生完全掌握设计方法和能力，也不能熟练软件工具，并且在未来长时间学习中，学生的学习兴趣会慢慢降低，面对编程等问题更加懈怠，这样也会让学生的创意设计能力慢慢丧失。导致了学生累，教师累，让学生做设计根本无从下手不会做的状态，所以必须要有一个能提高学生学习积极性，又能提高教学质量的课堂教学模式。
二、教学模式的改进
1.加强师生互动。在课程的开始部分需要教师来引导，必须选择适合的教材和实训内容，通过演示软件的菜单和工具使用，让学生对软件使用进行初步的了解。第一步，教师需要案例演示，在演示中积极互动调动学生思维，如提问，接下来怎么做呢，用什么工具呢，引发学生主动思考，会有很多优秀同学回答问题，也会带动全班的学习积极性。同时提醒学生把所学的版式设计和色彩搭配以及构图的知识运用到网页设计中。第二步，讲解部分内容后，观察一下学生学习程度和能力，根据学生状况调整学习进度，讲解速度等。第三步，加强和学生沟通，了解学生的心里动向，对学生的学习兴趣点和当下流行趋势透析，教师与学生之间的心灵沟通极为重要。
2.循循善诱，由浅入深。在案例讲解的第一课，教师提问学生知道哪些网站类型，然后做一个关于校园首页、专业介绍、校园景色、访问留言等几个页面，页面内容简单大气，包含导航、字体版式、图片、动画、音乐等。学生初次完成第一张页面后，教师再举一反三，拿出刚才制作过程中的重点，比如表单的多种应用，列举文字字段使用后，让学生自己尝试使用复选框、单选按钮和按钮组、添加列表和跳转菜单、添加按钮等等。再如链接的几种方式，讲解完比较难的锚点链接后，让学生自己尝试使用空连接、文本和图像链接、电子邮件链接等。开始就学习这些比较简单的网页元素，不能学生在开始就啃骨头，不然就知难而退了。第二个案例讲解制作一些具有版式创意和内容丰富的页面，增加页面的Flash媒体元素，比如Flash按钮、视频等。在讲解第二个案例前必须重新复习网站开发流程，收集资料素材草图——规划站点——网页制作——测试。对于艺术专业学生学习的网页基本以静态网页为主。
3.任务导向，团队出击。在课程后期课堂给学生留出两节课时间，将学生分组，并布置关于手机界面设计的任务，给学生打印三至四份手机界面设计样稿，让学生传阅了解设计规范和说明。这次任务结果将是结课成绩，得出的最高分是获胜的团队。在制作过程中遇到问题，专业教师负责答疑解惑，帮助学生完善。作品展示：在规定时间内学生完成了网页设计任务后，将自己的设计思想和过程演示给大家，其它组的同学们可以根据设计的不足提出问题，要求设计组根据问题给予解答或更正不足。教师最后根据学生的作品评出优秀，并给较差的团队鼓励并指正问题，争取各团队在以后的设计比赛中得到提升。
4.现在的学生大多是娇生惯养比较懒惰，独立自主能力差，更缺乏刻苦钻研的精神。对于学生来说自己多做练习才有助于提高专业能力，网页设计需要更多的设计思路，并付诸实践才能学到真本领。加强作业布置的具体要求，并设定主题，严格要求作业的设计稿，不断的让学生思考修改，只有在不断的修改中才能得到提升。改变老师讲课为主变学生练习为主，让学生主动找老师辅导作业，积极鼓励学生参加一些设计比赛，如果老师讲的很多，不但老师累，学生也学不到东西，学习网页设计重在练习，在辅导作业的同时学生才能记住并领会到老师讲的知识点。总之一句话，授人以鱼不如授人以渔。
5.举一反三，与时俱进。同样对于图形图像处理等类似的课程，学生希望的是能够学完这门课程后真正的做出作品，甚至在全国性的比赛中获奖。所以在授课中应该多以典型的案例讲解，并提炼案例中的知识点来让学生举一反三的学习其它相关知识点。建议在整个授课过程中，教师需要灵活运用知识，使用多元化的教学手法，以便吸引学生的注意力。通常的黑板教学和PPT多媒体是常用的，加上CAI课件、教案与网页文件、视频动画等形式，可以说种类非常丰富，教师可以两种或者多种相互穿插的手法进行立体化教学。不仅丰富了教学内容，提高学生的热情，教师的应变能力也会得到提升。条理性、疑难性、重点性是教师授课的三大法宝，做一名“受学生欢迎”的教师而不仅是“优秀”这两个字所能代替的。在高科技发展的今天，教师只有不断学习，不断完善自己，不断的进步，才能与时俱进跟上时代的步伐。
三、总结
在课堂上学生是抱着很大的期望学习的，如果一个教师让学生失望了，估计再重新提起学习的热情是很难的。能够让学生喜爱自己的课才是真正的成功，而不是强迫学生上课学习，一个人性化的课堂是充满很高的热情氛围的。希望在未来的教学路上，笔者能够不断地提升自己，并寻找先进的教学方式。
参考文献：
[1]陈小燕，谢强，丁秋林.浅谈项目式教学在网页设计与制作中的应用[J].电脑学习第1期，2010（2）.
[2]吴俊荣.基于行动导向的网页设计与制作课程教学设计研究[D].吉林：东北师范大学，2012（3）.
[关键词]网页布局与人机学；研究意义；研究目标；研究过程；教学实践
中图分类号：U46 文献标识码：A 文章编号：1009-914X（2016）04-0216-01
我们生活的21世纪已经进入了信息时代，近年来随着智能手机，平板电脑的不断发展发展。人机界面的设计和开发已经成为国际上计算机设计领域最为活跃的研究方向。在网站策划、网站设计和网站运营的过程中，人机交互和用户体验是经常被谈及与运用的概念。一个网站布局得不合理，首先会表现在功能和页面设计的契合度上，具体表现就是用户在网站上找不到需要的信息，或者是我想完成一个操作找不到相应的按钮。这就是在设计网站时没有从用户的角度出发所造成的。为了让学生运用网站配色与布局知识设计出人性化的网站，更好的与就业岗位对接，在本阶段的课题研究中我将“网页布局与人机学的研究与实践”作为我研究的课题。学生在设计作品时能够运用人机学的知识，提高用户体验的舒适度。
一、网页布局与人机学的研究意义
通过本课题的研究，学生能够运用色彩原理进行网页颜色的搭配并且能够运用布局技巧进行网页的布局设计。同时能从临摹网页到自主设计，让网页效果设计真正从想法逐渐变成现实。在综合项目实战中，贯穿网页配色与布局的知识，综合运用人机学的原理，达到对网页设计制作的整体把握。有助于提高中职学生网页制作的能力。
二、网页布局与人机学的研究目标
通过对网页布局与人机学的研究与实践，不断改进网页布局综合案例的教学策略，力求找到提高我校学生网页设计能力的方式方法，提高教育教学质量，有效的把课堂变为真正的工作室。在综合项目实训中设计出与就业岗位充分对接的网页作品，为学生就业打下坚实基础。
三、网页布局与人机学的研究过程
（1）准备阶段（2013年7月～2013年8月）
专题研究准备阶段的主要任务是学习与课题研究有关知识，确定专题研究目标、研究对象、研究方法和研究内容，制定研究实施计划。
（2）实施阶段（2013年9月～2014年6月）
根据市场调研结果明确专业核心能力，制定相应的计划，编写技能检测手册。
（3）总结阶段（2014年7月～2014年9月）
对本课题研究过程及资料进行收集整理，形成课题总结报告，并将专题论文、调查报告和研究个案汇编成集，撰写个人结题研究报告。
四、教学实践的成果和结论
在学校课题的研究分类中，我主要承担的是《网站配色与布局》这本教材中网页布局与人机学这部分的教学研究。在几年的网页制作课程的教学实践中，不断尝试应用多种信息化教学手段，以“学生为主体教师为主导”的教学理念贯穿整个教学过程。体现了“做中学，做中教”的职业教学理念，充分调动了学生学习的主动性和积极性，较好的培养了学生独立思考，分析与解决问题的能力，取得了很好的教学效果。在教学中旨在网页布局与人机学的教学实践中有更为突出的成果，培养中职学生的职业能力，为学生今后成为一名优秀的网页设计师打下坚实基础。2013年7月在抚顺市信息化教学设计中获得一等奖；2013年9月辽宁省“创新杯“信息技术说课大赛一等奖；2013年11月获得部级”创新杯“信息技术说课大赛一等奖；2013年12月获得抚顺市级优秀课。2015年11月获得部级信息技术教学设计大赛二等奖。
1.网页布局与人机学的相关概念研究
通过对此概念的研究，在教学过程中，我采用实例讲解的方式。从iPad看人机学。iPad是当今社会较为流行的电子设备，也可以称之为街机。同学们对我列举的实例会非常感兴趣，由此学生会非常渴望即将要讲解的知识。iPad是著名的苹果公司出的平板电脑。iPad在人机交互操作上做得非常细致。为什么iPad无论老人小孩都会用，其基本操作甚至很少需要别人的协助和说明书？究竟是孩子容易接受iPad？还是iPad容易让孩子接受？iPad的设计可谓“童叟无欺”，老人、孩子都可以流畅使用。人机学应该是“傻瓜式”的，去追求一种更“本能”的操作，就像吃饭穿衣一样简单。通过以上实例的讲解，学生很快理解人机学的概念，并且知道在网站配色与布局这本书中为什么给我们介绍人机学的概念。让学生充分理解了网页的易用性和美观性非常重要，这样同学们就能很认真的学习人机界面设计的原则及设计方法。在教学中有效的突出了教学重点，突破教学难点。
2.网页布局综合案例的设计风格研究
引入案例――网页布局的风格类型。本案例的主要目的是在不改变网页内容的前提下，改变网页的风格类型。这就需要用的布局的知识。在之前的学习中我们已经掌握了各种网页布局的知识与技巧。不同的网页有不同布局。这样综合起来就形成了不同的网页风格类型。那我们常见的网页风格类型有哪些？有什么特点？引入理论学习知识，教学过程很自然的过度。经过理论讲解后，进行实战案例――设计临摹典型商业型网站。
在教学过程中引入实际案例，教师通过案例讲解相关理论知识，再让学生应用所学理论知识完成实战案例，使学生能够 “学以致用”，完成本课的技能目标。这样不仅增强了讲解的直观性，降低了学生学习的难度，还可以有效的激发学生的学习兴趣，充分调动和发挥了学生学习的积极性、主动性、创造性，培养职业核心能力，实现教、学、做一体化。
3.电子商务网站个案研究
网页设计是一项系统工程，它包含了从用户调研到最终上线的全过程。我将以一个电子商务网站为例，系统地讲解整个网页的设计过程。
在项目实战案例――新蛋购物网站主页制作讲解过程中。首先了解技术要点，包括（1）确定网站整体风格。（2）网页色彩搭配。（3）网页布局技巧。其次进行案例分析：随着网络的普及，网购已经火起来，给同学们阐述 “没有人上街不代表没有人逛街”的现象。同学们在这个过程中就会纷纷议论都在哪些网站上买过东西，喜欢浏览哪些网站，为什么喜欢去浏览那些网站，引出网页设计的重要性。电子商务网站作为网购的首要利器，是用户和商家的唯一互动平台。所以界面设计的好坏，对其销售额起着重要的影响作用。在授课过程中自然引入案例，要求在设计制作过程中注意体会如何运用网页配色与布局的知识来设计出人性化的购物网站。使学生能够自主学习、独立操作和自我评测。
通过对新蛋购物网站首页的制作，更加熟练的使用之前学过的技巧。深入了解页面的合理用色和颜色之间搭配使网页更有效果；图片在画面中的合理摆放；准确划分页面结构等。对前面所学的知识融会贯通，学以致用。在设计网站的时候，要分析网站的主题内容，选择符合主题表现形式的布局，采用搭配合理的色彩表现主题的风格，加上细心的构思和新颖的创意，必然可以设计出优秀的网站。
五、存在的问题和今后的设想
学生到企业学习的机会太少，没有实际开发项目的经验。每个企业都有自己的团队，每个人都有自己指定的设计项目，这就要求都得是有经验的设计师。而我们的学恰恰就缺少这中间的锻炼过程，很少会给我们中职学生提供实践的机会。这使我们中职学生不能够很好的与企业对接。
要想解决这一问题，我觉得我们任课教师必须走入企业，先接触一些开发网站的公司，在企业参观学习。在网页制作的课堂上，拿一些企业的真正案例让学生实践，制作网页配色和布局的整个流程，这样同学们才能真正的得到锻炼。让学生深刻体会网页界面布局的人性化设计，真正的将课堂变为企业的创作工作室，使学生能快速适应工作环境，提高中职学生的就业率。
参考文献
1理论教学
1.1课程目标《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
