网页设计制作教案篇（1）

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

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

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

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

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

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

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

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

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

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

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

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

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

“课程案例”的课堂教学

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

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

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

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

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

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

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

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

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

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

模块九：本地站点测试。

教学评价设计

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

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

结语

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

参考文献：

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

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

网页设计制作教案篇（2）

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

一、案例教学法的内涵

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、出现的问题

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

网页设计制作教案篇（3）

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

1.教学案例效果

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

2.案例分析

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

网页设计制作教案篇（4）

随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。

1、课程性质和特点

在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。

2、课程教学目标

本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。

3、课程教学内容

根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。

《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。

4、选择教材和教学模式

这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。

4.1 优选教材

合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。

4.2 精心设计网页制作课程的教学模式

掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。

5、教学方法与手段

5.1 教学方法的改进

在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。

（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。

5.2 教学手段的改革

《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。

6、考核方式

网页设计制作教案篇（5）

关键词 ：电子商务 课程教学 技工院校

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

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

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

1.教学内容设计不合理

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

2.教学案例不连贯

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

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

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

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

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

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

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

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

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

3.考核方式改革

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

网页设计制作教案篇（6）

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

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

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

1.教学内容设计不合理

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

2.教学案例不连贯

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

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

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

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

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

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

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

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

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

3.考核方式改革

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

网页设计制作教案篇（7）

关键词：

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

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

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

作者：逯杉楠 单位：绥化学院文学与传媒学院

网页设计制作教案篇（8）

怎样建立一个网站？怎样才能设计一个精美出色的网站？面对中职校的学生学习网页制作又应该从哪儿入手？应该学会哪些制作网站的技术，并让学生了解和掌握网页制作知识和技能？这就是中职校网页制作这门课程最关心的问题。多年来我一直从事中职校网页制作课程的教学工作，下面我就谈一下网页制作课程进行教学设计。

一、选好适用教材

我校中职生大多是初中毕业生，且基础较差，选定教材的难易程度一定要掌握好，不能让学生看课本就像看天书，认为自己学不会，从一开始就放弃这门课程。同样，教材也不能过于简单，让学生认为没有难度，不学或敷衍一下，这样也达不到教学的目的。结合我校学生的特点，我们选的是根据教育部《中等职业技术学校计算机应用与软件技术专业领域技能型紧缺人才培养指导方案》编写的《网页制作》，本教材贯穿项目教学的思想，从网页制作初学者的角度出发，并采用“任务驱动”模式进行编写，通过一个个具体的课堂任务案例，由浅入深地讲解网页设计和制作，非常适合我校学生的特点。

二、规划课程教学内容

规划教学内容是做好课程教学的首要任务。根据中职学生的特点，本课程选择以培养学生的实践动手能力为目标。教学内容主要定位在静态网页的制作、设计和方面，在内容组织上从实际需要出发，以够用为原则，精选了网页制作技术的一些主要内容展开讲解，主要任务有网页的基础知识、HTML语言、Dreamweaver 8软件、Photoshop CS2软件、Flash 8软件、CSS层叠样式表、Script脚本等。以网页设计的技能学习和训练为主，重点讲授Dreamweaver网页设计软件的使用方法及相关技巧。让学生通过这门课程的学习，能够具备综合运用专业软件为中小型网站设计和制作网页的能力，为今后从事相应的网站设计制作工作打下良好的基础。同时，注意综合运用学生已学的专业课程知识，如在其他课程学习的Photoshop、Flash等媒体处理软件，通过Dreamweaver网页设计软件进行整合，在课程的教学内容中，结合中职人才培养要求，体现实用原则，注重培养学生自学能力，以应用能力培养为目标，以适应信息技术的不断更新，以培养适合社会需要的实用型人才为目标的教学体系。

三、课程内容的教学设计，制订教学方案

根据中职学生的认知规律和网页学习的特点，循序渐进、由浅入深地介绍网页制作技术。实践证明，学生学习网页设计制作的过程一般可分为四个阶段：

第一阶段是网页入门，内容包括第一、二章，主要让学生了解什么是网页和网站，什么是HTML语言以及常用的网页制作工具；学会制作简单的网页和网站，既能把各种现成的素材插入网页中，制作成一个个网页，并能在网页中对这些内容进行简单地编排，最后能将这些网页链接起来，构成一个简单的网站。

