网页制作实训总结精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页制作实训总结主题范文，仅供参考，欢迎阅读并收藏。

第1篇：网页制作实训总结范文

关键词：技工院校 网页设计 建设

网页设计课程是技工院校一门实践性很强的专业基础课。随着计算机在各领域应用的不断扩大，网页设计的研究与实际应用也显得越来越重要。不少用人企业不再单纯满足于技校毕业生简单的打字、表格制作等技能的掌握，而越来越注重网页设计与制作等具有一定深度与难度技能的熟练运用。

为此，笔者学院计算机教研室在很早就将网页设计课程作为计算机课程教学改革的重点，通过课程体系的重新构建，网页设计课程更加贴近学生的实际学情，也更加贴近市场、企业的需求，从而达到了预期的教学目的，也收到了良好的教学效果。

一、课程建设的目的

技工院校的专业教学有其自身的特殊性与指向性。从目前社会与企业的实际需求出发，网页设计课程建设的目的应以培养应用型人才为主。应充分考虑技工院校学生的学习基础和学习特点，简单介绍HTML语言、CSS样式、javascript语言。还要全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解，并使学生具有解决一般网页制作问题的能力。

在学时、实训条件允许的条件下，逐步培养学生掌握运用DreamweaveCS6网页制作软件制作网页的方法；掌握运用FireworksCS6、PhotoshopCS6图像处理软件进行网页中图形制作版式设计及切片的应用；掌握运用FlashCS6动画制作软件设计网页中动画的方法；掌握将这四个软件互相配合，完成网页设计与制作任务的方法，为今后从事网页设计与制作工作打下基础。

二、课程建设的意义

1.适应职教改革的需要

职业教育的大发展对技工院校的专业课程体系建设提出了许多新理念、新要求。因此，技工院校的计算机专业教学改革也势在必行。

2.调动学生的学习兴趣

技工院校的学生普遍学习基础薄弱，对专业学习缺乏必需的理论、实践储备，这就导致其学习困难。在整个学习过程中，随着学习兴趣的丧失，学习效果也在逐步下降。而打破传统的网页设计课程的教学模式，就可以有效地调动学生的学习积极性，从而提升整体教学效果。

3.有利于学生的职业能力的发展

网页设计课程体系的建设方向是理实一体化，让学生在学中做、在做中学，真正掌握今后就业所必需的关键能力，从而为整个职业生涯奠定坚实基础。

三、课程建设的内容

1.课程重点

掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能。提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。

通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flas制作软件设计网页中动画的方法。

2.课程难点

在教学过程中根据学生将来的就业需要，将教学难点设置为理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用；理解CSS样式表中属性单位的作用和意义；理解javascript语言脚本程序的工作方式；深入理解超级链接、图形图像各种功能和应用；深入理解表格、APDiv、框架、表单的作用；深入理解模板、库、行为和脚本的高级应用。

理解网站测试的目的和测试方法；深入理解切片和热点的涵义和应用；深入理解动画的组成时间轴、场景、帧的涵义及各种动画的制作；理解使用图像设计软件进行版式设计的方法。

3.能力培养要求

从技工院校学生的实际学情出发，在能力培养方面要有针对性地突出关键能力的培养，而不再是过去简单的实际操作。因此要培养学生了解HTML语言的基本内涵、理解基本标记的用法；掌握在网页中添加CSS样式的方法；熟练使用CSS设置网页格式和列表的格式；熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法；掌握在网页中嵌入图像和多媒体的方法；熟练掌握使用绝对和相对URL，创建文本超链接，图像热点的方法；熟练掌握使用表格、框架、APDiv布局页面的方法；掌握创建表单的方法；掌握模板的创建和库项目的使用方法；理解行为和脚本的用法；掌握FireworksCS6基本操作及其在网页制作中的应用；掌握FlashCS6基本操作及简单动画的制作；掌握PhotoshopCS6基本操作及在网页设计中的应用。

第2篇：网页制作实训总结范文

关键词：网页制作；课程建设；教学模式

中图分类号：G642 文献标识码：A 文章编号：1009-3044（2013）36-8389-02

近年来，随着Internet的飞速发展，网站及网页设计已成为现代社会中最吸引人的技术之一。各高校计算机应用技术专业、电子商务专业等都将《网页制作》课程列为专业核心课程之一，在与计算机应用相关的专业人才培养方案中，《网页制作》课程建设已成为专业建设的重要组成部分，而网页制作的相关知识和技能也成为计算机类人才知识结构不可或缺的一个重要组成部分。在十多年的教学过程中，我们在《网页制作》课程建设方面做了一些有益的尝试和探索。

1 合理规划课程教学内容，完善课程教学大纲

1.1 合理规划课程教学内容

《网页制作》是计算机应用相关专业一门综合性较强的专业课程，其前导课程包括《计算机应用基础》、《图形图像处理》、《动画制作》等，后继课程包括《动态网页制作》等，《网页制作》课程一般放在第三学期开设比较合适。教学内容包括目前流行的主流网页设计软件、超文本标记语言HTML、CSS+DIV网页布局以及网页素材的制作、脚本语言等。由于教学内容是多门学科的知识、技能的综合，这些的知识技能相互渗透和依赖.构成一个科学的、完整的课程体系。在教学中需要合理规划教学内容，并适当取舍。如教学中重点学习Dreamweaver的基本知识和技能、HTML语言和CSS+DIV网页布局。对网页素材制作、脚本语言可适当取舍。

1.2 明确课程教学目标、完善课程教学大纲

《网页制作》课程的教学目标是让学生掌握网页设计的基础理论和基本技能，能使用主流网页设计软件制作网页，使学生具备较强的网页设计与制作能力，最终能提交完整的具有较高水平的网页设计作品。在课程学习的同时使学生的学习能力、创新能力和协作能力也能获得较大的提升。据此，课程教学大纲的修订主要依据以下几个原则：

1）坚持“以就业为导向”的原则。

依据目前市场对网页设计师岗位能力的要求，对《网页制作》课程教学大纲作进一步修订和完善，使课程的性质和培养目标更加明确，使知识目标、能力目标和素质目标更加具体化和科学化，充分发挥课程教学大纲的教学指导作用，在课程的体系结构方面，形成自己的特色。

2）坚持“理论够用，突出应用”原则

根据高职学生的生源实际，以提高学生综合素质和实践技能为根本出发点，坚持“理论够用，突出应用”原则，完善课程教学内容，在内容设计安排上和教学活动中体现能力本位的思想，体现理论与实践一体化的教学模式。促进网页制作课程的教学改革，推动专业建设和课程建设。重视实践教学，在课程最后一周可安排综合实训，让学生模拟真实网站设计的全过程，培养学生分析问题和解决问题的能力以及对职业岗位的适应能力。

3）重视“新知识、新技术”的原则

