网页制作与设计课程范文

网页制作与设计课程篇1

关键词：网页设计与制作 网页与网站设计原则 教学改革

中图分类号：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] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯，2011（15）：14.

[2] 王晓红，周立.《网页设计与制作》课程教学改革[J].北京联合大学学报：自然科学版，2006（4）：90-92.

网页制作与设计课程篇2

在现代网络技术发展与更新的潮流中，高职高专院校推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。本文将针对高职高专《网页设计与制作》课程考核模式进行深讨。

【关键词】

产学结合；项目式教学；创新改革

随着现代化网络技术发展与更新，在全国高职院校中推崇的产学结合，项目式教学的课程模式是高等职业教育课程考核改革模式中的主流。在我系数字媒体技术专业,《创新网页设计与制作》这门课程是以职业实践教学为导向，在结合岗位需求的基础上，征求行业、企业专家意见并进行论证，在职业核心能力分析的基础上，对职业所需岗位的技能、知识等进行调研，将这些核心职业能力充分融入到教学考核模式的体系中，来研究创新网页设计与制作的考核模式。

一、课程考核模式目标

（一）高职《网页设计与制作》课程的教学特点。《网页设计与制作》这门课程是高职计算机专业或者数字媒体技术专业的一门主干课程，它涵盖了HTML语言、fireworks、dreamweaver、flash等软件的相关内容，从各个方面介绍了WEB站点的开发、设计、制作及维护等技术。在数字媒体技术专业，本课程与图形图像处理、FLASH动画等课程是相互衔接的，它是一门培养学生综合应用能力的课程。

（二）《网页设计与制作》考核模式的实施。传统的《网页设计与制作》课程考试内容一般是以笔试为主，以考书本知识为主要内容，注重学生对书本知识的记忆，这样就无意间缩小了学生的知识面，束缚了学生思维的发展，忽视了培养学生独立自主的思考能力、学生对知识运用的能力以及学生创新意识的培养。经过一系列的试验和企业的深入调研，为了培养学生的实际动手操作能力，构建知识框架体系，可以对《网页设计与制作》课程考核模式进行一些创新的改革，如可以进行项目制过程（作品）考核方式，也就是根据《网页设计与制作》课程的教学目标中各个知识点采用项目制教学，模拟企业模式给出相应的项目，学生分组完成。学生分组模式参考企业项目制合作团队，每组选出相应的组长，分工合作调研自己所选主题，进行项目的策划与制作。考核模式先由老师进行项目成果打基础分，然后分组进行PPT汇报与演示，投票选出每个项目成果的名次，最后根据名次与基础分的比例得出最后的分数。

二、考核模式的创新改革

（一）整体教学的设计。《网页设计与制作》课程以课程项目的各个任务引导，通过项目制任务指导实践，充分采用项目导向的模块式教学，分析项目任务，选择几个典型的项目作为本课程的教学情境。根据课程内容的课程标准，对这个课程进行了一些创新型的改革，用一个创新合理的考核评价方式去挖掘学生个性发挥和实际操作能力的培养。每一个考核任务设计一个项目任务，在项目实施的过程中，对学生的制作过程与完成成果情况进行考核。

（二）考核内容的过程设计。对于这门课程，主要用平时制作过程的考核和期末考核相结合的方式。平时上课期间制作过程考核占百分之七十的比例，主要包括平时出勤率、课堂表现、项目完成的综合情况。其中平时出勤率占百分之十五，课堂表现占百分之十五，项目完成情况占百分之四十。教学内容主要分为项目设计调研与实际操作两个部分，而整个课程的设计又分为以下几个任务：项目的策划与设计、市场调研、创建站点、基本的网页设计与制作、网页图形图像的处理、网页动画的制作及网页整体形象的设计等，每一部分的任务都要设计相应的考核作品。这门课程主要考核过程的设计与制作，培养学生运用所学的知识点及时操作解决相应问题的能力，注重学生对网页设计与制作创新设计能力的培养，提高他们的创意思维能力。