第二阶段是网页布局制作阶段，内容为第三章，主要让学生学会网页内容布局的相关技术和快速建站的技术。这部分虽然也属于网页基础，但内容相对较难，也非常重要，因此单独划为一个阶段。

第三阶段是网页美化设计阶段，内容包括第四、五、六章，主要让学生学会使用Photoshop软件对各类素材进行加工处理和布局设计制作；学会使用Flash软件设计制作网站的动感效果；通过对优秀网站的鉴赏，了解网站的制作流程、网站的布局设计和整体色彩搭配。这一阶段的教学是建立在学生已经初步掌握了Photoshop和Flash的简单操作基础上的，而在网站设计上更突出让学生通过鉴赏和模仿，学会网站设计技术，教学中应该更多地根据学生的作品特点引导性地提供各类样例给学生参考，让学生学习某些符合他自身特点的色彩搭配和网页布局。

第四阶段是网站程序使用阶段，内容包括七、八章，主要让学生学会网页特效的制作和中小型动态网站的架设。这一阶段的学了能让网页更有技术含量、更有动感外，还能掌握简单的中小型动态网站建立方法，为以后学习动态网站制作打基础。

四、合理的教学方法

网页制作是一门实践性和操作性非常强的课程，要提高学生的综合应用能力和创新能力，加强学生的实践动手能力，课程必须安排在计算机房进行，采用教与学结合的方式，学生通过多练、多做来掌握。在网页制作教学中教师要制定教学方法，根据教学内容、学生特点、教师自身的教学风格等实际情况，通过多媒体教学手段，结合案例分析法、分组讨论等多种教学方法进行教学。

1. 多媒体教学手段

在多媒体教室运用多媒体讲台、投影设备、音响设备等将案例效果的视频或图片进行展示。

2. 案例分析法，给出相应的项目任务

教师在上课的过程中，要精心设计案例，本着创造性、实用性和新颖性的原则，取人之长，补己之短。要结合课程教学的需要将知识点融于其中，激发学生的学习兴趣。对案例要进行解剖分析，结构与知识点应用，详细了解案例的典型性与应该掌握的问题解析，让学生开阔视野，开拓学生的学习思路。

3. 模仿操作法

进行模仿制作，让学生详细了解网站建设的方法和流程、制作过程和步骤，做到心中有数，了解制作现场，模拟制作步骤，提高学生动手操作，激发学生的学习热情，增强学习的积极性和主动性，调动模仿他人的网站的制作兴趣与热情。

4. 练习法

教师演示案例制作，学生在计算机设备上跟着教师的操作示范进行实践，边讲边练，边练边学。给学生布置网页制作练习，让学生了解本节课要解决的问题和工作任务，有目的地进行学习，巩固知识和提高操作设计水平。

5. 分组讨论学习

采用学生和老师以及学生与学生间分组进行学习的教学方法，如学生网页设计自评、课堂讨论、实践作业、学生网页制作的作品欣赏、模拟设计环境等教学方法，让学生主动地参加到教学活动中来。这样教学内容就在教、学、赏、作、创的交融中完成了，同时也能培养学生的思考、总结能力，也能发挥学生的团队精神，从而提高学生的积极性和主动性。对项目制作作品，分组讨论项目实施方案和计划，并在计算机设备上完成项目制作，之后，由每个小组派出代表对本组的作品进行展示和解说。最后，由教师和学生一起对他们的作品进行点评、讨论。

6. 课后创新活动

一方面组织学生参加比赛，包括国内举办的各种大赛和校内举办的比赛，鼓励学生以团队合作方式进行创作，促进学生同行之间的相互交流与学习。另一方面根据上课的内容，又进行了拓展练习，留下相关作业进行巩固复习工作。这样既对知识点进行了强化，同时也激发学生继续学习的兴趣。

五、考核、评价方法

网页制作课程的实践性非常强，我们要检验的是学生的设计能力、综合应用能力和创新能力，单靠最后的期末考试，是不能确切地评价一个学生的真实水平的，因此要将平时的作业、练习都纳入学生评价中。对于网页这门课程，我将课堂任务分解为“知识预读”“任务目标”“实施步骤”“对照练习”“任务小结”和“知识拓展”等环节，每个任务完成后可以用下面的评价量表进行评价。