近年来网页设计技术日新月异，教学中必须紧跟网页设计的最新技术，及时把学科最新发展成果引入教学。如目前各大网站的网页设计中越来越多的使用CSS+DIV进行网页布局，所以，教学内容的安排上应更注重CSS+DIV的教学，让学生在课堂上获得的知识、能力和真实的岗位需求接轨。

4）兼顾“技能认证考试”的原则

突出高等职业教育的特点，兼顾职业学生对从业资格证考试的需要，重视职业资格相关的技能认证，强化市场准入意识，努力使学生毕业时取得双证书，提高学生的职业能力。逐步培养和强化职业意识，培养良好的工作方法、工作作风和职业道德。

2 依据课程教学大纲，锤炼精品教材

为适应当今社会经济和高等职业教育的发展对《网页制作》课程教学提出的新要求，依据课程教学大纲，在中国科学技术大学出版社的主持下，我们编写了《网页制作》教材。2009年《网页制作》（第二版）通过安徽省高校“十一五”规划教材的评审，成为安徽省高等学校“十一五”省级规划教材；《网页制作》（第三版）也于2013年9月出版。为将该教材打造成精品教材，在教材编写团队、编写理念、教材结构体例、教学内容组织和教学配套资源等方面都有所突破。新版的《网页制作》教材特色更加鲜明，教材体例保持任务驱动的案例课程教学，理论与实践一体化，教学内容紧跟网站设计前沿技术，通过任务引导学习，通过案例指导实践，通过配套教学资源提升教学效果。

2.1 教材体系结构更加合理

为适合高职院校的教学特点，保持教学内容的前沿性和新颖性，教材以网页制作主流软件Dreamweavwr为主线，同时兼顾了网页素材制作软件flash、Fireworks、Photoshop 的介绍和应用，以及动态网站的创建。将教材分为三大模块，分别为基础篇、素材篇和提高篇。通过第一部分基础篇的学习，学生可以轻松掌握Dreamweavwr和HTML的基本知识和技能，制作出一般水平的网页。通过第二部分素材篇的学习，可以轻松掌握使用Photoshop 和Fireworks 制作网页图像，使用Flash制作网页动画。通过第三部分提高篇的学习，读者可以深入网页制作的理论和技巧，掌握具有专业水准的网页制作的方法和技能，并学会动态网站的设计与制作。教材三大模块由浅入深，由点及面，精选教学案例，使体系结构更加合理，更符合高职培养目标和要求。

2.2 采用任务驱动的案例进行教材编排

注重学生技能的培养，精心整合理论课程，合理安排知识点、技能点。教材每一章都有精心设计的教学案例，力求每个案例既涵盖相应章节知识点，又能成为读者学习的典型范例。既保持了课程教学的体系结构，又使读者通过教学案例轻松掌握网页制作的操作技能和基本理论，学会网站设计的全过程，熟练地制作出有专业水准的网站。把网站设计中的真实案例编入教材中，在实践教学环节中培养学生发现问题、分析问题和解决问题的能力。

2.3 符合高职的教学要求和特点

在编写中力求体现“以就业为导向，以能力为本位”的精神，教学内容强调理论够用，突出实用技术。教材的编写突出讲、学、练一体的思想，充分体现学生为主体，教师引导、指导的作用。

3 教学方法和教学模式的创新

对教学模式和教学方法做了一些有益的尝试，总结并提炼出“三段式”教学模式和“教、学、做、练”一体化教学模式以及多种教学方法，如：任务驱动的案例教学法等。尽可能使学生由被动学习转变为主动学习、研究型学习，收到了较好的教学效果。

3.1 任务驱动的案例教学法和“三段式”教学模式[1]

任务驱动的案例教学法是指教师将教学内容设计成一个个的案例，每个案例包含一个或多个具体的任务，把教学内容巧妙地隐含在每个案例之中。让学生在一个个具体任务的驱动下完成整个案例，从而掌握教学内容。这种教学方法打破了传统的课程知识体系结构，需要老师精心设计教学案例，以案例为线索将基本知识和基本技能融汇其中。

在实施任务驱动的案例教学法过程中，我们对教学模式进行了一些总结和探究，即将一个案例的教学分为赏析、模仿、创新三个阶段进行，即“三段式”教学模式。第一阶段，教师展示案例作品，以“案例赏析”的方式导入教学，教师应分析案例作品，讲解相关的知识点和操作技能，并操作演示完成案例或案例中的主要部分。教师通过展示案例和演示案例实现过程，激发学生的好奇心和学习兴趣。第二阶段，指导学生“模仿”完成案例，学生通过模仿掌握相关知识与技能，获得相应的能力训练；此阶段学生要独立操作完成案例，老师的主要作用是答疑解惑。第三阶段，培养学生“举一反三”的能力。在模仿的基础上，给学生布置“提高”作业，巩固提高新学习的知识技能，培养学生的发散思维和创新能力。

3.2 实施“教、学、做、评”一体化教学模式

由于网页制作课程具有实践性强的特点，无论是教师的教学还是学生的学习都离不开电脑，多年的教学实践证明最佳的教学效果是“边讲边练”、“边做边评”。所以将教学全过程搬入网络机房，实现“教、学、做、评”四位一体的教学模式，可极大的提高教学效果及效率。通常应在网络机房中安装多媒体教学软件，可实现广播教学、学习素材的分发以及教学监控、学生演示、作业上传等。由于教师每一次新课的教学，学生不再是被动的看屏幕听讲解，而是边学边练，新的知识技能立刻能在电脑上实现，学生的学习会变得更加主动和积极。对学生学习过程中的问题和亮点进行即时点评、演示，可实现即时答疑解惑，使学生的学习兴趣得到激励。

4 改革课程考核方式

结合高职学生的认知能力，改革课程考核评价方式，体现教学的多元化评估。如布置课程阶段作业、期末大作业，通过课堂讨论、互评或他评课程作品的办法，改变过去单纯依靠理论考试评定学生的办法，将考核重点放在对学生学习过程和作品的考核上。更加注重学生在完成学习实践任务过程中的综合分析认识能力。这种考核评价方式是以能力为中心的全程化、开放式和全面的考核方式，能够综合反映和评价学生的知识水平和能力水平，综合考查学生平时参与课程的情况和每阶段学习的状况。激发学生的竞争意识，培养学生的创新精神和独立研究的能力。

5 营造开放式教学环境

目前《网页制作》课程的数字化建设还没有得到充分的开发和使用，进一步加强与课程建设相关的教学资源的数字化建设，完善教学课件、试题库及参考答案、教师用教案等，以满足教师教学和学生自学需要。在部分教学内容上设置情景教学、交流与探讨等教学活动内容，营造开放式教学环境，可以缩小教师间教学水平的差异，提升整体教学效果，促进学生学习兴趣提高。

6 结束语

《网页制作》是计算机相关专业的核心课程，《网页制作》课程建设，必须依据课程的教学目标，完善课程教学大纲的建设，编写符合高职的教学要求和特点精品教材，在教学中改革教学方法和考核方式、创新教学模式。才能提高教学质量，培养出适应目前社会岗位需要的高素质网页设计人才。