（三）实施过程的体现。通过这种考核方式不仅激发了学生们学习这门课程的兴趣，还有利于提高教学效果，如：1.这种“项目制过程考核”不仅激发了学生的自主能动性，同时也使学生有效地展现自我，提高了他们学习的兴趣。2.让教师的“教”与学生的“学”交互，学生可以通过教师的教学案例进行临摹学习，同时可以弥补自己在制作过程中的不足，教师在实际的操作示范中不断总结知识的运用、软件的操作、综合素质的提高等等，通过反馈信息来不断更新自己的教学手段、教学方法、教学内容及考核。3.提高了教学质量，通过这种方式的考核，不仅提高了学生实际操作的动手能力，也增强了自主学习能力，提高了创新意识，真正实现了“教，学，做”一体化教学模式。

参考文献：

[1]周淑萍.过程性考试在中职计算机教学中的应用[J].教育研究，2010,(7):146.

[2]王书立，张立军.浅谈过程性考核在高职“企业会计实务”课程教学中的应用[J].深圳信息职业技术学院学报，2007,(9):60-63.

[3]张洪星.Dreamweaver网页设计能力教程[M].中国铁道出版社，2006.

网页制作与设计课程篇3

笔者总结几年的课堂教学经验，得出几点传统教学的不足：第一，课程理论教学方面，因为学生均为非计算机专业学生，没有相关的项目实战背景，在学习理论时普遍感觉概念抽象，难以理解。学生不是在实际需求的驱动下去学习理解相关概念，而是为了掌握概念而学习概念，由于理解层面的欠缺，虽然“掌握”了概念本身，但是很难学以致用。另外，理论学习的过程枯燥乏味，加之学生无法体会理论的用处，从而使得其学习处于被动状态。第二，课程实验教学方面，由于学生被枯燥的理论学习搞得身心疲惫，加之理解不全面、缺乏兴趣、没有实验的目标和方向，更没有意识到网页设计与制作学习过程中上机实验的重要性，因此上机实验效率较差，实验没有主动性，没有合理规划。而实验内容也因为缺乏新意，缺乏刺激学生的兴趣点的举措，失去了提高学生学习能力的辅助作用。第三，传统的教学模式下一般都是第一环节介绍网站基础知识，第二环节讲解Photoshop、Flash、Dreamweaver等软件，第三环节再讲解综合案例，将上述各软件综合组织起来制作完整的网站系统。这种方式在前三个环节中都是孤立地介绍本部分内容，学生学习起来没有明确的目标性，对于未来自己在制作网页过程中到底需要掌握哪些操作技巧没有头绪，也就是说学生在学习绝大部分时间里，没有明确的目标，没有直观的感受，这对于学生的学习主动性和兴趣的培养是非常不利的。

2从“宏观”到“微观”的教学新模式的实施

在教师引导下，学生自主选择能力所及的专题，采用从“宏观”到“微观”的方法去逐步完成自己的网站系统。在这种教学模式中，充分发挥主动性和创造性，通过查阅资料、调查来获取素材，对素材进行分析、讨论、加工处理并最终得到符合自己要求的素材，以备使用。在这种教学模式中，更为重要的是教学次序的精心安排，重塑网站开发的“原生态”流程。通过该教学模式的教学，学生可以从宏观上了解网站制作的全过程，目的性明确，努力的目标也是明确，提高其分析问题、解决问题的能力，在实践中充分体验学习、创造和获取成功的愉悦，进一步促进他们更加积极主动地学习知识、探究问题、深入思考和追求真理的信心。对于大学教育而言，积极研究开发研究型课程，并在教学实践中鼓励运用研究型学习的方法，是培养研究型人才的可行途径之一。

2.1网站开发的“原生态”流程