网页设计制作教案篇（9）

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

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

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

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

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

网页设计制作教案篇（10）

案例教学法是一种以案例为基础的教学法，目前普遍应用于各学科的教学中。对于计算机类课程来说，传统的案例教学法，教师上课过程中通常使用的案例其教学课时往往只有1-4个课时，也就是说使用的案例都是一些小案例，其操作过程相对来说比较简单，只是为了使学生掌握某几个知识点而使用的案例，不同案例之间比较独立。但是，对于一些计算机类课程来说，实际工作中遇到的案例通常需要几天甚至几周的时间来完成，而且也更为复杂，如果学生只是跟着老师完成一些小案例的制作的话，学生水平的提升也很有限，所以需要一些较为复杂的大案例来贯穿课程中的知识点，学生能够系统性的通过大案例进行学习，水平能得到一个较高的提升。所谓大案例教学法就是在教学过程中采用一些较为复杂的大案例进行教学，其教学课时一般应在10个课时以上，甚至一些课程中一个大案例往往贯穿于整个学期。

1网站设计与制作课程中大案例教学法的实施原因

我校以前的网站设计与制作课程，主要存在以下几个问题：1)课程培养目标不清晰，导致教学内容散乱，没有目的性，系统性。我校以前的网站设计与制作课程对课程的培养目标没有深入的思考，教学内容讲解过于太多，过散，没有突出目的性，没有对网页知识系统性的讲解，导致学生期末完成的网站作品不尽如人意。没有明晰的教学目标，教学内容的散乱导致网站设计与制作课程讲成了网页制作课程，即没有讲解网站如何制作，也没有讲解网站如何设计的过程，课程的讲解只是让学生能做一个个独立的网页，多个网页无法有机组合成一个网站，而且没有讲解网站的设计，学生完成的网站不够美观，精细。2)目前的课程教材内容过多，多深，没有网站设计与制作过程的详细讲解。目前，市面上的网站设计与制作教材大多数存在着讲解知识点过多，过深的缺点，不适合高职学生的特点和学情。而且，这些教材没有系统性的讲解网站设计与制作的过程，有些教材只是将每个页面的代码直接贴了出来。所以，需要根据高职学生的特点，围绕教学培养目标来确定教学内容，自编讲义，课件，贴近学情，贴近课堂实际情况，为学生量身打造。3)以往的课程缺少若干个系统性讲解网站设计与制作过程的大案例，课程案例过小，或者没有突出网站设计过程。以往的网站设计与制作课程课堂案例过小，只有2-6个课时，这些案例很难讲清楚网站的设计与制作过程，需要教师设计一些大案例，系统性讲解网站设计与制作过程，这些案例的授课时间应达到16个课时以上。综上所述，以往的网站设计与制作课程存在的问题，导致最终的教学效果不尽如人意。所以，针对以上存在的问题，需要采取以下措施提升该课程的教学效果。首先，应对以往的教学深入思考，确定适合学生学情的教学目标。要跳出课程教材限制，围绕教学目标，精心设计教学内容。在讲网站大案例之前，要确定学生要学习那些网页基础知识和操作，自编该部分课件；设计制作1个网站大案例。在教学中，除了主要采用大案例教学法之外，研究其他合适的教学方法，提升教学效果。研究制定适合学情的考核标准。指导学生完成网站大作品，督促和鼓励学生参加系部教学成果展，给学生一个展示的平台，让学生获得成就感。

2网站设计与制作课程中大案例教学法的实施过程