参考文献：

第3篇：网页制作实训总结范文

关键词：项目教学；网页设计与制作；课程改革；实践

项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计

在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

2.2建立项目小组

在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

2.3项目教学的实施

项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。

2.4成果展示

在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

2.5考核方式的改革

项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。

3结束语

综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。

参考文献：

[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.

[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.

[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.

第4篇：网页制作实训总结范文

关键词：网页制作 递进式 案例任务 小项目探究 项目导向

网页制作课程是高等职业学校计算机应用专业的必修课，这门课程与其他课程相比，无论是教学内容还是教学方法上都有其特殊之处，它集知识和技能于一体，有较强的操作性和综合实践性，它涉及文字版面处理、计算机语言、计算机图像处理、FLASH动画、数据库等相关知识，需要有一定的相关课程知识基础。

一、灵活处理教材，设计递进式的课程体系

网页制作这门课程的操作性和综合实践性很强，教师必须对现行的教材进行内容改革，灵活处理教材。首要任务就是要根据该课程的特点结合高等职业学校学生的实际情况，确立正确的教学目标，制定相应的教学计划，调整教学内容。高职学生网页教学目标是培养学生制作设计一个网站，因此制定网页课程的教学内容，第一阶段：网站配色与布局、使用Photoshop处理图形图像、使用 Dreamweaver制作网页；第二阶段：制作FLASH动画、制作 JavaScript脚本特效、SQLServer数据库管理和开发；第三阶段：网站项目开发与实战。依据网站制作与设计流程，教师再进行课程整合,按阶段分模块设计递进的教学内容，在教学中打破传统的从概念到原理的逻辑顺序，根据教学计划与课程标准，开发以培养学生智力技能与专业技能为目标的校本教材，并制作以课次为单位的案例和任务单，以月为单位的小项目和以学期为单位的综合项目，通过任务完成达到技能的掌握与知识点的链接，通过项目制作达到综合设计能力的培养，从而让学生掌握网页制作的相关知识，培养相关能力。

二、改革教学法，采用递进式的教学模式

网页制作涵盖的知识和技能很丰富，教学中教师不能采用简单的知识传授和灌输这种传统的教学方法，而是要努力提高学生的综合应用能力和创新能力，加强学生的实践动手能力。课程必须安排在计算机房进行，采用教与学结合的方式，在老师的指导下，学生通过多练多做来掌握相关知识和技能。结合教学经验，笔者认为根据学生学习的不同阶段可采用不同的教学方法。

1.案例任务教学法

案例任务教学法主要用于学生学习网页制作的初级阶段课程，在这一阶段中学生主要以培养兴趣，掌握基础知识和基本技能为主，教师的教学采用以案例为线索、以任务为目标的教学方法。在教学中教师根据不同的知识点选择相配套的案例和任务，这些案例和任务的编排要遵循由浅入深、由易向难、循序渐进的原则，同时这些案例和任务要为后续的综合案例和项目作铺垫。例如教师在讲授第一阶段“图形图像”这一模块教学内容时，可以设计一个与网页有关的案例――“GEARHEAD公司LOGO”，这个案例中涉及图像选择工具、图层样式、图层组及文字工具等技能，同时涉及网页LOGO的基本常识。教师在完成本例的分析演示后，要求学生模仿制作，然后再下达任务――布置一系列著名网站的LOGO图标以供学生选择模仿制作，学生通过模仿制作掌握相关的图像技能，同时掌握LOGO的基本知识，并鼓励能力强的学生设计自己喜欢的LOGO图标。通过案例任务教学法培养学生举一反三的能力，调动学生的能动性。

2.小项目探究法

案例任务驱动法主要强调学生独立性，而忽略学生之间的合作。当今社会是一个高度合作化的时代，一个没有合作精神与合作能力的人必将无法在将来的生活和工作中得到发展。为此，推行小项目合作探究十分必要。小项目探究法主要用于学生学习网页课程的技能强化阶段，通过初级阶段的学习，学生已初步掌握了网页制作的基本知识点，现在进入提高强化阶段，本阶段教学内容分为两个方面，一方面是让学生对初始阶段的案例和任务进行强化和提高，另一方面是让学生在强化旧知识过程中掌握新

知识。

本阶段采用小组合作探究形式，首先将学生每4～6人分为一个小组，并选基础好的学生为组长，教师根据学生已学过的知识和上一阶段的任务，设计阶段小项目，这些小项目既是初级阶段的任务的综合，又是下一阶段综合项目的子项目。在教如何“使用Dreamweaver制作网页”时可以制定几个主题，如“低碳”“城运会”“关爱动物”小组形式自由选题，让同学们综合应用前面学过的配色、图形等知识，合作探究设计一个网站的雏形。教师指导学生设计一个学案，该学案能在课堂教学中起指导和引领作用，促使学生主动探索，建构知识结构体系。学生根据学案中的要求，利用实训课和课外时间，在规定的时间（两周）内完成，学生可以进行不同的角色分工，合作完成，教师在学生制作过程中进行适时跟踪，指导并解答学生制作过程中存在的疑难问题，学生完成后再进行小组总结和评价，最终将小组总结评价及作品打包通过 FTP 上传给老师，教师及时地进行阶段小结、点评，同时展示优秀作品。

“小项目设计与合作探究”教学法是以任务为主线、教师为主导、学生为主体的教学方法。在教学中，教师要充分地了解学生，及时解决学生学习遇到的困难，引导学生大胆进行问题的探究，及时做好积极的评价。教师要尝试建立灵活客观、立足于平常的“自主、合作、探究”学习评价体系，以期不断激励学生参与“自主、合作、探究”学习过程，培养学生的合作意识和自主创新的能力。

3.综合项目导向法

网页制作教学的目标让学生完成一个综合网站制作，在这个阶段中采用“项目导向法”。在高等职业教育中，项目教学是一种综合性的课程模式，通过前两个阶段的学习，学生已具备网页制作的相关知识和基本技能，同时也有小组合作探究的基本能力。本阶段主要是提高学生综合网站开发的水平，同时也是为了检验学生的学习成果。

例如，在讲网页制作――综合项目实战时，首先让学生根据个人的爱好设计一个小型主题网站的网站规划书，这样学生在学期初就知道本学期自己在这门课程的学习中要达到怎样的要求、完成什么任务，就会使他们产生学习的兴奋点。在这种教学模式下，学生成为了学习的主体，教师在教学过程中扮演引导者，学生在教师的指导下自主学习，边学边做，边做边学，完成教师安排的教学内容，完成原定的项目（个人网站设计）。在完成一个项目任务后而获得的成功愉悦和满足感，不但提高了学生的学习兴趣和学习的积极性,同时也培养了学生自主学习的能力，让他们学会学习。教师真正做到了素质教育所提倡的“授人以渔”而不是“授人以鱼”。

在项目导向法的实施过程中，仍然以小组合作的形式，并根据同学们的特点模拟合作企业的岗位为同学们分配任务，如策划师、图像技师、动画技师、后台程序设计师等，让同学们在项目中负责各自专门的任务，并共同完成一个综合项目，最后上传到 WEB 服务器上。教师组织学生对每组的作品进行评价、总结并展示优秀作品。

总之，这个阶段能巩固和提升学生知识、技能，同时锻炼学生的综合应用能力和分析问题、解决问题的能力，培养学生的合作能力和创新的设计能力，提高学生的综合素质。

通过以上这些方法激发学生的学习兴趣，调动学生的学习积极性，同时改善“网页制作”课程的教学效果。通过有效的学习，学生的综合技能和综合质素得到提高。为了进一步适应高等职业学校教育改革，教师仍要对该课程的教学进行积极探索，精心设计教学案例和项目，寓教于乐，争取更好的教学效果，培养更多的技能型人才，以提高学生的就业竞争力。

参考文献：

[1]杨晓明.《网页制作》课程教学改革的探索与研究[J].甘肃联合大学学报,2008(3).

[2]沈道云.任务驱动教学法在Photoshop教学中的应用[J].职业教育研究,2006(12).

第5篇：网页制作实训总结范文

本课程内容设计的总体思路该课程总体设计思路是，打破以知识传授为主要特征的传统学科课程模式，采用以工作任务导向为驱动的课程学习模式。根据实际岗位的设置要求，开展广泛调研，在围绕工作任务完成所需要的理论知识的基础上，采用工作过程系统化的课程开发技术，遵循高等职业教育理念，确定本课程学习目标和学习情境设计，让学生在学习情境中学习完成具体项目的过程中学会完成相应工作任务，并构建相关理论知识，发展职业能力。

学习情境设计的基本依据该门课程是以电子商务专业就业面向网站开发或维护岗位工作任务所需的相关专业知识与必要技能为依据设计的。遵循一案到底、分层模块、循序渐进的路径选择，选择以具体的实际动态网页项目开发中的常用案例作为学习情境，每个学习情境均能体现以工作过程为导向，理论与实践相结合的职业能力的培养。

学习子情境设计的逻辑线索在每一个学习情境中，根据职业岗位工作的需要，按实际动态网页项目开发工作步骤，可设计若干学习子情境，由浅入深，由易及难，循环上升。理论知识的选取则紧紧围绕工作任务完成的需要来进行设置的。

基于工作过程，理论为实践教学服务本课程的设计基于工作过程，课程内容的体系安排以实际工作过程为序。也就是说，以实践为主线，理论为实践服务，但是如果片面地强调实践，会造成学生只知其一不知其二，缺乏后劲，所以必须的理论一定要跟上。在教学内容的设计中主要分为三个层次，基本知识基本技能层次，应用提高层次，综合应用层次。在第一层次，基本知识与技能层次。本层次主要以教师为主，教师讲解实训项目，分解知识点，教师处于较为主要的地位，在这个阶段，教师重在基本知识的讲解，适当降低难度，帮助学生入门，适当放慢进度，让全体同学都能跟上。第二层次，应用提高层次。在这个层次，教师逐渐将主动权转给学生。适当提升难度，加快进度，根据学生特点，提出学习任务和能力培养目标。理论知识以引导学生为主，同时不断提出问题，引导学生思考，引导学生自主学习，对于较集中的问题做透彻地分析与讲解，通过布置论文等手段，督促学生对理论知识的学习，开拓学生视野，提高知识水平。第三层次，综合应用层次。在这个层次中，教师慢慢隐去自己，全部主动权交给学生，主要来解决学生在实际应用中出现的问题。在这三个层次中逐渐增强学生的主体作用，弱化教师的作用，但是教师在教学中重视理论的指导作用，不是唯实践而实践，唯能力而能力，而是真正实现理论为实践服务，为工作过程服务。

高职《动态网页设计》课程学习情境的设计

课程内容的选取是根据本门课的培养目标确定的，根据动态网页制作工作过程，划分了六个学习情境，学习情境描述见表1：表1学习情境设计

教学考核与评价

考核评价方式课程的考核评价采用“过程+结果”的方式进行，即学生综合成绩的评定包括两个方面：一是对学生在学习过程中知识目标、能力目标的实现程度进行考核评价，即为过程考核，在平时以适当方式（各门课根据实际情况）给出成绩；二是通过对学生提交的工作成果、理论作业、调查报告以及期末试卷测试成绩对学生知识、技能掌握程度进行考核评价。

考核评价内容过程评价。它是对学生在学习中应用web数据库与动态网页制作技术的态度和能力，参与度，解决问题的能力，对新技术的接受能力，与同学协作的能力，对新的应用环境的适应能力，社会活动能力，完成任务的责任心和道德规范、安全意识等方面的评价。阶段评价。它是对学生完成web数据库与动态网页制作课程某一阶段学习任务的评价，以某一项目为内容，通过完成某一“任务”，对学生掌握web数据库与动态网页制作课程的基础知识和基本技能的程度进行评价。总结评价。它是对学生完成web数据库与动态网页制作课程学习后的综合评价，以考核、展示、、交流等多种形式，让学生自定主题，自己设计，创作有个性的作品，充分发挥学生的主动性和创造力，对学生运用web数据库与动态网页制作技术解决实际问题的综合能力、创新精神和实践能力进行评价。

结束语

第6篇：网页制作实训总结范文

关键词： HTML5；语义；经验推导原则；目的教学法

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2013）05-1249-02

1 开设该课程的必要性

1.1 就业的需求

电子商务专业自设立以来，经历了互联网经济从无到有、从泡沫到低迷再到普及的全过程，做为一个并不年轻的专业，关于课程改革的争论也从未停止过。关于电子商务是偏重于商务知识还是偏重于学习计算机专业技术，作者的看法是计算机技术的学习仍然不可被削弱。传统营销类专业对商务行业的学生培养已经够多了，再在电子商务里过分强调商业知识的学习显然于专业设定的角度上存在不小的问题，再者相当多的传统经济手段比如网络营销、网上结算等方面已经离不开互联网的支持了，尤其最近几年，围绕互联网经济产业的就业群体虽然不断扩大，但是毕业生的总体素质却流露出略有下降的特点，企业的要求，应届毕业生少有符合要求的表现。这正是由于过于偏重于理论知识的学习，很多学生实际工作能力接近于零，坦白说当下毕业生会用办公软件的都是少数。

1.2 课程设置的落后性

由于互联网技术的发展速度日新月异，学校设置的课程总是偏向于“当下”，而没有着眼于“未来”，往往体现出某种程度上的落伍感，在学生还没毕业的时候，往往课程内容已经过时，用不上了。这种学校学习与未来毕业就业的“断档”现象还会继续持续相当长的时间。本门课程作为一个课程改革的试点，进行了与未来接轨的教育模式方面的探索。

电子商务专业历来注重计算机网页技术的课程学习，每个院校几乎都将其设置为核心课程。作为就业方向之一，电子商务专业每年都能向社会输出一定数量的网页制作、维护专门人才。电子商务专业的特点决定其在网页制作的学习中更偏重前段设计。现今的网页制作课程几乎都是在HTML4网页标准基础上进行的学习，而该标准是上个世纪90年代末期制定的，一定程度上已经落后于科技的发展。很多学生毕业就陷入在了不停学习新知识的漩涡中，久而久之很多都放弃并转行了。虽然最新的HTML5标准部分内容尚在制定中，但是其很多已经定义成熟的语义标签已经被很多主流浏览器全面支持（非100%完全支持）。在信息时代，我们在教学活动中对学生的培养应该着重于学生未来毕业所需，不能仅仅停留在基础理论的讲述和相对落后的相关知识内容的传授上。

本门课程应传授学生HTML5的入门知识，同步网页设计科技的新趋势，让学生在就业中“跟得上、学得快”。

2 新课程在知识结构中的位置

电子商务计算机方面的课程主要分为两个方面：培养学生的日常办公能力和应用互联网络的一般技能。其中，日常办公能力主要由办公软件、网络工具的运用等组成；网络基础知识则包含了计算机网络基础知识和网页设计与制作等课程。在课程结构上，网页制作和图像处理基础知识位于网页制作技术的最底端，包含了进行单个网页制作的基础内容、对网页或广告中的图像的添加、处理和修改等等内容。在网页制作课程的基础授课内容中，已经可以涉及到部分简单的HTML4标准的语义标签了，因此可以方便接续HTML5升级后的语义标签进行知识拓展。

网站建设课程为偏重编写程序的递进知识内容，将HTML5的内容放置在其前面，正好可以针对HTML语义新标签进行新知识的升级讲解，实现环环相扣的递进关系。

在现有的知识框架中进行一定程度的调整和升级，符合渐进式课程改革的方式。HTML5新标准课程从知识体系上与网页设计与制作相接续，后延课程可以包括javascript脚本知识、动态网页制作知识等递进知识。由于其技术类课程的特点，适合采用集中授课的方式进行讲授，建议将其设置为“实验”或“实训”等类型的课程，学时设置在28～36左右。

为了提高课程的知识含量，本课程可涉及部分AJAX知识作为拓展学习内容，可引导基础牢靠、理解能力强的部分学生进行深入学习。

3 授课方式方法

本门课程侧重动手实践能力的培养，可采用循环授课的方式来逐渐巩固学生的基础。

第一轮的学习中，以跟随教师同步操作完成一个成型的网页页面为核心，在该过程中，尽量包括足够的HTML5的相关知识点，但不对知识点做过于详细的解释，主要以“能用”为主，在后面的学习中再慢慢过渡到“会用”的程度。第二轮的学习中，逐步减少对新增知识点的学习，转而对已有知识的综合运用上去，以巩固其基础。

第三轮的学习采取较为开放性的方式，引导学生利用已有知识进行网页页面布局，教师可作为辅助指导。在学生遇到较大障碍的时候，对学生尚不理解的知识进行部分讲解和指导，引导学生查找相关资料，从而促进其“持续学习”。

4 授课知识框架参考

4.1 基础知识讲解与运用（目的教学法）

实践经验证明，阻碍学生学习的重要问题之一就是没有目的的学习，因此在课程设计中必须详细的制定学习目标、进度和学习考核制度。对电子商务专业的学生来说，本阶段课程设计偏重于实践，侧重于“完成”而不是“融会”。从一开始注重挑选代码量少，知识点少的小实例来完成，并鼓励学生进行小范围的修改来达到举一反三的效果。从人的认知规律来总结，作者认为人往往通过已有知识和信息来理解新知识，可以起名叫“经验推导原则”。在新课程授课设计时要尽可能的多涉及到HTML4传统标签与HTML5新语义标签之间的互用，通过对HTML4旧标准的标签与HTML5新标签之间的对比，来达到承上启下的作用。

框架结构知识参考如下：

4.1.1页面外观设计为重

偏重于视觉效果较突出的内容来设置课程，以提高学生的积极性。此处尽量利用纯CSS来制作页面的配色、表现效果等。同时对于音视频的添加涉及格式确定和转换的问题，此处涉及到多媒体格式的新标准，需要加入到学习中去。

4.1.2对浏览器的不同支持

IE浏览器9.0以前的版本对很多HTML5语义并不支持，需要依赖别的方法（javascript脚本）来实现支持。关于这个知识点由于涉及内容较多，不易掌握，可以先考虑通过其他浏览器（如chrome）来实现HTML5的效果，然后再在知识讲解中来实现IE浏览器中相对应的表现效果。

4.1.3新表单的学习

关于HTML5新表单要多涉及，由于表单主要用于网页程序与用户的交互，因此要作为一个较为重要的方面去做课程设计。由于越来越多的网站采用异步传输方式来减少用户的等待过程，因此适当引入AJAX部分内容的基础学习，可提供给有余力的学生自学，作为一个有益的拓展。

4.2 开始进行核心知识的讲解

此处可适当加深内容，但是不可一味追求难度。可以进行阶梯式步进学习，对复杂知识以多个小实例来带动学习（比如对流式布局的讲解，可以先例举网页中标签的BLOCK显示效果实现，过渡到两个BLOCK块的浮动显示，接续制作一个自动扩充的导航条，再到整个网页页面的流动布局讲解，如此则更加具备授课结构的逻辑性）。

教师授课过程中，要适时记录学生学习的状态，不断在框架内进行授课内容和方法的小范围调整，不可贪多求快，也不可过分拖拉。教师可引导学生进行自我学习，提升其理解能力。

4.3 放开手脚

第三轮授课要少讲、多练，让学生多动手制作，实现自己想法。给定学生一个大致的方向，根据这个方向来自我发挥，制作个人网页的布局设计，以此来摆脱传统方式的“你讲我记”的教学方式。要更注重灵活性。该阶段要求教师设计课程框架结构完整、具有较为全面的知识面和快速学习、快速理解等能力。

5 课程考核方式

本课程的考核可采取累加式考核，对三轮授课进行分别考核，然后汇总。

考核表格设计：

[第一轮得分＼&第二轮得分＼&第三轮得分＼&基础知识＼&＼&基础知识＼&＼&基础知识＼&＼&完成效果＼&＼&完成效果＼&＼&完成效果＼&＼&]

根据学生三轮表现生成图表，对考核学生成绩也较为直观。

参考文献：

第7篇：网页制作实训总结范文

1理实一体教学模式下教学内容选取

1.1教学内容选取的指导思想

依据高职计算机应用技术（网站建设方向）人才培养目标、从计算机专业群未来就业岗位的实际需求出发，统筹考虑选取课程教学内容。以网站设计与开发技术的岗位任职要求，参照网站设计与开发职业的资格标准，不断改革与创新课程体系与教学内容。教学过程中按照以“职业岗位工作过程为导向”，“以职业能力培养为课程核心”，“以教师为主导、学生为中心”的理念进行课程设计，以实际工作任务为载体组织教学内容，不断创新与改革教学方法和教学手段。

1.2教学内容的针对性与适用性

1）深入职业岗位调研，掌握一手资料

要确保理实一体教学达到预期效果，科学选取与优化教学内容使其具有针对性、适应性显得尤为重要。为此，课程组要广泛深入区域内典型的企业、校外合作实训基地，对与课程相关的职业岗位进行充分调研，从企业领导者、中层管理者、技术骨干及生产一线人员获取第一手资料。分析了解网站建设与开发从业人员在知识、能力、素质方面的要求，根据掌握的一手资料，选取与优化课程教学内容，使课程教学内容真正贴近企业、紧跟行业发展，达到学以致用的目的。

2）以胜任岗位为目标，有效确保教学内容的针对性与适用性

通过调研，明确了学生通过对该课程的学习，能够熟练掌握网页制作工具（Dreameweaver或FrontPage），掌握网页设计语言（Html、或JavaScrip或VBscript），在网页中设置特效，设置网页颜色、文本格式和列表，熟练掌握网页中颜色值的配置和背景图案的设置方法，熟练掌握字符、超链接颜色的设置方法；掌握在网页中添加CSS、插入动画、声音、多媒体信息的技术；熟练掌握表格的使用，能熟练通过对表格设计来布局网页；熟练掌握Div标签与CSS样式结合，进行页面布局；（增加）掌握框架制作网页的方法，能使用框架设计网页；掌握表单的制作方法，通过表单制作交互式页面；掌握Javascript语言的语法；能看懂Javascript特效网页源代码，并掌握在HTML语言代码中插入网页特效代码;掌握网站管理、网站测试与维护等知识。从而科学选取与优化教学内容，确保教学内容与职业岗位需要的针对性、适用性。

3）教学内容选取流程

依据对相关职业岗位的调查分析，并充分考虑学生可持续发展的要求来选择和构建教学内容体系。在实践教学过程中，课程组有着严谨的教学内容选取流程以保证教学内容的适应性和针对性（如图1所示）。

2教学内容组织与优化

2.1组织原则

以“网站开发工作过程”为导向的“模块化为主线”的原则组织教学内容，按照理论以必须够用为度，注重技能培养的原则设计课程内容体系。将网站从业人员必备的知识和技能分成4个模块进行教学，科学设计学习性工作任务，对每一个教学单元设计了若干个具体工作任务或项目（行动化的学习项目），在任务完成过程中进行教学内容的讲解，同时项目主线中没有牵涉的内容，采用“任务驱动”的方式进行补充讲解。所有内容的安排都围绕学习任务的完成来展开。把教、学、做三者有机的相结合，使工作流程模块化、模块内容案例化，课程考核过程化，理论与实践一体化。

2.2以四个模块为主线组织教学内容

教学内容紧密结合现代企业建设网站项目的设计流程、网站建设流程，按照项目驱动组织教学内容。根据课程目标能力的要求，教学模块顺序从教学目标的角度出发，整合教材内容，使教学内容体系具有系统性、科学性、连贯性、启发性、实用性。在具体的教学内容组织和形式上，课程组坚持以网页制作技术需求层次为教学单元，将教学内容分成四个知识模块：网站开发基础模块、网页制作模块、网页编程模块、网站管理模块，以四个模块为主线，以提高学生能力为目标展开教学。如表1所示。

第8篇：网页制作实训总结范文

1、课程教学现状及存在的问题

《网页设计与制作》课程是学院重点建设优质专业软件技术专业学生必修的主干专业课，也是图形图像制作、网站规划与开发技术、计算机多媒体技术、计算机系统维护、网络系统管理和电子商务等专业学生的必修课，是一门深受学生喜爱的热门课程。在以往的教学中，教学的案例都是零散的，一个案例一般只包含一两个知识点，在教学的过程中，学生也都能掌握教学目标所要求的知识技能，但在最后的实训中，当学生接到任务后，很多学生都无从下手，上交的作品也不够美观和实用，这当然无法满足用人单位的要求，要使学生适应社会人才的要求，必须寻找出使学生毕业就能就业的教学方法。

2、课程教学改革思路

以真实网站开发任务为具体项目，充分考虑企业开发网站的工作流程，依托系部网站建设项目，按照网站设计与开发工作过程，将课程结构分为7个模块和若干单元，并分别将所需知识、技能融入各个模块，分模块进行教学，使学生在网站建设的实际工作过程中掌握相关知识和技能，极大的提高了对未来工作岗位的适应性。

2.1各教学模块。模块一：站点的建立；模块二：主页设计；模块三：主页的布局与定位；模块四：样式表的设计；模块五：二级栏目页面及内容页面的制作；模块六：网站引导页Flas设计；模块七：网站的测试与。

2.2网站开发所涉及的知识和技能。在网站设计与开发的实际过程中，一般涉及五个方面的知识和技能：（1）Dreamweaver、Flash、Fireworks等网页制作工具的应用；（2）HTML语言、CSS样式表；（3）网页布局、颜色搭配的规律；（4）网页设计的基本原理和规则；（5）网站的测试与。传统教学方法是按照这些知识系统组成教学内容进行学习，而在实际工作中，这些人为割裂的知识和技能并不能很好的和网站建设的实际工作需要相符合，很大程度上造成了严重的工学脱节现象。为了适应岗位工作的需求，在充分考虑学生的认知水平和认知能力的基础上，《网页设计与制作》课程采用基于工作过程导向的项目教学模式，按“先模仿后拓展再创新”的认知规律，较好的解决了这些问题。在教学过程中，按工作任务，对项目进行模块化，而各个模块的有机结合就是一个完整的工作过程的实训项目。

3、教学内容及课程整体设计

3.1课程教学目标设计。

3.1.1能力目标。本课程学习结束后，具备建立站点、管理站点、测试网站和网站的能力，具有获取知识能力、网页设计能力、色彩感悟能力等素质，达到职业技能鉴定网页制作（Dream-weaver平台）中高级水平。

3.1.2知识目标。（1）学生应理解HTML语言标签的含义并掌握HTML标签的编辑方法；（2）掌握Dreamweaver、Flash、Fir-eworks等网页开发软件设计制作完整的静态网站。

3.1.3素质目标（情感目标）。（1）认真仔细的工作作风，具有较强的服务意识，能够为他人提供优质的服务；（2）具有开拓意识和创新精神以及积极向上的乐观精神；（3）较强的自我知识及技术更新能力。

3.2课程教学内容设计。本课程的教学以职业能力培养为核心，根据网站设计开发人员所应具备的基本素质要求来组织教学内容。主线：以系部网站项目的设计与制作完整的开发过程为主线，在教学过程中，根据以上提到的七个模块进行项目模块化教学，让学生在课堂上掌握基的本知识和技能。辅线：以个人网站的设计与制作完成过程为辅线，要求学生在完成主线的各个模块的同时，横向独立完成辅线相应模块的实训内容，从而进一步加强了学生知识的实际应用能力，锻炼学生自主学习与创新能力。在前期的课堂教学中，学生以模仿为主，中间环节以学生理解和掌握基本操作技能为主，在后期的综合实训中，学生以创新为主。从模仿到理解到创新，符合学生的认知规律和心理特征，通过以工作过程为导向的项目教学，使教学内容更加有针对性和实用性。

4、教学方法的创新

4.1按“课堂操作示范——课堂模仿操作——课后拓展实践”的教学过程，采取基于工作过程导向的项目模块化教学模式。本课程进行了课程实施内外部环境分析，重视学生学习与工作的一致性，采取基于工作过程导向的项目模块化教学模式，课堂与实习地点一体化，贯彻理论和实践相结合的教学原则，有针对性的实现教学工学结合。

4.1.1基于工作过程导向的项目模块化教学。在课堂教师操作示范和学生模仿操作环节，以系部网站实际项目的开发为主线，按照网站开发的一般流程和开发过程对项目进行模块化分解，通过项目模块化教学，学生快速掌握了网站制作的基本流程、制作技能与设计方法。

4.1.2任务驱动的课后拓展实践。以个人网站的设计与制作完整过程为辅线，要求学生在完成主线的各个模块的同时，横向独立完成辅线相应模块的实训内容，这样，学生在各个模块的学习中，纵向贯穿课程的全部所有知识点，横向强化了知识技能的应用，达到举一反三的作用，进一步加强了学生知识的实际应用能力，锻炼学生自主学习与创新能力。

4.2按照“先模仿后拓展再创新”的学生认知规律，综合运用多种教学方法，提高教学效果。课堂教学学生以模仿为主，课后学习以拓展为辅，到综合实训和顶岗实习则追求创新。根据本课程内容和学生特点，采用灵活多样的教学方法，贯彻因材施教的教学原则。

4.2.1案例分析法。按照网站开发的一般流程，结合系部网站实际开发的过程，采用典型案例分析法讲解系部网站从需求分析——页面设计——版式布局——样式制定——页面制作等过程，收到了良好的教学效果。

4.2.2分组讨论法。在需求分析模块的教学中，采用了分组讨论法，按2—5人1组将学生分为项目开发人员与客户。要求客户提出建设要求，开发人员拟定设计方案，完成虚拟的业务谈判。并通过讨论交流，共同修正和完善网站的设计方案。教师则以提问、启发和总结等形式组织讨论，师生互动效果好。

4.2.3边讲边练教学法。充分利用在计算机实训室授课的优势，并紧密结合课程实践性强的特点，教师在实际授课过程中，讲解、演练完相应内容后，紧接着让学生上机实践操作，重点培养学生的实际操作能力。

4.2.4电子教室教学法。通过电子教室软件，先控制学生端计算机，讲解、分析、实际演示操作，然后立即让学生上机操作，同时教师通过电子教室的监控屏幕功能，监控每个学生的操作过程，发现问题并予以及时解决。

4.2.5重点对象培养教学法。在每个授课班级中，重点培养三到四个接受能力比较强、综合素质突出的学生，在安排学生上机操作环节或课余时间协助授课教师完成对其他同学的指导。

4.3充分运用现代教育技术手段，提高教学质量和效率。根据本课程的特点，充分运用现代教育技术，通过网络课程共享课程标准等教学文件、教学课件、教学教案、学习资源、教学视频、实训指导、学习资源等，所有资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络自主学习，使学习不再局限于“课堂”和“书本”，学习地点、时间、方式更加灵活，提高了教学效率。利用网络教学平台、收集、批阅、统计学生作业信息，并及时向学生反馈作业成绩及评语；学生通过教学平台对教学过程进行评价，以便教师及时改进教学方法和手段，从而有效的保证教学质量。

第9篇：网页制作实训总结范文

关键词 网页设计 能力培养 教学改革

中图分类号：G424 文献标识码：A DOI：10.16400/ki.kjdks.2016.05.041

Abstract This paper analyzes the current problems in the teaching of web design courses， and according to the teaching objectives and students' learning characteristics， this paper expounds the reform and practice of curriculum teaching. Teaching in the use of case study， task learning and project training three closely linked to the teaching process， at the same time select the appropriate assessment and evaluation， can achieve the goal of training students' practical ability.

Key words web design； ability training； teaching reform

0 引言

网页设计课程是一门集实践性、创造性、时代性为一体的课程，学生只有经过充分的实践才能真正掌握知识和技能。①传统的教学方式往往重视教师的“教”，而轻视学生的“学”与“做”，忽视了培养学生独立思考的能力，不利于学生创新能力的培养，妨碍了学生个性和创造性的发挥，难以达到培养学生实践创新能力的教学目标。②如何在教学中更好地提高学生的实践创新能力，是此课程教学改革工作的一项重要内容。

通过近几年的教学探索和实践，笔者根据教学目标和学生学习特点，以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，改革传统的教学方法，在教学中采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，取得了较好的教学效果，现综述如下。

1 教学中存在的问题

1.1 教学方法单调，难以激发学生学习兴趣

以往网页设计课程课堂教学与上机实践一般分开进行，教师先在课堂上讲解网页设计与制作的各个知识点，然后再安排学生上机验证教师之前讲授的内容。这种教学方式导致教学理论和教学实践严重脱节，难以激发学生学习兴趣，不利于调动学生学习的积极性和主动性。另外，在这种教学方式下，学生虽然能够掌握一定的网页制作理论和操作技能，但是很难承担实际的网站开发与制作工作。

1.2 项目教学在课程中的重视度偏低

项目教学法是以实际应用为目的，通过师生共同完成教学项目而使学生获知识和技能的一种教学方法。项目教学的关键在于在已制定项目任务的前提下如何督促每位学生最终顺利完成该项目。现行网页设计课程实训课时分配少，且实训内容也只是一些简单的书本实训案例，而不是综合性的应用型项目。在实训课上，教师一般要求学生独自地完成这些实训案例，所以学生难以达到培养项目创新设计与分工合作能力。

1.3 考核方式不到位，难以调动学生学习主动性

网页设计课程的总评成绩通常由平时成绩（30%）与期末成绩（70%）组成。平时成绩由学生出勤率与平时任务完成情况评定，而期末成绩由期末上机考试成绩或期末上交作品完成情况评定。实践表明，这种重视期末成绩而轻视平时成绩的评价方式，容易使部分学生平时放松了学习，更别说调动他们的学习主动性了。

2 教学改革与实践

笔者以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，针对教学中遇到的问题，对网页设计课程进行教学改革。实践表明，在多媒体课室辅助下，采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，可以激发学生学习兴趣，调动学生学习积极性和主动性，达到培养学生实践创新能力的教学目标。

2.1 案例讲解

网页设计课程教学内容多，但课时安排少。在这种情况下，如果教师仍然采用传统的教学方式，按照章节逐一讲解知识点，那么将难以完成教学任务，更别说达到最佳教学效果了。因此，为了能在有限的学时内让学生掌握更丰富的知识这一目的，笔者采用案例教学法的方式讲解课程的理论知识。为此，笔者紧扣各章节的教学内容，把教学内容设计成一个个生动具体的案例，使各个分散的知识点融于案例中。通过案例讲解，使得学生在生动形象的案例教学中学习和理解每个知识点，这能够激发学生学习兴趣，有助于学生快速、准确地掌握理论知识。

例如，在讲解层叠样式CSS时，笔者首先给学生展示了一个蝴蝶图片网页。该网页以两行四列的格式整齐地显示八张形态各异的蝴蝶图片，且每张蝴蝶图片的边框都一样地添加了四种颜色：顶红、底蓝、右黄、左绿。观看后，学生会意地笑了，每个人都跃跃欲试。接着笔者引导学生分析案例效果及其隐含的知识点。在这个过程中，要先让学生互相交流，然后再由教师总结。经短暂讨论后，多数学生认为只需要应用表格布局、图片插入和边框修饰知识，便可以实现这个案例效果。紧接着，笔者明确地告诉了学生，使用已学过的表格布局，图片插入及边框修饰知识还难以实现这个案例效果，原因在于之前所学的边框修饰知识只能添加同种颜色。当学生明白后，笔者随即给学生提出了两个探索性问题：制作一个网页，如何保证每张图片的风格一致？如果要求一个网站中所有网页的图片风格一致，又该怎么办？当学生急切地想知道如何实现时，笔者再告诉学生今天所要学习的教学内容是层叠样式CSS。随后，笔者向学生讲解层叠样式CSS的概念及其使用方法，然后操作演示了如何使用CSS来实现刚才提出的问题中所期望的效果。通过案例讲解，学生不仅复习了已学过的知识，还能加深对新知识的理解和掌握。

2.2 任务学习

实践教学在网页设计课程教学中非常重要。通过实践，学生可以提高实际动手能力，以及分析问题、解决问题能力。教师应遵循“以学生学习为主，教师指导为辅”的原则，把学习的主动权交予学生。经过探索，笔者采用任务驱动教学法指导学生任务学习。当教师完成某个案例的示范操作后，应当给学生布置上机“任务”，让学生在完成“任务”中学习理论知识与操作技能。任务设计遵循从简单到复杂、从单一到综合的原则。③任务一般被设计成验证性任务和发散性思考任务。验证性任务只要求学生自己动手实现教师所讲的案例，而发散性思考任务则要求学生学会对案例举一反三，培养学生独自分析、解决任务的能力。

例如，当蝴蝶图片网页的示范操作演示结束后，笔者把八张蝴蝶图片素材发给学生，然后要求他们制作一个类似的蝴蝶图片网页。当学生能够正确地完成这个验证性任务后，笔者再给学生布置了一个发散性思考任务：在自己的蝴蝶图片网页上修改第一行的图片边框风格，但必须保证所做的修改不会影响到第二行的图片边框风格，然后应用层叠样式CSS给每行图片添加相同风格的标题。在多媒体教室上课，每位学生都可以及时上机操作，完成教师布置的“任务”，并且学生在完成“任务”的过程中，如果遇到问题，可以与教师进行讨论，及时解决。通过完成验证性任务，学生可以巩固刚学到的知识；通过完成发散性思考任务，学生可以掌握新的理论知识和操作技能，学会知识迁移应用，提高其综合能力。每堂课中学生都有所收获，这将逐步地增强他们对后续课程学习的积极性和主动性。

2.3 项目实训

网页设计课程的教学目标是使学生熟练掌握网页设计中的理论知识和技能，培养学生实践创新能力。另外，当今社会要求大学生具有较强的合作能力，在课程中加入小组合作环节有利于培养学生的团队合作意识。④在实训课中，教师可以运用项目教学法指导学生开发综合项目。⑤为此，笔者依照项目的选择要求，设计了几个综合实训项目。通过项目实训，使学生处于整个项目开发进程中，这样有利于锻炼他们开发项目的能力，以及培养他们互相沟通、协力合作的能力。

例如，在“班级网站制作”实训中，由学生自愿、教师调配的原则指导下，笔者将全班29位学生分为5组，每组5～6人，采取组长负责制，由组长统筹安排其组内成员的分工。在欣赏几个优秀的班级网站后，引导学生讨论“班级网站”的主题，并最终确定了五个主题：班级首页、班级动态、班级作品、班级相册和班级留言。接着让组长组织组员分析讨论各组的主题，制定一份确实可行的主题实施计划书，然后搜集素材并制作网页。在此过程中，针对学生遇到的一些易错性、关键性问题，教师要及时提示引导。在各小组作品完成后，笔者让每组选派一名组员对小组作品进行展示，介绍作品的主题、特色，所使用的技术，以及制作经验。最后要求学生对各组作品进行评价，并要求每组依据评价结果修改完善小组作品。评价方式采取小组互评和教师评价相结合的方式。在制作作品中遇到问题，学生可以在组内讨论解决，组员之间互相帮助、协力合作，这有利于培养他们的团队合作能力与意识。

2.4 建立合适的考核评价机制

合适的课程科目考核评价机制，可以有效调动学生的学习主动性。为了充分体现学生的实际学习情况，引导学生重视任务和项目实践，笔者改变以往“平时成绩（30%）+期末考试（70%）”的评价方式，取消期末上机考试，采取平时考核（10%），任务考核（40%）和项目考核（50%）相结合的考核评价方式。平时考核旨在考查学生出勤率与平时表现情况，任务考核旨在考查学生完成任务情况，而项目考核旨在考查学生在项目中完成的工作量、工作质量和表现情况。项目考核的最终评价由学生自评、小组互评和教师评价三者按比例组成。实践证明，这种综合性的考核评价体系能够有效地促进学生对本课程的学习。

3 结束语

网页设计课程既是一门计算机应用基础课程，又是一门包含网页技术和数据库技术的综合性课程。因此，它除了具有一般课程的普遍特征外，还具有自身的特性。只有采取符合学生学习特点的教学方法，才有可能达到预期的教学目标。实践表明，这些教学改革措施能够使学生真正成为教学活动的主体，能够激发学生的学习兴趣，切实提高了学生的实践创新能力，培养了学生的自我学习能力和团队合作意识，取得了良好的教学效果。

注释

① 倪宁.高职《网页设计》任务驱动改革的实践和思考[J].科技创新导报，2009（8）：135-135.

② 赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].华中师范大学，2009.

③ 吴晓，沈亚强.基于行动导向的教学设计研究[J].吉林工程技术师范学院学报，2010.26（1）：27-31.