即需求分析、栏目规划、绘制草图、收集制作图像类素材、设计首页平面图、首页平面设计图切片、制作静态页面、充实首页页面内容，制作二级页面模板、利用模板制作各个二级页面、充实二级页面内容、测试网站。让非计算机专业学生以计算机专业学生的思维模式去开发网站系统，以网站开发的“原生态”流程去学习开发网站无疑是一项扭转以往学生学习被动性的有效举措，让学生在学习的每个环节中都有目的性、方向性，不是被动地接受，而是积极主动地学习所需知识点和操作技能，从“宏观”到“微观”地逐步提高制作自己网站系统所需的理论知识和操作技能。

2.2前导式案例式教学

案例教学法已成为一种较为成功的教学方法。传统的案例式教学一般是先讲述基本概念、原理，再给出有关的典型事例加深理解，从而一目了然地帮助学习者建立相关的图式。研究型教学模式提倡在学习理论之前给学生充分的思考空间，只有真正经过研究的问题，学生在学习过程中才能掌握好，记得牢。将往届学生的成功案例展示给学生，让学生接触到实实在在的东西，从而对要制作的网站系统有总体上的把握，让学生观察各级页面组成，适时提出问题，例如如何将各级页面有机地组成网站系统，网页布局如何实现等。当然往届学生的案例可能会有一些缺陷，但是较之设计完整、功能完善的大型网站，这些小网站更能引起学生的学习兴趣，激发他们的学习热情。通过演示案例，简单介绍网站系统制作流程，使用相关软件的功能，让学生有个总体上的把握，为后续分模块详细介绍案例打好基础。通过第一次课中的案例引出为什么要学习《网页设计与制作》这门课，学习了这门课能干什么事情，并且把案例中的知识重点分散到各个章节中去，让学生了解《网页设计与制作》各章节的连贯性，能够全局把握本书的内容，做到有目的地主动地学习。

3结束语

网页设计与制作技术是信息技术领域发展较快的技术之一，《网页设计与制作》课程进行教学改革也是为了紧跟新技术，更好地培养应用型人才。本文分析了《网页设计与制作》课程教学的现状，进一步阐述改革的重点是调整授课顺序并且重视实验教学，提出了从“宏观”到“微观”的教学新模式，以网页设计的“原生态”流程重塑《网页设计与制作》课程的教学顺序，在实际教学过程中取得了良好的教学效果。

网页制作与设计课程篇4

关键词：中职；网页设计；学习积极性；学习兴趣；教学方法；学习效果

随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。

1分析学情，合理安排教学内容，激发学生学习兴趣

当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。

2结合实际，选择适合的教学方法，调动学生学习积极性

教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。

3科学考核，提升教学质量，保证学习效果

在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。

参考文献

[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.

[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.

[3]欧阳炜昊.基于工作过程导向的“网页设计与制作”课程教学改革研究[J].计算机教育，2014.

网页制作与设计课程篇5

项目教学法(Projeet—basedLearning)，也叫项目教学或基于项目的学习，是指师生通过共同实施一个完整的项目工作而进行的教学活动，其目的是在教学中把课程理论与实践教学有机地结合起来，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力［1－3］。项目主要是针对某一教学内容而设计，并能由学生独立完成、可以收到较好教学效果的小任务。在项目教学活动实施的过程中，教师将需要解决的问题以项目的形式呈现出来。项目教学一般以小组协同工作的方式进行，教师是学生学习的帮助者、促进者，给予学生有限的指导，项目学习的过程是学生根据项目要求及项目学习的一般流程共同制定项目计划、搜集整理相关资源、在小组协作中完成项目的制作并进行有效的评价。学生在项目实践的过程中，理解和运用课程要求的知识和技能，体验同学间协同工作的乐趣，在实践中培养学生发现问题、分析问题、解决问题的能力。

2项目教学法在网页设计与制作课程中的实施

项目式实验教学通常包括项目设计、项目实施和结果评定等环节，下面逐一介绍［4］。

2.1项目设计

在整个项目教学的运用中，项目设计是非常重要的环节，项目不能太小也不能过于庞大。若太小则知识点单一，知识点间的关联性小;若太大，学生没法在有限的时间内完成。不仅要符合所针对学科教学的总体目标，而且还要考虑到学生对学习的兴趣以及学习的需要。根据学校教学的规划和课程的安排，项目教学中主要包括:练习项目、个人项目、综合项目三部分。1)练习项目将网页相关知识点的学习贯穿于各个练习项目中，项目主要座位相邻的2～3名学生完成，其目的在于掌握一些常用并且基础的知识点，并在此过程中让学生了解到项目教学法的教学方式，学生在制作过程中交流方便。2)个人项目该项目主要由学生个人独立去完成，制作一个个人网站。在学生掌握了网页设计的基础知识后，通过一个个人项目的制作来使学生牢固的掌握已有的知识，激发学生创作意识和学习的积极性。项目时间为6学时。3)综合项目综合项目通常是相对而言比较大的项目，很难有一个人在短时间内单独地完成，其不仅需要对基础的知识有一定掌握，还需要有更加广阔的知识面。在综合项目中，学生需要综合运用Dream-weaver、Fireworks、Photoshop和Flash，软件设计一个内容完整、图文并茂、技术运用得当的网站。在这样的项目中，教师能够通过项目具体的实施来发现在教学中仍然存在的一些问题，并且对学生的所学知识的掌握情况有一定的了解。该综合项目的主题由各个小组自己决定，可以根据专业或爱好定主题。老师也可以给学生提供几个大的主题，由学生选择。项目安排在机房时间为10学时。