首先，通过对以往的教学深入思考，确定了教学目标：培养学生能够独立设计与制作一个较复杂、美观、精细的静态网站的能力。此教学目标要求教学内容的制定要符合学生的学情，教学内容不能太难，在课程讲解中，因为受限于课时的限制及学生的学情，对于较难的DIV+CSS网页排版只做简要介绍，主要使用表格+CSS讲解网站设计与制作。课程内容除了要讲解网站涉及的基本知识和操作之外，还要培养学生对于网站的审美能力。在大案例中，要讲解如何将网站设计与制作的美观、精细，大案例制作的网站要选题合理，复杂度适中。在最后的考核中，要求学生要独立完成网站大作品，教师要严格检查学生作品，严禁抄袭。智能1801区队的网站设计与制作课程周课时为4节，教学运行18周。围绕教学目标，采用大案例教学法对网站设计与制作课程的教学内容安排如下：第一部分：网站相关基础理论的讲解(4课时)。此部分主要讲解网站、网页、首页、域名、静态和动态网站的区别、网页兼容性、Html和Css语言、网站设计与制作一般过程等相关的概念和理论知识。第二部分：精选一些对网站设计与制作过程中经常使用的操作性知识点进行讲解，同时讲解CSS编辑器的使用(12课时)。此部分主要讲解DreamWeaver的初步认识，网页图片、链接、表格、表单的相关操作及注意事项，表格嵌套，CSS编辑器的基本操作，常见CSS样式。此部分先讲解各知识点的基本操作及注意事项，然后设计一些小实例给学生讲解，学生进行练习，巩固、拓展相关知识点。第三部分：此部分讲解Html和Css的概念，语法格式，常见Html标记、属性以及Css常见属性。要求学生不一定会写代码，但是要能看懂一些基本的代码，方便后面修改网站代码。(4课时)第四部分：网页欣赏与点评课。此部分讲解网站的首页布局，网站的基本设计原则，精选一些设计较好和较差的网站进行点评，课后，留作业要求学生自选一个网站进行点评。(4课时)第五部分：一个初步的实例，先让学生进行适应。注意这个实例的选取，要能引起学生的兴趣。(4课时)第六部分：一个网站大案例，选择宁夏警官职业学院优质校申报网站对网站的整体设计和制作过程进行讲解。本人编写了35页的课程讲义，方便学生学习。(24课时)在此部分，选取优质校申报网站最主要的三个页面：首页，新闻列表页面和新闻显示页面来讲解如何制作静态网站。在首页的讲解中，教会学生网站Logo、导航栏、Banner、版权区域该如何设计与制作，同时学习网站中最常用的视频播放、焦点图、跑马灯、背景音乐等网页特效的制作。在新闻显示页面，教会学生如何制作规范、美观的图文混排新闻内容页面。在此部分教学实施过程中，注重让学生思考为什么要这样做，而不是简单的讲解如何做。首先给学生讲解如何进行网站首页规划；要求学生要自行发挥设计制作网站LOGO和导航栏；注重讲解特效代码中一些可以进行特效定制的代码；对于页面中表格制作部分，注意培养学生分析表格嵌套的能力；注重培养学生对网站素材的选择和处理能力。第七部分：学生自选主题做一个网站，教师进行指导，选取优秀作品参加教学成果展。(20课时)在实际教学中，注重和学生形成一个融洽的教学氛围，多和学生聊天。同时，在教学过程中，要严格要求学生。每段讲解过程最多不要超过15分钟。有些地方的讲解可以采用讨论法、提问法。讲解过程中，要多注意学生的反应。在期末，学生完成的网站大作品整体质量较以往有一个较大的提高，学生作品优秀率达到了17%，而以前学生作品优秀率不超过6%。

3网站设计与制作课程中大案例教学法的进一步完善

在网站设计与制作课程中，第一次采用大案例教学法过程中，还存在一些问题，需要进行完善。在教学内容上：应对网站基础知识部分教学内容大幅缩减，只讲解必要的网站理论知识，课时量控制在两课时；对网站基础操作部分做少量调整，重点是要让学生熟练掌握这部分操作知识；对HTML语言和CSS语言，调整教学内容和考核标准，重点是要让学生能看懂常用的HTML和CSS语言；对网站欣赏与点评部分，调整教学内容和方法，重点是要让学生具有一定的网站审美能力；对网站大案例部分，优质校申报网站案例只给学生做参考，要重新编写一个新的大案例讲义，新的大案例要更加符合主流网站设计风格，要引起学生的兴趣，要更加美观。在教学方法上：要研究各种形式灵活的方法，选取适当的教学方法提高教学效果。

4对大案例教学法的优点和需要克服的困难的思考