网页设计教学教案篇1
关键词：案例教学法；网页设计；应用
在网络技术迅速发展的过程中，网站建设层出不穷，社会之中呈现出来急缺网页设计技能人才的趋势，而案例教学法作为从国外引入的一种新型教学法，在网页设计教学中将案例教学法应用在其中，可以使学生的分析判断能力与实践操作能力得到更好的提升，因此为了加大网页设计人才输出，加深案例教学法在网页设计教学中的应用研究探索十分必要。
一、案例教学法内涵及应用意义
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.
网页设计教学教案篇2
关键词：案例教学法；网页设计教学；应用研究
前言：
二十一世纪是一个信息化时代，社会对于信息技术型人才需要越来越高，传统填鸭式的教学方法已经无法满足现代教育需求，只有引入新型教学法与新型教学理论才能培养应用型信息技术人才，而案例式教学法以具体案例分析为主，以学生为主体，可以有效的培养学生的网页设计与网页制作能力，是网页设计教学中可以应用L试的一种教学方法。
1案例教学法的基本概述
案例式教学法在19世纪末期由美国哈弗大学兰德尔教授提出，是一种建立在构建主义教学理论基础上的教学方法，其以“抛锚式教学”为原型，让学生从真实的案例和事件出发去分析问题、解决问题，可以更加直观的加深学生对于知识的体验，因此案例式教学法又被称之为“实例式教学法”以及“基于问题教学法”。通常情况下，案例式教学法可以分为两种，即案例讲解法和案例分析法，首先案例讲解法就是在课堂教学中运用一些针对性很强的案例，教师放弃以往的逻辑性讲解，采用案例直切主题。而案例分析法又被称之为“案例讨论法”在这一过程中以学生为主体，注重学生的课程参与性，以讨论或者分析的方式，来培养学生的思辨能力和问题解决能力[1]。但是值得注意的是在应用案例式教学法进行教学时，一定要注意两个问题，第一在不同的学科教学中，应用案例式教学法的应用策略各有不同，如在网络设计教学中，应用案例教学法最常见的一种方式就是进行典型网站设计，让学生对典型网站进行分析规划点评，从而进行创造设计。第二案例教学法与案例分析有所不同，案例教学法强调的是案例、理论、案例这一过程，既以案例为出发点又以案例为落脚点，这样学生既可以实现理论知识的提升，也可以实现实践操作能力的提升，这就是案例式教学的特点。
2案例教学法在网页设计教学中应用的可行性
案例式教学法作为一种新型教学概念，在网页设计教学中应用案例式教学法是具有一定可行性的，首先网页设计教学注重的就是学生的实践操作，以及各种计算机技术的熟练应用，如photoshop图片制作、Fals、Dreamweaver等小型网站开发，在这个过程中涉及到的计算机技术有很多，由此可以看出网页设计教学是一门操作性和综合性都比较强的学科，为此学生在学习的过程中必定会产生各种困难，但若是采用案例式教学法通过一些特殊的网页与案例进行讲解，学生就可以更加直观的去理解这些概念，这就攻克了以往教学中的难题[2]。其次应用案例式教学法可以更大程度的调动学生学习的积极性，在案例教学活动中，学生与教师占有者同等的教学分量，体现出了“教”与“学”的平衡，学生可以自由的表达自己的观点，同时也可以通过案例抒发自己的意见，这从某种程度上是强调学生主体作用的，所以学生有了更多展示自己的空间，这就可以大幅度的提升学生学习的积极性，有利于教学目标的实现。最后案例式教学法打破了以往有条不紊的教学组织模式，整个教学更加突出学生的实践操作能力与知识运用能力，是一种理论与实践相结合的新型教学模式。
3案例教学法在网页设计教学中的应用策略
3.1合理选取案例内容，发挥案例教学价值
在应用案例式教学法进行网页设计教学时，教师能够选择合理的案例内容，是发挥案例式教学法应用价值的前提条件，同时也是培养学生实践操作能力的关键。为此笔者认为教师在选择案例内容时，必须要体现出以下几个方面的原则，首先要具有真实性原则，教师选用的教学案例最好是实际生活中真实存在的案例，切记不可使用华而不实的虚拟案例，同时案例的选择要具有一定的典型性和普遍性，能够让学生通过案例的分析给予自身启迪和收获，如京东、聚美优品的网页设计就是符合以上几点原则的案例内容，教师在教学中可以有针对性的进行选择[3]。其次要具有关联性，也就是案例内容与学生训练的课程知识具有关联，例如在学习“网页标题栏设计”这节课程时，教师就可以利用百度网页标题栏，腾讯网页标题栏作为案例，向学生讲解网页标题栏的设计样式与方法，从而达到预期的培训目标，实现良好的培训效果。最后选取的案例内容要具有实时性，网页设计是一个与时俱进的教学内容，如果不能让学生时刻学习最新的知识，学生就会被社会所淘汰，因此选择的案例内容也是如此，必须要将现在最新的网页案例与设计方法传授给学生，才能让学生时刻保持创新思维。
3.2明确案例教学步骤，养成思维习惯
通过上文的介绍可以知道，案例式教学法与案例分析有着本质的不同，案例式教学法强调案例、理论、案例这一过程，以案例出发又以案例落脚，整个教学过程中具有很强的严谨性和协调性，因此教师在应用案例式教学法进行网页设计教学时，必须要明确案例教学步骤，有针对性的进行教学，才能为学生良好的网页设计学习思维习惯，具体而言，在进行案例式教学时，整个教学可以分为四个阶段，即案例选择、学生收集资料、小组讨论、案例评析，案例教学组织贯穿一条主线，即发生了何种问题、问题因何而起、问题如何解决、日后采取何种对策，这就是案例式教学的实质，在教学过程中，教师一定要明确案例式教学的这四个步骤，才能从本质上提升学生网页设计能力。
3.3注重学生讨论分析，加深知识认知
案例式教学法是一种以问题谈论为线索，通过学生自身对案例的分析，加深知识认知的一种新型教学形式，因此在这个过程中分组谈论是案例式教学法应用的一个核心环节，为此在这个教学过程中教师一定要强化学生的主体地位，给予学生更多发表意见的机会，并且摇要将案例问题面向全体，集思广益、共同解决问题。同时由于网页设计中所涉及到的知识点比较多，因此教师无法对知识进行逐一解释，为此在进行案例点拨时，教师可以采用聚焦式的启发方式，对案例中的一些关键问题进行点拨谈论，然后选派小组代表提出本组的解决策略，其他学生倾听发言者讲解，最后教师在进行适当的补充说明，通过这样的案例式教学训练，不但可以为学生养成积极思考的学习习惯，也可以加深学生对于知识的认知。
总结：
在网页设计教学中，最重要的就是培养学生的实践操作能力，而案例式教学法以学生为主体，以教师为主导，注重的正是学动手操作能力的培养，由此可见案例式教学法与网页设计教学十分契合，在今后的教学中教师要注重对案例式教学法的运用。
参考文献：
[1]黄丹丹.网页设计教学中激发中职生的创造潜能[J].科教文汇（上旬刊）.2015（01）
网页设计教学教案篇3
关键词：“网页设计与制作”；项目案例教学法；教学设计
笔者所在的济南幼儿师范高等专科学校，“网页设计与制作”主要是面向初等教育学院的学生开设。他们将来的工作岗位是小学教师，掌握好这门课程，有助于其在工作岗位上进行班级管理、班级文化建设、校园文化建设等方面的工作。所以在实践教学中，选用项目案例教学法是非常有必要的。
一、案例教学法的内涵
案例教学法指在教学过程中，教师和学生为了共同实施一个完整的项目案例而采取的一系列以教师为主导、学生为主体的教学活动。这种教学法在培养学生的自主能力和合作能力方面有着显著的效果，它能够引导学生主动参与项目案例有关的课堂讨论，调动学生的学习兴趣和积极性。
二、高职“网页设计与制作”课程中应用项目案例教学法的适用性分析
“网页设计与制作”是在初等教育学院五年制小学教育专业大专第三、四学期开设的专业基础必修课。通过本课程的学习，学生需要掌握的相关内容有：了解设计和制作网站的一般流程；了解www、Http、HtmL、CSS的定义、概念和作用；理解w页、网站、网址、浏览器等基本概念；掌握添加和编辑各类对象如文字、图像、表格、表单、音频和视频的基本方法；掌握创建超级链接的方法；掌握表格、层、框架的使用方法；掌握表单、行为的使用方法。
这门课程具有较强的可操作性和实践性，教师需要寻找既与实际工作情境密切相关、又能将教学内容紧密结合的教学方法组织教学。项目案例教学法非常适用于该课程的教学需求，经过近年来备课组的实践与探索，发现这一教学法能够为全面提高学生的信息素养提供保障性支持。
三、高职“网页设计与制作”课程中的项目案例设计
项目案例的设计是保证顺利开展项目案例教学的基本
1.项目案例的设计要立足于实际工作情境。“网页设计与制作”课程的目标之一就是培养能够胜任实际工作任务的人才，所以案例的设计要从实际工作任务出发。学生在完成学习的过程中熟悉了相关的工作岗位流程，今后从事类似工作时能够更加游刃有余。
2.项目案例的设计要将知识点与实际需求相结合。项目案例的选取既要考虑到具体知识点，又要根据实际需求将知识点融合入案例中。“网页设计与制作”课程的知识点多且散，比如网页对象的应用中包含文字对象、图片对象、音频和视频对象等知识点，所以在设计案例时要考虑到所有知识点。
3.项目案例的设计要生活化、社会化。在设计教学项目案例时，既要考虑到学生的就业方向，也要面向全社会的相关岗位，所设计的项目案例既要来源于学生自身专业，又要做到生活化、社会化。
根据济南幼儿师范高等专科学校初等教育学院小学教育专业的人才培养目标，以及“网页设计与制作”课程的目标和教学实施方案，课题组设计出了8个综合项目案例，综合项目案例设计流程见表1。
四、高职“网页设计与制作”课程中的项目案例教学设计
1.创设情境、展示效果。教师创设具体的工作情境，展示项目案例的完成效果，学生在此过程中明确接下来要完成的项目任务。
2.分组讨论、分解任务。各组长引领组员讨论项目案例中的目标要求并分析涉及的知识点，分解任务后根据组员的特点将任务布置给小组成员。
3.自主探究、小组合作。
此阶段为关键阶段，每个小组任务后，由组长负责将所有组员完成的部分进行整合。
4.交流讨论、三方评价。教师引导全班学生进行交流，并对作品进行三方评价，分别为个人自评、组内互评、教师评价。从评价中教师可以把握学生的学习状况，学生也可以了解到自身的优势和薄弱部分。
5.归纳总结、扩展提升。根据评价结果，学生归纳总结在完成本次项目案例过程中的收获与不足，并在今后的项目案例学习中加以改进。
五、出现的问题
1.优质学习资源欠缺。项目案例教学法成功实施的关键是项目案例的设计和组织。但是目前各高职院校的“网页设计与制作”课程尚没有建立项目案例资源库，优质学习资源欠缺。所以，建立一个内容丰富、可共享的项目案例资源库势在必行。
2.加强教师业务进修。项目案例教学法的实施对教师的专业素质要求很高。在应用项目案例教学法时还需加强教师的专业进修。
网页设计教学教案篇4
1.1教学目标与职业岗位相衔接
高职《网页设计与制作》课程相关的职业岗位主要有：网页设计与制作、网页美工、网站管理、界面设计、网页编辑等。教学目标的制定应包括技能目标和职业素养目标两个方面。从技能要求方面，传统的《网页设计与制作》设计课程的教学目标要求主要包括掌握网站的建设与管理；熟练使用Dream－weaver，Flash和potoshop，也是就是俗称的“网页三剑客”制作静态页面。而对于计算机网络专业、计算机应用专业和电子商务专业的学生来说，Flash和potoshop只能达到会使用软件，与同样开设《网页设计与制作》的美术专业的学生相比，他们显然没有优势，也达不到网页美工和界面设计岗位要求。因此，计算机网络专业、计算机应用专业和电子商务专业的《网页设计与制作》课程相关的职业岗位主要有：网页设计与制作、网站管理和网页编辑等。由于web2．0标准的出现，现在网页设计与制作以及网页编辑等工作不仅要求会用Dreamweaver软件，而且要用web2．0标准的要求进行网页设计与编辑，对JavaScript网页脚本编辑要求也比较高。因此《网页设计与制作》教学目标中对技能的要求应该是掌握网站的建设与管理；熟练使用Dreamweaver制作静态页面；熟练掌握CSS与DiV对网页进行布局与设计；掌握JavaScript的基本语法并能使用JavaS－cript做简单的动态页面效果。由于JavaScript属于网页脚本编程，也可以将JavaScript作为独立的课程放在《网页设计与制作》课程之后学习。从职业素养方面，传统的《网页设计与制作》课程的教学目标中对于职业素养的培养提及得较少，而对于企业来说，职业素养是很重要的。从图1电子商务网站开发流程中不难看出，一个网站的建立到页面设计，再到网站的运行与管理必须有一个团队才能完成，团队里的每一个人都需要有合作精神，要对自己所负责的工作尽心尽力；网站是为客户而建，页面的设计也是需要满足客户的需要，因此，与客户的沟通显得格外重要；网页设计技术不断更新，网页内容可涉及到各行各业，因此，从业人员也需要不断提高自己的技术水平，同时能够涉足更广的知识，这些对于从业人员的自学能力提出了一定的要求。根据职业岗位对职业素养的要求，《网页设计与制作》课程应培养学生的团队合作精神、敬业精神、沟通能力和自学能力。
1.2课程设置和内容与职业资格标准相衔接
高等职业教育主要培养适应社会需求的高技术人才，衡量培养出来的学生是否是高技术人才，目前主要以取得职业资格证书为标准。与《网页设计与制作》课程相关的职业资格证书主要是Ciw认证网页设计师，国内是Ciw中国认证网页设计师，主要是对网页设计制作人员、web开发人员及网页设计爱好者综合应用网页制作开发工具进行专业、高效web设计与制作能力的权威认定。图2中显示的是Ciw中国认证体系，从图中可见，Ciw认证网页设计师证书需要“网页制作专家”、“动画制作专家”和“图像处理专家／平面设计专家／平面设计师”三科认证证书才能获得，《网页设计与制作》课程可以将“网页制作专家”认证的考试体系和考试内容作为课程设置与课程内容选择的标准，这样可以使课程设置和课程内容与职业资格取证相衔接。教师在教学过程中，可将所选的教材为基础，参考Ciw网页制作专家认证考试大纲，将考试大纲的培训内容部分和认证考试要点部分作为主要的教学内容和教学目标，将教材内容进行调整，突出教学重点和难点。由于教学学时有限，学生又是从零点开始学习，教师可向学生提供网络学习资料，并提供近年来的Ciw网页制作专家认证考试试题给学生练习。这样不仅巩固了课堂教学效果，而且还能培养学生的自学能力。
1.3教学过程与实际职业情景相衔接
职业教育突出的是教育的职业性，而一般高职学校的教学环境和教学条件还是传统的教学环境和教学条件，《网页设计与制作》课程的教学过程一般是在教室和机房里完成，无法让学生走进真正的职业情景。近年来，通过采用项目教学法、案例教学法、“教学做”一体化等新的教学方法以弥补这一空白，教学案例从简单的页面制作案例已经向项目化案例转变，教学内容从以前的重“理论”轻“实践”已经向以“理论”促“实践”，在“实践”中学“理论”转变。但学生如果毕业后直接从事网站建设、网页设计等工作，仍然不能很快地适应，因为教学中的“案例”和“项目”并不是真正的项目，教师和学生所处的教学情景不是实际的职业情景。要做到教学过程与实际职业情景相衔接，首先要了解实际的网站开发流程。首先是设计者与客户沟通制作意向，然后为用户制作网站规划方案，再同客户洽谈设计细节，如果双方达成共识，客户要提交网站相关资料，接下来设计者设计网站首页，客户对首页审核通过后，设计者再做整体设计，得到客户的最终确认后，将网站上传到服务器上，一个网站的开发才算完成。从这个开发过程中不难看出，仅仅靠教师在教学中让学生做若干个网页是无法达到一个项目对设计者的要求。学生要成为一个好的网页设计师，首先要会和客户沟通，了解客户的意图，才能做出客户想要的网页效果。其次要有团队精神，一个网站开发一般是由一个设计团队完成，如有人负责与客户沟通，做整体设计；有人负责美工部分；有人负责页面设计；有人负责页面脚本编程等，团队中的每个人都需要合作才能完成整个网站的开发。再是实际操作能力，对网页设计所需要的技能掌握得比较熟练，才能在规定的时间内完成任务。因此，教师在教学工程中也需要尽可能地让学生感受到实际职业情景。如在学习开始的时候就把学生分成几个团队，学生在团队中的角色是设计者，而教师在团队的角色不仅是教师，还可以是客户。当学生掌握一个章节的知识和操作技能后，教师可提出一项设计任务，让团队中负责设计的学生提出若干问题，以了解任务的需求，再给每个团队同样的设计素材，让团队拿出1－2个设计方案，最后拿出最终的页面设计。在学习完整个教学内容后，可提出一个综合性的设计任务，每个团队在规定时间内拿出自己的作品，然后进行演示和讲解，由每个团队代表进行打分，每个团队所取得的成绩可作为团队成员考试成绩的加法项目。这样的教学情景设置，不仅符合网页设计实际职业情景，通过工作过程导向教学，而且培养的学生的沟通能力和团队精神。学生在做项目的过程中肯定会遇到课堂中没有讲过的问题，这就促使他们课后去找资料来解决，从而锻炼了他们的自学能力。
2结束语
网页设计教学教案篇5
关键词：实践能力；案例项目；任务驱动；竞赛+实例；团队协作
中图分类号：tp37文献标识码：a文章编号：1009-3044（2017）05-0175-02
信息化和网络化是现代社会的标志，网络更是信息化社会的技术支撑。作为广大网络使用者，直接面对的是网页交互，因此网页设计与制作就成为最直接服务于用户，最大限度展示于用户的工作行为。顺应现实社会的需求，在高校很多专业都开设网页设计与制作课程，特别是计算机类专业、电子信息类专业、新闻传播类专业、电商类专业更是把它作为专业核心课程，因此该课程的地位和重要性不言而喻。
1日常教学中存在的现象和问题
τ谕页设计与制作这门课程，在通常的教学中，教师在课堂中讲解理论，演示软件中基本工具的使用，即使举例也是一些零碎的和现实脱节的教学例子，学生上机实习也是局限于练习软件工具的使用方法，缺乏设计规划和实际综合运用能力。看起来操作性很强的一门课程，学生在学完后教学效果并不好，要么是独立进行网站规划和页面设计的能力缺乏，要么是设计出的作品缺少应有的功能，视觉效果也难以让人满意。
2课程实践能力培养的思路
追求实战能力，需要有培养实践能力的良好途径。在教学过程中，我们力求突出案例项目的实践性，依据完成一个案例项目的行动体系，筹划技能训练单元及相关理论知识的讲解，综合学习内容，紧紧围绕着完成案例任务这一目标来组织教学。在教学实践过程中，以提高学生综合素质、知识水平和创新实践能力为原则。
2.1课程内容模块化，化解难点，循序渐进
在课堂的内容讲解上，把网页内容设置分为几大模块，并细心讲解每个小模块，让学生能够更好地理解和掌握版面的设置，进而能更好地对整个网页页面的设计进行统筹和整合。善于运用循序渐进的教学方式，将学生带入网页制作的“乐园”当中，并让学生学在其中，乐在其中。
2.2精挑细选案例项目，完善和优化教学设计
把现实中的真实案例、竞赛中有代表性的案例融入到教学全过程，凡是课程中重要的知识点都与实际应用结合起来。另外，在教学和实践的过程中，注重学生创新思维培养，引导学生重视团队学习和合作。注重教学方法的灵活运用，例如经典赏析使学生开阔视野，积累热情；知识讲授使学生吸收能量，积累思维；课堂练习和实践辅导使学生掌握技能，积累经验；创新操作更使学生获得成功，积累成就感。在学习形式上，除了利用多媒体教学，还有网上学习、交流沟通等手段。虽然教学和实践中方式方法较多，但教学案例法是最频繁也是最重要的教学方法和手段。对于案例的选择，在前期备课阶段都有详细的考虑和斟酌；不仅要找到生动形象与现实融合的案例，还要找到适合堂课教学重点的案例；与此同时，还有配合整个案例的逻辑框架结构的讲解，这样学生更容易吸收所学的案例。
2.3融合“教师教、学生学、独立练、实战做”为一体
落实在教学上就是，首先将逐个学习情景设计好案例，然后在教学中分配任务，将教师过程演示、学生练习设计、互相展示评价等一系列环节落实到位。在学会课程任务的同时，学生与学生之间通过展示评价互相交流和学习，往往更有意外收获。
2.4倡导使用任务驱动教学思想
任务驱动教学理念，摒弃了传统按部就班讲解的思路，以目标任务为导向，明确每节课的知识、技能目标，再根据这些目标设计具体的学习任务，目的性强，很有吸引力。另外，任务驱动教学法能较好地以目标引领学生自学，有很好的推动作用。
2.5加强课堂教学互动，激发学习热情
在课堂上重视并设计师生互动环节和学生之间的互动环节，在活跃课堂气氛中激发学生学习兴趣，进而提高学生分析问题、解决问题的实际能力。学生的学习积极性和主动性增强了，学习能力、应用能力和创新能力自然就提高了。因此案例驱动教学和基本知识紧密结合的教学模式，使得在整个教学过程中把分析讲解、操作演示、动手练习、独立实践有效结合，效果极好。
2.6以赛促教，以赛促学，以赛促改
在教学中加入“竞赛+实例”的教学模式，使学生的主体作用和教师的主导作用充分发挥。在指导学生参赛过程中，按比赛的要求对学生进行了网页设计与界面的审美能力和综合调度力进行了专门的训练。着重培养学生的网页编程能力，艺术设计能力。每个参赛队设置一名队长，队长对整个网站项目统筹管理，给队员分备任务，全队成员在合作中把整个项目完成，不经得到了知识能力的提高，而且锻炼了团队合作、与人沟通、创新发现等能力，培养了职业精神。教学过程参照实际应用，着眼于学生的发展，使知识的单向传播变为互动传播，引导积极主动的学习氛围，也带来了竞争与合作的理念。俗话说“一人为木，众人成林”，单人的能量是有限的，重视团队合作是成功的砝码。因此在教学过程中，多鼓励学生参与竞赛，在身临其境的实践中磨炼和完善自己，同时也培养了团队协作精神。
3课程实践能力培养的点睛之处
培养网页设计与制作课程实践能力的重要一环，就是参赛。针对竞赛的性质和特点对学生进行课外辅导，重点要做好以下工作。
3.1准备阶段
第一是确定网站主题。学生首先要有兴趣点才能做出好的作品，引导学生做一些贴近生活并有意义的事情，在此以“合肥三河古镇”网站设计为例。之所以确立设计三河古镇网站，是因为很多同学都去过三河古镇，相对比较了解，资料容易搜集。网站确定了栏目，从三河风光、三河历史、三河文化、三河美食、互动空间五大方面让人深入了解三河，爱上三河，爱上中国的古镇，从而由衷地敬仰中国古镇的悠久历史文化，达到宣扬中国历史文化名镇的意义。
第二是确定网站风格。针对竞赛的特点，引导学生查看优秀的历届获奖比赛作品，以及知名度较高的网页设计作品，使学生在提高审美能力的同时，激发他们对网页美术设计的灵感与热情。为突出三河古镇的古典风格，考虑网站以水墨画为背景，重点突出悠久的历史。教师指导学生在网站设计的细节上塑造整个网页浓郁的古典风格。
第三是确定使用的技术和数据库。学生对于asp程序和access数据库比较熟悉，为了提高团队效率，我们利用课余时间对学生进行补习asp程序设计、Dreamweaver、flash、pS软件的高级应用方法，提高学生网页设计综合能力，为后期动手制作打下良好的基础。
第四是对优秀的、学生比较喜爱的多个网页设计案例进行分析与讲解，最终确定参赛队的网页美术设计风格以及所用元素，学生能够明确优秀的网页美术设计流程和最终效果。
3.2制作阶段（以合肥三河古镇为例）
第一步让学生利用pS、flash软件将网页界面的整体效果图制作出来，其中包括导航条、按钮的图形、页眉、页脚等一些重要的板块。在制作期间，运用课余时间进行辅导，并时刻强调风格与元素运用的统一，对整体风格做出良好的定位。
第二步在首页中运用了一个动态的flas，增添了整个页面的动感，更全面地诠释了三河古镇的风貌。首页的文字排版严谨而不严肃，充分体现工整的同时，更好的突出了“三河古镇”标题。在flas下面的背景色运用了一张具有徽派建筑的图片，图片在背景中若隐若现，且光感度强，将整个视线集中到flash的播放框中，主次分明且主题明确。
第三步将主页面中导航条、按钮的字体和背景以及整体的背景色饱含古典元素，让人在不知不觉中进入到一个古香古色的情境中，引发人们观光旅游的欲望。整个网页布局合理，色彩搭配协调。
第四步应用内联框架布局，css页面控制网页格式，提高了制作的网页的效率，也方便网页后期维护。应用asp程序语言和access数据库达到了留言板的功能。
第五步是指导学生注重细节。在各个板块制作完毕的基础上，对整个界面设计效果进行测试，发现细节上的问题和错误，及时进行修改。
3.3网站
作品设计完成，通过测试后，指导学生使用Ftp等软件把作品到互联网服务器上。服务器需要web服务器软件，如iis，apache、tomcat等，最后指导学生熟练使用相关软件。
4课程实践能力培养的硕果
网页设计与制作是综合实践性很强的专业核心课程，通过构建这样的实践能力培养模式平台，使学生学习和实践活动的气氛更浓，学习意识更强，学习效果更加坚实。这种实践能力培养策略一改过去“注重理论”和“被动接受”的学习思路，学生积极性和主动性明显提高，实践教学也变得生动、活泼。以上卓有成效的实践技能培养，以赛促教，以赛促改，以赛促学，充分调动学生学习的积极性。教学过程突出案例项目的实践性，高效地提高了学生综合素质、知识水平和创新实践能力；案例课程的教学使理论知识点讲解穿插于实践教学过程中，边实践边训练，实现理论知识和实践教学真正意义上的有机统一。
从实际成果看，以岗位职业能力、竞赛能力为导向的案例项目课程策略，注重知识、能力、素质的协调发展，适合教育教学改革实际，具有可持续性发展的教学思想；特别是不断鼓励和指导学生参加各类设计竞赛活动，使学生在实战中体验和发挥，在实战中完善和提升。2016年安徽省“中国大学生计算机程序设计”大赛上，我院2014级计算机多媒体技术专业2名同学荣获高职高专组网站建设一等奖和二等奖，2014级电子商务1名同学获网站建设二等奖。
参考文献：
[1]张莉.网页设计与制作课程教学改革初探[J].合肥：电脑知识与技术，2014（4）.
[2]张奕.浅述职校《网页设计与制作》教学改革实践[J].成功（教育），2011（8）.
[3]罗静.网页设计课程教学改革的思考[J].计算机光盘软件与应用，2012（11）.
[4]杜卫军.课程改革背景下《网页设计》课程教学的探索与实践[J].新课程研究（中旬刊），2011（1）.
[5]王德才.基于项目导向的高职综合课程开发研究[D].山东师范大学，2009.
[6]张雅茹.《网页设计与制作》的教学设计与实践[J].陕西教育（高教），2009（11）.
网页设计教学教案篇6
关键词：网页制作；教学设计；教学方法；考核评价
怎样建立一个网站？怎样才能设计一个精美出色的网站？面对中职校的学生学习网页制作又应该从哪儿入手？应该学会哪些制作网站的技术，并让学生了解和掌握网页制作知识和技能？这就是中职校网页制作这门课程最关心的问题。多年来我一直从事中职校网页制作课程的教学工作，下面我就谈一下网页制作课程进行教学设计。
一、选好适用教材
我校中职生大多是初中毕业生，且基础较差，选定教材的难易程度一定要掌握好，不能让学生看课本就像看天书，认为自己学不会，从一开始就放弃这门课程。同样，教材也不能过于简单，让学生认为没有难度，不学或敷衍一下，这样也达不到教学的目的。结合我校学生的特点，我们选的是根据教育部《中等职业技术学校计算机应用与软件技术专业领域技能型紧缺人才培养指导方案》编写的《网页制作》，本教材贯穿项目教学的思想，从网页制作初学者的角度出发，并采用“任务驱动”模式进行编写，通过一个个具体的课堂任务案例，由浅入深地讲解网页设计和制作，非常适合我校学生的特点。
二、规划课程教学内容
规划教学内容是做好课程教学的首要任务。根据中职学生的特点，本课程选择以培养学生的实践动手能力为目标。教学内容主要定位在静态网页的制作、设计和方面，在内容组织上从实际需要出发，以够用为原则，精选了网页制作技术的一些主要内容展开讲解，主要任务有网页的基础知识、HtmL语言、Dreamweaver8软件、photoshopCS2软件、Flash8软件、CSS层叠样式表、Script脚本等。以网页设计的技能学习和训练为主，重点讲授Dreamweaver网页设计软件的使用方法及相关技巧。让学生通过这门课程的学习，能够具备综合运用专业软件为中小型网站设计和制作网页的能力，为今后从事相应的网站设计制作工作打下良好的基础。同时，注意综合运用学生已学的专业课程知识，如在其他课程学习的photoshop、Flash等媒体处理软件，通过Dreamweaver网页设计软件进行整合，在课程的教学内容中，结合中职人才培养要求，体现实用原则，注重培养学生自学能力，以应用能力培养为目标，以适应信息技术的不断更新，以培养适合社会需要的实用型人才为目标的教学体系。
三、课程内容的教学设计，制订教学方案
根据中职学生的认知规律和网页学习的特点，循序渐进、由浅入深地介绍网页制作技术。实践证明，学生学习网页设计制作的过程一般可分为四个阶段：
第一阶段是网页入门，内容包括第一、二章，主要让学生了解什么是网页和网站，什么是HtmL语言以及常用的网页制作工具；学会制作简单的网页和网站，既能把各种现成的素材插入网页中，制作成一个个网页，并能在网页中对这些内容进行简单地编排，最后能将这些网页链接起来，构成一个简单的网站。
第二阶段是网页布局制作阶段，内容为第三章，主要让学生学会网页内容布局的相关技术和快速建站的技术。这部分虽然也属于网页基础，但内容相对较难，也非常重要，因此单独划为一个阶段。
第三阶段是网页美化设计阶段，内容包括第四、五、六章，主要让学生学会使用photoshop软件对各类素材进行加工处理和布局设计制作；学会使用Flash软件设计制作网站的动感效果；通过对优秀网站的鉴赏，了解网站的制作流程、网站的布局设计和整体色彩搭配。这一阶段的教学是建立在学生已经初步掌握了photoshop和Flash的简单操作基础上的，而在网站设计上更突出让学生通过鉴赏和模仿，学会网站设计技术，教学中应该更多地根据学生的作品特点引导性地提供各类样例给学生参考，让学生学习某些符合他自身特点的色彩搭配和网页布局。
第四阶段是网站程序使用阶段，内容包括七、八章，主要让学生学会网页特效的制作和中小型动态网站的架设。这一阶段的学了能让网页更有技术含量、更有动感外，还能掌握简单的中小型动态网站建立方法，为以后学习动态网站制作打基础。
四、合理的教学方法
网页制作是一门实践性和操作性非常强的课程，要提高学生的综合应用能力和创新能力，加强学生的实践动手能力，课程必须安排在计算机房进行，采用教与学结合的方式，学生通过多练、多做来掌握。在网页制作教学中教师要制定教学方法，根据教学内容、学生特点、教师自身的教学风格等实际情况，通过多媒体教学手段，结合案例分析法、分组讨论等多种教学方法进行教学。
1.多媒体教学手段
在多媒体教室运用多媒体讲台、投影设备、音响设备等将案例效果的视频或图片进行展示。
2.案例分析法，给出相应的项目任务
教师在上课的过程中，要精心设计案例，本着创造性、实用性和新颖性的原则，取人之长，补己之短。要结合课程教学的需要将知识点融于其中，激发学生的学习兴趣。对案例要进行解剖分析，结构与知识点应用，详细了解案例的典型性与应该掌握的问题解析，让学生开阔视野，开拓学生的学习思路。
3.模仿操作法
进行模仿制作，让学生详细了解网站建设的方法和流程、制作过程和步骤，做到心中有数，了解制作现场，模拟制作步骤，提高学生动手操作，激发学生的学习热情，增强学习的积极性和主动性，调动模仿他人的网站的制作兴趣与热情。
4.练习法
教师演示案例制作，学生在计算机设备上跟着教师的操作示范进行实践，边讲边练，边练边学。给学生布置网页制作练习，让学生了解本节课要解决的问题和工作任务，有目的地进行学习，巩固知识和提高操作设计水平。
5.分组讨论学习
采用学生和老师以及学生与学生间分组进行学习的教学方法，如学生网页设计自评、课堂讨论、实践作业、学生网页制作的作品欣赏、模拟设计环境等教学方法，让学生主动地参加到教学活动中来。这样教学内容就在教、学、赏、作、创的交融中完成了，同时也能培养学生的思考、总结能力，也能发挥学生的团队精神，从而提高学生的积极性和主动性。对项目制作作品，分组讨论项目实施方案和计划，并在计算机设备上完成项目制作，之后，由每个小组派出代表对本组的作品进行展示和解说。最后，由教师和学生一起对他们的作品进行点评、讨论。
6.课后创新活动
一方面组织学生参加比赛，包括国内举办的各种大赛和校内举办的比赛，鼓励学生以团队合作方式进行创作，促进学生同行之间的相互交流与学习。另一方面根据上课的内容，又进行了拓展练习，留下相关作业进行巩固复习工作。这样既对知识点进行了强化，同时也激发学生继续学习的兴趣。
五、考核、评价方法
网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，单靠最后的期末考试，是不能确切地评价一个学生的真实水平的，因此要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我将课堂任务分解为“知识预读”“任务目标”“实施步骤”“对照练习”“任务小结”和“知识拓展”等环节，每个任务完成后可以用下面的评价量表进行评价。
平时的作业就是一次次的案例，检查学生平时学习的态度和知识的掌握情况，进行评分。期中考试可以做一个简单的个人网页来考核学生的学习情况，要求在考试时间内完成题目。对于期末考试，我认为应该以要求学生设计一个完整的网站来结束本课程，所以网页制作的考核成绩应以平时作业、期中考试成绩、期末考试成绩按4∶3∶3的比例评分。因为网页制作要建设一个整体设计的网站在短短的两三个小时内是无法完成的，包括素材的收集、版面的布局、内容的充实等，所以应该以上交作品的形式完成本课程的期末考试，而不是像原来所执行的2个小时完成考题。在作品完成的过程中，教师进行巡视、评价，也就是我们考核的不仅仅是最后的作品，而是将完成作品的过程也作为我们评价的一个依据。最后，上交的作品可以让全班同学互相点评、互相评价，在评价别人作品的同时以提高自己的水平。
网页设计教学教案篇7
【关键词】网页设计与制作教学目标教学内容教学方法
随着互联网的迅速发展与普及，越来越多的单位、部门以及个人利用网站进行信息的、互动和交流，当我们尽情享受网页的便利时，我们是否会赞叹精彩的网页是如何制作出来的？这是网页设计与制作课程的教学内容，是高职院校中的一门具有较强综合性、实践性的实用课程。通过本课程的学习，使学生掌握网站设计与制作的全过程，学会使用制作网页的软件，具备网站规划与建设的实践操作能力，能独立制作出具有专业水准的网站，达到知识和技能两方面的共同提高。
大部分学生对网络、网站和网页等概念都已有了初步认识，对自己动手设计网页，建立自己的个人网站有浓厚的学习兴趣。因此，借助良好的学习动机，寻求合适的课程优化方案，是帮助学生掌握好该门课程的关键。
一、高职《网页设计与制作》课程教学现状
《网页设计与制作》是我校计算机网络技术专业的一门重要基础课，它对培养学生的网站规划、静态网站设计、网站的与维护等专业能力和方法能力承载着巨大的重任。课程内容繁多，但易于理解、自学，实践性较强。目前，高职《网页设计与制作》课程教学大多仍采用“讲授为主”的教学现状，这种教学模式在实施过程中存在以下不足：
（1）教学内容偏多、零散，重知识、轻应用，导致学生眼高手低，做不出东西。虽然学生能熟练应用Dreamweaver软件，但是不能独立地进行网站的规划与建设。“重知识、轻应用”的模式直接导致“重技术、轻设计”，使得学生眼高手低，无法独立完成网站的设计与制作，与社会需求脱节，从而降低了课程的实用性。
（2）教学方法单一，无法满足不同水平学生的个性化需求。《网页设计与制作》课程一般在我校的大一下学期开设。对于这部分学生，其认知水平、学习风格和学习习惯已初步成形，课堂教学方法面对不同的教育对象都是“一视同仁”，难以满足不同水平学生的需求。
（3）教学模式以讲授为主，阻碍了学生的课堂自主活动。传统的教学模式中，教师是教学活动的主体，是知识的传授者，而学生则处于被动接受老师灌输知识的地位，缺乏自主活动，久而久之则会导致学生思维的依赖性，抑制学生自主学习和批判思维能力的发展。
（4）考核方式机械化，无法准确衡量学生的实际水平。传统的考核方式一律采用闭卷考试，而对这门实践性很强的课程来说，非常不适应，重视了学生对书本知识的记忆，缺忽略了对能力的考核，无法全面体现对课程知识的掌握程度和综合运用能力。
二、课程优化方案浅析
（一）优化教学目标
首先提出总体目标，培养学生的网站的规划、网页效果图的设计与制作、网站的设计、网站的与维护等专业能力和方法能力。使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。然后细化为素质目标、知识目标、能力目标。
（二）优化教学内容
该课程涉及的知识点比较广，目前主要以《网页设计与制作》作为教材，其内容包括网页设计软件Dreamweaver和图片处理软件Fireworks，如果按照教材设置的顺序分别讲解，所需课时远远不够，许多教学内容只能点到为止。
针对上述情况，根据教材特点，以知识点为突破口，以综合的案例为主线，具体内容如下：
Dreamweaver部分包括以下单元：基础知识部分;创建站点、页面编辑和超链接;页面布局;页面美化（CSS样式表设置）;
Fireworks部分主要包括Fireworks工具介绍、位图和矢量图形的区别以及利用Fireworks制作网页LoGo。
（三）优化教学方法
为了提高《网页设计与制作》课程的教学效果，我们采用了多媒体计算机教学方式，极大地激发了学生的学习兴趣，通过当堂演示网页效果，将传统教学活动中的被动学习变成有选择性的积极主动的学习，从而大大提高教学效率和教学效果。另外，在多年的教学过程中，摸索出了以下几种比较有效的教学方法。
案例教学法是一种启发性、实践性的教学方法。在整个教学过程中，教师扮演着导演的角色，从案例的挑选，问题的提出、讨论过程的控制到讨论结束的总结，都必须精心地安排。对网页案例的引用要自然.切入要平缓，这需要在筹备时精心构思案例的引入方式和引入时机。
分层次教学法是根据学生掌握水平的发展和学生对网页设计学习的信心、兴趣、智力水平以及内在潜力等一些软指标来区分学生层次，在不同的教学阶段给不同层次的学生在具体学习目标上提出不同的要求，能保持各层次学生学习网页设计的积极性，并在各自的基础上发挥特长，使基础的巩固和个性的发展达到和谐统一。
（四）优化考核方法
传统学生成绩评定主要包括：平时成绩、考试成绩。其中平时成绩已出勤情况、作业、课堂表现和实验为主，但在实际操作中，存在作业抄袭、实验报告拷贝等现象，无法对学生做出客观、公正的评价。为此，我们改变传统的成绩评定模式，加入成果汇报、小组讨论等作为评估项，从而使得对学生的评价更加客观、准确。
三、结束语
上述课程优化方法在实际教学中取得了很好的成绩，培养学生独立分析问题和解决问题的能力，提高学生的项目开发能力，大大改变了《网页设计与制作》课程的教学现状，取得了良好的教学效果。从而达到了使学生的职业能力和通用能力都有了不同程度增长的目的，为他们的就业打下了良好的基础。
参考文献：
[1]程伟.中职《JavaScript网页开发》课程教学研究[J].才智，2010，（16）.
[2]郑宇.Java语言成学设计课程教学改革和探索[J].计算机教育，2008，（8）：.
网页设计教学教案篇8
计算机基础教育兴趣驱动成就驱动网页设计
一、引言
随着网络技术的快速发展，网上医学资源的不断丰富，网络在医学科研、医疗、教学和交流等各个领域的应用越来越广泛。21世纪高素质的医学人才不但要具有扎实的医学专业知识，而且必须掌握信息化、网络化的诊疗技能。为完成这样的教学任务，自2007年以来哈尔滨医科大学在医学生计算机基础教育中开设《计算机基础及aSp动态网页设计》，并编写了教材和实验指导。
医学院校开设这门课程的目标是为了培养学生的动手能力和逻辑思维能力，使学生带着兴趣和热情完成给定的任务，从自己设计制作的网页中体验到成就感并树立自信心，从而形成一个良性循环的学习过程。
二、pBL教学法的特点
1969年，美国神经病学教授Barrows提出了以问题为基础的学习（problem-BasedLearning，pBL）的教学法。pBL是一种主动的学习模式，其目标是要使学生学会思考，学会解决问题并成为能够自主学习的人。pBL教学法以问题为基础展开教学，以学生为中心，学生的自学能力得到培养，并且发展学生解决实际问题能力、学生的自学能力和团队协作能力。pBL教学模式可分为提出问题、查阅资料、讨论研究和总结反思4个主要步骤。在这个过程中，教师要做好充分的教学准备，改变教学观念，由知识的传授者变为知识的引导者，学习倾听和沟通，做好学生的学习伙伴。
三、基于pBL教法的计算机基础教育
在计算机基础教学过程中，兴趣是最好的老师。医学院校的学生普遍理科基础薄弱、计算机水平差异较大，在学习动态网页设计的过程中，教师先把通过本次学习能够完成的精美网页展示给同学，或网页的内容上多结合医学生的专业展开，从而激发学生的学习兴趣，把“要我学”变成“我要学”。在兴趣的驱动下，学生不但学习起来比较轻松，而且有助于学生自己去发现问题、并寻找解决问题的办法，从而培养学生的创新意识。
1.明确任务
在教学之初，先明确学习任务。这门课程要学生设计并完成一个个人网站，教师将网页样例展示给大家，通过在网页上设置学生感兴趣的内容激发学生的学习兴趣。在学生对这样精美的网页产生强烈好奇心时，对网页进行解剖。列出网页中所用到网页元素，教师指定个人网站必须包含的内容，在这个框架的基础上，学生可以自由发挥。但要做到风格鲜明、统一、内容完善、页面结构和链接方式设置合理、易于维护。
2.设计制作
为了让学生有良好的创作技巧和独特的风格，页面的布局和色彩的搭配等都由学生随意设计。学生先构建网站的结构，再上网或教材查阅相关的资料，然后对网站进行规划，给出书面的网站设计方案。教师对每个学生的方案进行审查和评阅，选出具有代表性的设计方案，大家共同探讨，明确方案中的优点，指出应改进的地方和存在的问题。当设计方案制定后，学生可以开始制作网站。
以教材为导向，由表及里、由浅入深。首先，学生能熟练配置iiS和站点。网页设计凭他搭建起来以后，利用Dreamweaver完成静态页面部分。最后在网页中嵌入简单的客户端脚本和服务器端脚本，浏览网页并进行测试。
3.学生互评
在学校办公网上，为每个学生分配一块空间，学生可以把自己亲手设计制作的网站上传。学生之间可相互浏览并互评，学生和教师共同评选出优秀网站。在这门课程的考核中，为了强调学生自主学习的特点和动手能力的重要性，学生网站的成绩占总分的50%。既能让学生掌握一门程序设计语言，也能让学生了解网站工作原理，使其自然的将已有的网络应用与理论知识紧密结合起来。动态网页的设计制作激发了学生的学习兴趣，让学生在体会到学习的快乐和成就的同时，掌握了自主学习的方法，有益于今后的学习和工作。
四、结语
根据pBL教学法在哈尔滨医科大学计算机基础教育中的实践，提出了基于兴趣和成就驱动的pBL教学方法。在这个教学过程中，学习目标变得更明确、具体；教师可以因材施教，平衡学生之间的个体差异；提高学生的动手能力和探索精神。学生在利用计算机完成一个个任务的过程中，需要自己动手实践，开动脑筋，自己探索，提高学生自主学习及与他人协作的能力。实践表明该教学法不但可使学生发挥学习潜能、主动学习，而且增强了学生的创新意识。
参考文献：
[1]孙蓉，王劲松，孙峰.pBL教学模式在医学统计学教学中应用效果评价[J].中国校外教育，2010，（7）.
[2]刘远兴.“基于问题教学”在软件类课程教学中的实践与探讨[J].考试周刊，2010，(12).
网页设计教学教案篇9
原本计算机专业的基础课程和专业课程的课时就比较多，作为新加入的《网页美工设计》课程，课时分配就有一定的限制，而且作为本专业的专业核心课，课程多安排在后面几个学期，通常在这个时间段多安排的是比较繁重、训练量较大的其他专业核心课，这对学生学习精力的分配是一个挑战。
二、任务重
在《网页美工设计》课程中除了需要培养学生网页设计所需要的版式、色彩、字体等等基本的设计知识外，还要针对网页美工设计的特点进行专项的学习和实训，有些甚至还要新学习1-2个绘图软件，任务相当繁重。基于以上几点原因，学生学习起来有一定的困难，也给教师的教授带来了巨大的挑战。如果不能顺利的解决这些问题，开设这门课程就不能达到本来的目标，失去了开设这门课程的意义，而且学生学习后没有得到提升，还会打击学生学习的积极性和自信心。为了更好的上好这门课，笔者根据近几年的教学经验特提出一下几点新思路：
（一）调整优化教学内容。
根据网页设计的特性，调整教学内容，删除相关性不大的内容，对相关内容进行优化整合，如艺术设计专业学生要求掌握的图形创意、字体设计等内容对于计算机专业的学生来说难度较大，且与网页设计相关性不大，就可以舍去，重点放在图像处理和图文排版的内容上，教学案例的设计上都以各类网页为主，从按钮设计到整个网页页面的设计，使整个内容具有高度专项性质。通过对教学内容的调整，使其更有针对性，并且系统性的安排教学内容，使学生在学习的时候能更加轻松的掌握知识。
（二）使用多种灵活的教学方法。
对于网页美工设计这个实用性很强的课程，在教学方法的选择上，不能只进行空洞无力的讲解，应注重实践操作能力的培养，从实践中引入相关理论的讲解，使学生能更快的掌握一些基本的设计原则和知识。对学生的培养也要采用多样化的教学手段，如案例法、项目式教学法、pBL教学法等。通过以现有网页为案例讲解网页的设计思想，通过安排学生完成规定的项目了解网页设计的流程等。以实际案例作为实训项目，精心安排实训的内容，内容要与实际工作环境相结合。可以先将案例分段布置给学生完成，待学生有一定的基础后，再将整个案例安排给学生，学生可以自行独立完成或者分组完成，完成设计后可以让学生对起设计理念、设计方法进行陈述，老师和同学都可以进行点评，这样既锻炼了学生的创作能力也锻炼了学生们适应市场的能力。考核方式也更加灵活，注重学生实训的过程考核。
（三）加强课外练习和指导。
由于网页美工设计的课时相对于大量的教学内容来说是远远不够的，但是由于该门课程大部分内容都是用于实践，且与其他多门课程存在相关性，在其他课程学习或实践的同时，也可以强调考察学生网页美工设计的能力。而且设计能力的培养是一个长期积累的过程，教师要加强引导，可以收集提供资料供学生参考和练习，学生要做到多看多练多思考，提高自身自学能力，才能达到全面提升的效果。
三、总结
网页设计教学教案篇10
“网页设计与制作”课程正逐渐成为各高校近年来计算机专业领域发展最快和应用最广泛的课程之一，作为对学生实践动手能力要求较高的课程，该课程在许多高校已经采用了实验课堂的教学形式并受到了学生的普遍欢迎。那么，如何提高该课程的实验课堂教学质量，真正增强学生的动手实践能力则是摆在各位任课教师面前的首要问题。我们经过近五年的实验教学观察和总结，将从教学内容、教学方法以及教学效果三个方面阐述如何解决该课程发展面临的问题。
2.存在的问题
“网页设计与制作”作为许多高校计算机专业的专业基础课或者选修课，在实际教学过程中，经常面临的问题有：
⑴任课教师对新技术的把握能力不够。由于技术的发展日新月异，Html标准也发展到了Html5，一些任课教师显得无所适从。
⑵部分院校教学形式仍然采取理论和实验分堂教学。采取理论和实验分堂教学，在教学过程中学生理论课程听起来枯燥，在实验课又翻开书按部就班，学生掌握知识成效甚微。
⑶单纯工具型教学。学习任何一门课程的目的应该都要做到学以致用，简单的工具教学只能满足学生会不会的问题，要制作出优秀的网页还需要学生对艺术设计等相关知识有一定的了解。
3.实验教学改革
3.1教学内容
根据制定的人才培养方案，该课程在我校开设一共32学时，全部采用实验课堂教学。经过对本课程的不断摸索和总结，我们将学生需要掌握及完成的教学内容分为六大模块：模块一，掌握网页、网站基础入门知识。根据“先总体后具体”的原则，总体讲述网站的概念以及网站上线的流程，要求学生不会做网页但要先会搭网站，计划2学时；模块二，掌握基本网页语言标签。通过对一些典型的小型网站来讲解并要学生掌握HtmL语言各类标记符的使用方法，计划10学时；模块三，掌握网页布局，学会层叠样式表（CSS）。通过案例，要求学生学会样式控制并布局网站，计划10学时；模块四，掌握制作网页相关工具软件的使用。结合具体的实例介绍并掌握Dreamweaver、microsoftVisualStudio、photoshop等软件的使用方法，计划4学时；模块五，网页设计进阶学习。通过对优秀网站的鉴赏和分析，提高学生的学习兴趣，使学生头脑里形成设计的概念、网站规划的思路及流程，同时介绍网站的总体结构、风格定位、色彩的应用以及版式的设计等方面的知识，计划6学时；模块六，网页综合设计。学生自行选择一个积极健康的主题设计一个综合类网站，该内容在课堂外完成，可在课程中期开始同步进行。
3.2教学方法
通过长期的教学实践，我们可以将教学方法归纳为以下几点：
（1）采用实验课堂教学，实践为主，讲授为辅
该课程的操作性较强，实践综合性也较强，课程学时也较紧凑，采用理论课堂教学，学生势必在有限的学时内收获较少，故采用实验课堂教学。在具体实验教学过程中，采取实践为主，讲授为辅的教学形式，如在教学内容模块一里面，计划2学时，可以1/3时间讲授基础入门知识，2/3时间学生根据教师精心准备的教学材料动手搭建成型网站，现学现用，学生记忆深刻，能较快掌握相关知识及技能。
（2）采用典型案例实验教学
该门课程强调实践动手能力，所以在实验课堂讲授时必须围绕案例进行教学，离开案例教学则该门课程又将倒退回理论教学的层面。要采用案例教学，需要从宏观上进行教学设计：可将互联网上较热的实际案例引入实验课堂教学体系中，每个重要知识点均与实际应用结合起来，在实际教学中，多引用实例，提高学生的学习兴趣，让学生主动去模仿、分析、创新等，同时也能帮助学生加强深对网站网页的理解，使其能够灵活运用所学的知识，从而获得一种成就感。该案例教学方法可以贯穿于教学内容的模块二至模块六，如在模块三掌握网页布局过程中，可以选用学生比较熟悉的淘宝、京东等知名企业网站进行讲解，可以由浅入深，从简单的登录网页到复杂的网站首页一步步剖析架构，特别是对于诸如margin、padding等容易出错的问题进行重点讲解，让学生能模仿并自己重新设计主题书写网页。
（3）拓展课堂、多元一体化辅助实验教学
要想真正让学生的动手能力达到质的飞跃，达到学以致用的目的，仅靠有限的课堂学时是远远不够的，但单纯增加学时又是不太现实和最不可取的方法。在实验教学过程中，我们不断摸索，总结出我们认为行之可效的方法：拓展课堂、多元一体化辅助实验教学。具体表现在以下几个方面：
①借用现代化多媒体手段学生自主学习。在教学过程中，学生除了按照任课教师的要求和准备的教学材料进行学习外，还应在任课教师指导下，充分利用现代多媒体等手段进行网上学习，如在基础知识模块学习过程中，可充分借助w3C学院（w3Cschool）进行辅助学习及实践练习。
②举办课堂外网页设计进阶讲座。在实验课堂教学过程中，模块五涉及到一些进阶的学习，但学生要借此在网页设计上有所造诣是远远不够的。我们在教学过程中，针对不同的学生对象，采取学生自愿的原则，免费举办一些网页设计进阶讲座，讲座的主题包括网页设计涉及的一些前言技术、美工素养及技能、学生创新创业思维的训练等。通过这些进阶讲座，学生提高了网页设计与制作的综合能力，同时也开拓了眼界。
③鼓励学生参加网页设计竞赛。在每学年学校或者全市、全国举办的网页设计等竞赛中，我们积极鼓励并指导学生参赛，从而进一步激发了学生的学习兴趣。
3.3教学成效
经过近五年的实验教学摸索总结，在近三年的教学中，该课程保持了良好的教学效果，在学生之间口碑较佳，也得到了其他后续专业课程任课教师高度的认可，在学校的教学评分中也一直位于所有课程前20%之列。同时，课堂外的免费讲座、培训以及开展的各项相关比赛也极大鼓舞了学生的学习兴趣，为学生创新创业指明了方向，学生最终完成了该课程“学什么”、“怎么学”、“作什么”的关键问题，为今后的进一步深造学习打下了坚实的基础。