2.2项目实施

项目实施方式上，改变了原来的教师讲、学生听的模式。每次教学过程均围绕一个任务目标组织各教学环节。以任务目标为主线，结合相应项目讲解各相关知识，引导学生思考并提出相应的解决方法，激发学生的学习兴趣和实操能力。(1)练习项目，每组由2～3名学生组成。(2)对于个人项目由各个学生独立完成。(3)综合项目，每组由3～4名学生组成，且确定一名学生为组长，由组长负责协调组员分工关系。综合项目包括设计整体规划、网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，引导学生一步步学习网页设计，并动手进行项目的制作。在制作过程中，例如，网页整体规划这个任务中，如何设计网站的LOGO、网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。项目实施过程中一定要让学生进行团队合作，实验中以学生为主、教师为辅，给学生足够的自主性和灵活性，且实验室在管理上要实行开放式或预约制管理。

2.3结果评定

项目式教学的结果评定应囊括整个实验过程，不能仅以最终的实验结果评定。因此，要求教师要全程参与，对规划设计、实验流程、实验步骤和实验结果等所有环节给每个项目小组合理评价。考核内容可分为平时表现考核、作品答辩考核等。平时考核主要考查的是学生的平时表现、学习态度、团队协作等;作品和答辩考核则主要针对的是学生对于知识点、技能的掌握情况，同时还包括语言的表达及组织能力等，采用现场打分形式，这种考核方式相对于传统的考核方式来说，更加客观、真实而全面。让学生在团队协作的氛围中发现问题、解决问题并最终体会到项目成功带来的喜悦。

3结束语

本文针对传统网页课程教学过程中存在的不足，提出了将项目化教学方法运用到网页的教学改革中并付诸实践，将理论学习与实际操作有机地结合在一起，充分调动了学生学习的学习兴趣和积极性，增强了学生对网页制作的综合应用和动手实践操作能力，提高了学生的技术应用水平和创新能力。基于项目化的网页制作教学改革，已收到了良好的教学效果。我们还将不断的继续总结教学经验，努力提高学生的创新能力和网页制作的综合应用能力。

网页制作与设计课程篇6

关键词：课程；综合职业能力；工作过程；行动导向

中图分类号：G642

随着我国电子商务的快速发展，该行业的人才需求在相当长的一段时间内持续增长，特别是网站营销策划、网站美工、网站开发、搜索引擎优化、网站运营推广等岗位的人才。而“网页设计与制作”这门课是电子商务等专业的必修课，其课程目标是培养上述岗位均需具有的网页设计及制作能力。但一直以来学生在实际工作中仍难达到用人企业的工作预期，普遍建议提高该课程教学的实用性和针对性。

1 课程建设和实施中存在的问题

“网页设计与制作”课程基本按照知识技能自身的体系进行课程教学内容组织，以简单、封闭的案例或任务引领学习，工作过程化程度不高，对于如何应用知识和技能进行实际工作缺乏示范性，学生难以形成岗位的实际工作能力和工作经验。虽通过一些课程改革对学生实际能力有所提高，但以下问题仍普遍存在：

1.1 教学目标中注重操作技能，综合职业能力培养不足

电子商务网站的应用在很大程度上取决于创新思维的方式、观察判断问题的视角、处理综合事务的内在能力，不能将行动导向与操作技能培训等同，而应该注重如何思索与解决网站建设过程中各种问题的职业行动能力的培养，为人才的可持续发展奠定基础。[1]

1.2 教学内容落后，忽略了社会应用水平发展变化

就业岗位需要既懂网站技术又懂管理和市场的创新性复合型服务人才，网页的设计是为网络营销服务，需策划、美化、在后期运营中可维护，这就需要在网页设计制作过程中融合网站的营销策划、美化、优化、运营推广等知识和技能，而教学内容和过程常常缺乏这样的融合，也落后于市场的发展和技术的变化。

1.3 教学方法传统单一，缺乏职业教育特征

学做合一的职业教育理念被单纯的理解为教师操作、学生模仿的技能培训法，忽略了职业情境的创设，未按照“完整行动模式”组织教学，学生缺乏独立的分析、计划、设计、实施和总结，缺乏在完成任务时解决各种疑惑和问题的方法和引导，未能形成物化在工作过程中的诀窍和经验等。[2]

1.4 考评方式封闭，忽略了对学生学习情况的反馈和提高

学生的考评通常是平时考勤加完成网站的结果性成绩，学生的网站多是形式化的完成，缺乏成效保证。网站中存在的问题、改进的方法不能及时反馈给学生，学生不知道自己的不足和如何进一步改进，难以通过“失败”来提升自己，需要让学生参与到考核中来。

1.5 教材体例陈旧，难以使学习者实施与掌握工作过程

多数教材是以网页技术为主，知识技能面偏窄，侧重于其知识和技能自身的体系组织，缺乏综合化、情境化的项目引领，对于如何运用综合性的知识和技能来完成实际工作缺乏指导，课程的学习难以使学习者胜任“工作”。

2 基于工作过程的课程建设方法

课程建设采用“基于工作过程”的课程设计理念，课程建设团队对企业相关岗位所需的能力等进行分析，根据行业应用需要设计和组织课程，将学习目标和和工作目标有机地结合在一起，充分体现“学习的内容是工作”、“通过工作来学习”的职业教育理念。最终，以学生在企业的网页设计、制作、应用的实际工作过程和要求为切入点，形成了“能力导向、工作导向、行动导向”的课程模式。

2.1 课程培养目标注重综合职业能力培养，夯实学习者的可持续发展基础

职业教育既要培养学生的“岗位能力”保证当前的就业需要，又要培养完成整体化工作任务的“综合职业能力”奠定持久职业生涯发展的基础。[3]电子商务网站的应用在很大程度上取决于互联网上快速发展的创新商业模式的适应和反应能力，课程不仅培养网页设计与制作过程中的操作技能，更注重将营销策划、色彩版面设计、运营推广、优化等知识和技能综合应用到网页设计制作过程中的能力，还需要科学规划资源、时间、进度的管理能力，搜集、分析和利用企业资料的能力，在团队中沟通协调等内在隐性能力保障工作的质量，从而在工作过程中形成学生的专业能力、方法能力和社会能力，培养在未来实际工作中能够发现问题、解决问题的能力，能够满足企业的实际工作要求。

2.2 工作过程化的课程设计，反映课程职业性、实践性、开放性要求

课程的学习过程是一个工作与学习相统一的过程，是从典型工作任务的工作内容中提炼出来的“工作过程”，是教师结合能力目标及其学习内容进行转换的结果，并不是企业工作流程的简单再现，学习的内容由多个学习情境来实现，学习情境设计的关键在于载体的选择和设计，载体是学习情境的具体化。[4]载体需具有典型性、开放性、实用性，设计为不同发展阶段的企业网站形态：宣传网站、营销网站、商务网站，分别突出以“信息为主”、“产品销售为主”、“顾客沟通为主”的初、中、高级营销推广模式的网站建设，符合从简单到复杂的学习认识规律。而载体所体现的“工作过程”定义为以下四个学习任务：

图1 “工作过程”的四个学习任务

学生在三个渐进的学习情境中，都需完成四个学习任务即完整“工作过程”，分别是学生模仿教师完成、教师引导学生完成、学生独立完成，“工作过程”的完成是对重新选择和排序的知识和技能进行整合，适度够用的知识和技能的数量没有变，而是在渐进的学习过程中不断的整合，最终在学生形成“工作成果”的过程中形成属于学生自己的经验、策略等综合职业能力。

2.3 行动导向的教学实施，实现完整的思维过程训练

课程的学习不再是传授事实性的专业知识，也不是知识和技能的简单复制，而是让学生在情境中学习“如何工作”，这里的行动导向教学是让学生以个体或小组的方式围绕明确的学习目标，融入学习情境，通过主动、全面、合作式的完成学习任务。具体教学实施过程如下：

图2 行动导向教学的实施过程

在实施过程中，应关注以下几点：

一是明确任务，并确定在任务中需要解决的关键核心问题。比如：如何分析经营产品特点和目标客户定位、如何进行同行业网站对比等，引导学生去思考、分析，引导学生利用教材、网络、参考资料等进行知识的储备，问题在教师的指导下、在同学间的互相讨论下逐步解决，从而完成有产出的任务。二是通过教材提示，明确具体的工作过程，拟定详细的实施步骤，包括：任务目标描述，学习目标描述，任务的细分项指引，细分项完成的时间、内容、方法、资源等。三是明确岗位角色的职责和要求。学生分组模拟学习情境中网站的发包方和承包方的相关岗位，理解双方在网站发包和承接中的要求和思考问题角度的不同，建立职业认同感，感悟职业角色内涵，明确自己的特长和优势，科学规划自己未来的学习。四是明确工作质量要求。指引学生自我检查、分组讨论等，在工作中找到问题、分析问题、改进不足、从而解决问题，通过工作反思提升工作的能力和策略。

3 基于工作过程的课程实施的保障

3.1 专兼结合的课程建设团队，提供工学结合的课程教学条件

来自企业的专家和多所院校的教师共同组成了专兼结合的课程建设团队，形成交流、分享、探讨的机制，建立互为补充、互相学习、共同提高的发展平台。校校、校企间共同协作制定教学标准和计划、联合建设教学资源库，实现企业、学校的共享和互动，共同强化学习过程中的沟通、交互、反馈、评价等环节，大力引导和推动教学模式改革，保障课程实施的质量。

3.2 以过程改进为特征的考评体系，增强学生学习的成效

学生的考评不只是简单地对其完成的任务给出一个分数，而是要反馈学生在完成任务过程中的学习情况和成效，让学生了解自己的优势和不足。对优势方面进行肯定，从而坚定其学习的信心，激励其获得更大的成功。对学生的不足之处引导改进，教师帮助学生找出工作中出现的问题，引导其想办法解决，帮助其巩固所需的知识和技能，进而找到解决问题的方法，获得更好的学习成效，通过过程改进提升工作的能力和策略。考评的不是静态的知识积累，而是动态的工作过程；考评的不只是任务完成的结果，而是在任务完成过程中的改进；考评的结果不只是由教师决定，而更多的要由学生参与。[5]

3.3 采用过程化的教材体例组织结构，实现加强综合职业能力培养的课程目标

课程的建设团队编写与课程建设和改革内容配套的教材，教学内容应紧跟主流技术和市场发展要求，教材体例按工作过程系统化的项目来组织。通过多个真实化的工作情境，系统化的工作过程，职场化的工作步骤和企业化的考评标准，引导学生掌握岗位知识技能，奠定职业发展基础，形成终身学习意识。

4 结束语

参与课程实施教师们普遍反映：通过完成学习情境的学习任务，学生不仅具有过硬的专业知识和技能，同时又具有一定的项目全局观念，理解了工作过程、方法和要求，有了发现、分析、解决问题的意识，能更快适应企业的团队工作，学生的综合职业能力得到了显著增强。学生们普遍反映项目的引导性强，学习兴趣高，易于上手，学习过程的自我空间大，可扩展性强，学生具有明显的学习成就感，作品在校外的技能竞赛中屡屡获奖，并在校学习期间就能承接企业的网站建设工作并获取报酬。充分体现了“基于工作过程”的课程观及“行动导向”的教学理念，使得校企合作、工学结合的人才培养模式得到切实的落实。

参考文献：

[1]刘书梅，李鸿光，贾志霞.我国“行动导向”型教学的误区探析[J].成人教育，2011，6.

[2]清华.关于职业院校发展行动导向教学模式的思考[J].现代营销（学苑版），2012，4.

[3]赵志群.职业教育工学结合一体化课程开发指南[M].北京：清华大学出版社，2009，5.

[4]姜大源.职业教育学研究新论[M].北京：教育科学出版社，2007，1.

[5]蔡惠芳，曹茂庆.高职教育项目化教学课程考核标准的研究与探索[J].职业技术，2010，1.

作者简介：黄颖（1977.10-），女，讲师，研究方向：软件开发、网站建设、服务外包。

网页制作与设计课程篇7

一、MOOC发展现状及存在问题

对于MOOC这种大规模开放式在线课程的实践应用，在国外起步相对较早。从2008年起到2013年主要几大MOOC平台的数百万注册用户，短短5年间，MOOC就从悄然无声发展到世人皆知的地步。目前，就世界范围来看，MOOC平台主要是加州斯坦福大学的Courera、美国哈佛大学和麻省理工学院的EDX、Google与微软共同创建的Udacity三大平台。国内的MOOC实践平台主要应用于部分高等学府，如香港大学将部分项目投入在Coursera平台上，2013年5月清华大学正式加盟美国在想教育平台EDX，成为EDX的首批亚洲高校成员。MOOC作为一种新型教学模式，与传统模式相比较具有学习方式灵活、教学风格生动等优点，这种“自主学习”的重要改变也是MOOC存在的缺点。这种充分自由的学习方式要求学习者具有较强的学习主动能力、自我调节学习能力和自我控制能力。高职学生普遍存在学习基础较差、学习动力不足、学习自律性较差等特点，也使得在MOOC这种模式在高职教育的实施效果不理想。

二、基于MOOC的项目制教学改革

本次研究对MOOC的发展和高职教育改革现状进行研究，对《网页设计与制作》课程教学改革进行了探索和实践。

（一）基于MOOC的精细化教学课程设计改革MOOC教学的特征在于知识点的精细化，即将过去较大的知识内容分解为各个独立的知识点。高职课程经过近几年的教学改革，多采用教学做一体化的教学方式。这种项目制教学的改革的本身，即是根据能力形成规律对课程内容进行重构，形成项目任务，让学生在任务中完成知识技能的学习。结合MOOC的项目制教学改革，需要在项目教学的基础上，进行“微课”改革：1.细分项目任务。项目制教学的课程内容中，通常包含过三个或三个以上的典型工作任务。基于MOOC的项目制教学，需要将单个任务再次拆分为多个子任务，每一个子任务中包含1-2个独立的知识点，教师则针对该知识点录制5—15分钟的相关教学视频，以供学生线上进行学习。2.设置拓展任务。为了让学生更好的掌握知识技能，从项目制教学特点出发，针对每个子任务中包含的知识点，提供多个不同难度的练习任务让学生完成，使得学生通过反复来掌握技能，提高了技能的熟练度。每一个子任务中涉及到的知识技能点都是单个大型任务中具备的，独立但相互关联。学生通过这些“微课程”的学习，最终掌握系统的技能知识，提高专业能力。

（二）线上线下结合的混合式MOOC教学方式因高职学生本身存在的特点，本次课程改革采用了一种混合式的MOOC形式，将课堂分为线上基础学习和线下能力拓展两个部分来完成，将网络学习和课堂学习有效结合起来。1.线上基础学习是指教师将教学视频和教学资料上传，学生按照教师所规定的学习进度，在学校网络覆盖区域进行课程学习，掌握课程要求的基本能力点和知识点。学生学习完知识点后，在线完成教师布置的任务，对完成过程中遇到的问题，可通过网络平台选择向任课教师和企业老师进行提问并获得指导。教师通过网络平台对学生观看视频的情况实施监督，实现对学生的学习情况进行了解和统计。同时，学生还可以通过网络的学习组进行自主讨论。通过以上方式，使得学生增加获取知识的主动性，并且更为积极的参与到学习过程中。2.线下能力拓展则是让学生在课堂中与教师进行面对面的学习和交流。教师在课堂中根据教学内容所涉及的知识点和能力点设置考核练习，对学生在网络学习的情况进行考核。另外，教师采用项目制教学方法，针对知识点和能力点进行拓展，设置选取难度不同的能力任务，在教师的辅导下，让学生在课堂上进行相互讨论完成任务，进一步提升学生的专业能力。

（三）多主体过程化的考核评价模式课程的考核评价模式采用多主体相结合、过程评价与总结评价相结合的考核评价模式。由教师给对学生的学习过程进行评价，教师、同行教师、学生、企业专家等多方主体对学生的成果结果进行评价。教师通过对学生在线学习的监控，了解对学生的在线学习情况进行考核。并通过网络学习平台对学生提交的各个子任务结果进行评价，最终形成课程报告反馈给学生。另一方面，教师通过线下课堂，面对面的了解学生专业能力掌握状况，通过学生对拓展任务的完成，对学生的能力拓展结果进行评价。另外，教师针对课程学习布置综合考核任务，综合考核学生的专业能力掌握情况，组织教师、同行教师、学生、企业对学生完成的综合性任务进行多方评价，形成全面、客观的总结性评价，最终与过程评价相结合，对学生进行动态、多元、全面、客观的综合性评价。

三、结语

MOOC的教学模式是信息时代不断发展的结果，极大的影响了当前教育，它符合了时展要求和人们易于学习知识的需求，具有较大的优势，同时也对高职教师提出了更高的要求。这种新兴的教学方式仍在不断的发展进步中，如何有效的让MOOC教学模式结合高职项目制教学模式，探寻符合高职特色的MOOC教学，需要在长时间教学实践中不断探索和改进。

网页制作与设计课程篇8

关键词：网页制作；教学；模式；设计

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2015）31-0176-02

The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"

XUE Hui， YANG Xiao-feng

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.

Key words： web design； teaching； model； design

1 《网页制作》课程在计算机类专业课程中的地位和作用

如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。

《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。

2 《网页制作》课程具有易于掌握、难于精通的特点

《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。

造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。

3 针对《网页制作》课程特点的“精讲热练”的教学模式

3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法

1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上

《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。

2）由讲授和实践分开上课转变为在机房统一上课

传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。

为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。

3.2 “精讲热练”的教学模式

针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。

这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。

图1 “精讲热练”教学模式与传统教学模式对比图

3.3 “精讲热练”教学模式的优点

“精讲热练”的教学模式具有以下几个优点：

1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。

2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。

3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。

3.4 “精讲热练”教学模式的教学效果

笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。

期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。

表1 课堂教学效果对比表

[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]

图2 总评成绩对比图

4 总结

“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。

参考文献：

[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.

[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.

[3] 张辉. 网页制作类课程的教学改革与实践――"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.

[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.

[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.

[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）

（上接第177页）

[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.

[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.

[9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术， 2010，18（4）.

[10] 叶仕通，万智萍. 网页设计应用型人才层次化培养的探讨[J]. 长春大学学报（自然科学版）， 2012 （6）.