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

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

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

关键词：网页制作；职业能力；高职教育

作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）

中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03

一、高职教育概述

高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。

当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。

“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]

“任务引领”教学模式的特点可以概括为：以工作任务为引领；以岗位技能为导向；以实践教学为主题；以掌握能力为目的。任务引领让学生在享受工作过程的乐趣中，学习知识、掌握技能、培养责任、积累信心、完成教学任务，同时激发了学生的学习兴趣，调动了学生学习热情。[3]

在教学实践中，将“任务引领、学做一体”的教学模式引入的了高职“网页设计与制作”课程中，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的实践任务，使学生在任务完成的过程中，获得了网页设计制作的知识和技能，取得了较好的教学效果。

二、“网页设计与制作”课程设计理念

1.根据“网页设计与制作员”职业岗位需求确定课程目标

“网页设计与制作”课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位是网页设计与制作员。因此，该课程的目标是掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作员职业岗位的需求。

2.以职业能力为依据组织课程内容

“网页设计与制作”课程根据网站开发和网页制作技术领域和网页设计与制作员职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以网页设计与制作员岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，突出职业能力培养，实现理论和实践的完善统一。

3.以“任务”为主线设计教学环节

教学全过程围绕任务（实际的网页）进行，把网页设计与制作员所需要掌握的知识点和技术要点穿插到各个任务中，教师边分析讲解、操作演示，学生边模仿操作、动手练习，真正做到讲练有机结合。这样，既可以提高学习效率，又可以激发学生的学习兴趣，进而提高学生分析问题、解决问题的实际能力，使学生能够轻松学习、自主学习。

4.通过“阶梯上升式”实践教学模式强化技能训练

“网页设计与制作”课程设置了课内实训、课外拓展、模块综合实训、项目综合实训四个阶梯上升式实训教学环节，学生通过不断实践，实现网页制作技能由点到线再到面的不断推进。而每一个实践环节，都围绕着真实任务（网站或网页）进行，最终使学生达到与网页设计与制作员职业岗位的“零距离”接触。“阶梯式上升式”实践教学模式如图1所示。

三、“网页设计与制作”课程教学内容的选取

“网页设计与制作”课程以培养学生开发网站与设计制作网页的职业能力为课程设计的主线，在课程体系与课程内容上突出“应用”、“实用”。教学中注重处理好理论知识讲授与技能素质培养之间的关系，教学重点不仅仅是使学生掌握课程所讲授的理论知识，而是侧重于培养学生实际能力与才干。

“网页设计与制作”课程按照培养技能型、应用型人才的目标，根据行业企业对网页设计人才的知识、能力、素质的需求，并考虑前导、后续课程的衔接，确定课程教学标准与教学内容，同时按照实际工作流程重新组织教学内容，使教学内容具有很强的针对性和适用性。

“网页设计与制作”课程教学内容选取流程图如图2所示：

在选定课程内容的前提下，选择Dreamweaver、Fireworks、Flash网页设计三剑客软件包分别作为网页制作、图像处理和动画制作的工具，把网页制作技能的培养转变为三种软件使用方法的学习。

四、“网页设计与制作”课程的实施

“网页设计与制作”是一门实践性很强的课程，课程的目标是培养学生网页、网站的开发设计能力、软件工具的应用能力、再学习能力和创新能力，实现与网页设计与制作员职业岗位的“零距离”接触。为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用“任务引领、学做一体”的教学模式。

教学过程均是围绕着一个个教学任务（网页案例）展开。课堂教学采用任务引领、项目（实际网站或网页）驱动，学做一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在“学中做、做中学”，逐步掌握所学知识，提高操作技能。

1.课程结构“模块化”

在“网页设计与制作”课程的具体实施中，为了适应网页设计与制作员职业岗位工作的需要，并考虑高职学生的认知水平和认知能力，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的模块化课程结构，将知识和技能分为网站规划、网页制作基础、网站管理、初级网页制作、图像处理、动画制作、高级网页制作、网站维护和综合实训9个模块若干个教学单元，每一个教学单元又包含若干个具体操作任务，在任务完成过程中进行教学内容的讲解。

2.课程内容随着网页制作技术的发展不断调整、更新

随着计算机技术和网络技术的发展，网页设计三剑客软件包的版本在不断更新，网页设计与制作技术也在不断升级换代，为此“网页设计与制作”课程的内容也必须根据网页制作技术发展不断地改进、更新，以适应计算机技术、网络技术的发展和社会的需要，保证学生所学的知识不过时。

3.教学环节标准化

每一个教学单元的教学都按照“任务展示”、“教师演示”、“课内实训”和“总结提高”的过程展开，体现“以学生为主体”、“以实践为核心”的教学思想。

在任务展示环节，教师首先说明本次课要完成的目标并展示本次课任务（网页）的浏览效果，让学生了解本次课的教学目标和需要完成的任务，激发学生对新知识的学习兴趣；在教师演示环节，教师逐步示范任务（网页）的制作过程，给出任务的操作方法；在课内实训环节，学生通过模仿教师完成相应任务，训练网页制作的基本技能；在总结提高环节，教师对任务完成过程中涉及的知识点和技术要点进行归纳讲解，使学生达到举一反三的目的。

4.“阶梯上升式”实践教学模式

实践教学是高职课程教学的生命线，而以“做”为特征的“网页设计与制作”课程，重视实践教学更是具有突出的意义。网页设计与制作的理论知识必须通过学生动手练习才能变成学生具备的网页制作职业技能。基于这些，形成了“课内实训、课外拓展、模块综合实训、项目综合实训”阶梯上升式的实践教学环节。这种教学模式的实施说明如表1所示。

5.采用符合高职学生认知规律的教学方法

高职层次的学生善于形象思维、动手能力强，厌学理论知识、乐学实际操作，因而最适合“做中学、学中做”。基于此采用了基于真实项目的“任务引领、学做一体”教学模式。

课程的教学过程围绕着一个个任务（网站或网页）进行，在课堂中，教师通过分析解剖一个个具体的任务，围绕一个个实际网站的构建及实现的方法，从简到繁，从易到难，引导学生制作网页，理论与实践相结合，边学边练，以练为主，最终完成实训任务，达到“课完即会、课后即能”的效果。

通过不断的探索和改进，我院“网页设计与制作”课程已经形成了“围绕一条主线，通过三个构建，实现三个目标”的教学特色：

一条主线即任务；三个构建为任务引领、学做一体化教学模式的构建，“模块化”课程结构的构建和“阶梯式”实践环节的构建。

达到三个目标，第一，素质综合化，通过任务的学习和网页设计开发，培养了学生刻苦钻研、勇于开拓的创新精神，培养了学生科学严谨、实事求是的工作态度，加深了学生团结协作、互帮互助的集体观念，全方位地提高了学生综合素质；第二，设计个性化，通过任务的学习和网页设计开发使学生的设计思想得到充分的展现，设计的作品更具有个性；第三，能力岗位化，通过任务的学习和网页设计开发让学生的能力更符合岗位的要求，实现与网页设计制作员岗位“零距离”接触。

多年的教学实践证明，在“网页设计与制作”课程中引入“任务引领、学做一体”教学模式，用任务作为教学的载体，让学生在学中做、做中学、学做一体，通过学生主动的实践、探索，使学生在获得网页设计与制作职业能力的同时，还锻炼了学生的动手能力，提高了学生分析问题和解决问题的能力，培养了学生严谨的工作态度和团结协作精神，达到了学生与网页设计与制作员职业岗位的“零距离”接触。

参考文献：

[1]李亚桂，竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业，2011，（11）.

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

1．改革传统的教学模式

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

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

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

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

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

在网页设计的主要授课过程结束以后，最好要安排一至两周的校内实训。在实训周内，整合学生的全部力量，完成一至两个大的企业实际项目案例。实训周是提高学生网页设计水平，培养学生成为网页设计师的良好时机。在这个过程中，教师要为学生选好实训项目，最好有一定的难度。学生在学习过Photoshop、Dreamweaver、Flash、Div+CSS等网页设计主要软件工具以后，一直以来都是分开来使用的，这次要把他们整合在一起来使用。把网页设计的整套设计过程整个的体验一遍，选用Photoshop制作出版式配色等整体效果设计，然后切片导入到Dreamweaver中，对需要用到特殊排版的地方用Div+CSS进行设计排版。对于画龙点晴之处最好加入特点鲜明的Flash短片，这样完成的项目更具有吸引力。通过合理有效的校内实训，可以加强学生的设计能力和创新能力。

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

传统的高职教育是三年制，三年都在学校学习，“双主体”人才培养模式做出了改变，为了和企业零距离接轨，前1.5年在本校学习基础知识，包括公共基础知识：语文、高等数学等;专业基础知识：HTML+CSS、网页界面设计、网页脚本设计、PHP网站开发，在这1.5年中，科大讯飞会及时跟踪学生的学习情况，每个学期都会安排项目实训，检验学生的学习效果，及时做出调整。后1.5年将进入到科大讯飞学习，真正地进入到企业的岗位中，进行项目的实战开发训练，掌握企业工作中需要用到的知识和技能。

2教学特色

整个教学过程都贯穿着项目，利用科大讯飞已有的项目资源，进行教学和实训。基础知识教学阶段将前1.5年中学习的专业课程按知识点进行细化和归类，从单个知识点的具体讲解，到知识点的例子演示，然后进行当场实践和总结，总结的时候利用班会课，每周举行一次总结。这些知识点是有学校和企业双方共同讨论决定，并且是共同完成授课。项目实战教学阶段利用科大讯飞已有的真实项目，找到该项目的负责人或主要参与工程师进行教学，一开始会进行项目分析，完成该项目需要用到的知识点，以及这些知识点在实际应用中的方法和需要注意的事项。然后由项目工程师指导学生进行项目开发实战，在完成项目的过程中，巩固了之前学习的知识点，并学会了应用。

3网页设计与制作专业人才培养模式

网页设计与制作是我院软件技术专业的一个方向，从2012年开始和“科大讯飞”合作进行“双主体”办学。合作办学后，双方对该专业进行了一个深入的探讨，对原有的教学模式进行了改革。前1.5年学习的主要专业基础技能。前1.5年主要是培养学生的职业能力，让学生掌握基础的职业能力，HTML+CSS是网页的构成基础，JavaScript是网页的交互效果，界面是网页的外观，动态网站方面，PHP的应用非常广泛，使用PHP技术搭建的网站也非常多，所以我们选用PHP来教学，让学生掌握PHP的基础知识、语法基础，会编写小型的新闻管理系统等等。在后1.5年，主要是综合项目实训，这里面主要包含4个方面的课程，这些课程以前在高校里都很难开得起来，一方面由于师资力量的问题，另一个方面是由于没有真实的环境让学生去练习。PHP框架开发实战是在前面的PHP动态网站开发的基础上，利用像thinkPHP，DEDE这样的开发框架制作真实的企业站点，跟以后就业的工作环境几乎一模一样，对学生的技能是一个极大的提升，手机UI是在近几年智能手机的普及，出现的设计需求，现在高职院校开设这门课程的还特别少，我们依托科大讯飞的优势资源，给学生介绍当下流行的技术，使学生的就业选择面更广。HTML5和CSS3也是新的技术，应用也很火爆，是互联网下一代的标准，让学生跟着行业发展的方向学习。SEO是针对搜索引擎的结果优化，在企业建站过中也非常重要，加入此项训练，跟真实案例零距离。

4教学过程改革和学生考核方法

在学习的过程中，作为“双主体”的双方，都是全程参与，实时跟踪掌握学生的学习情况，在前期，利用科大讯飞已有的项目实训平台，对学生的学习效果进行检测，然后根据学生的成绩，进行A、B、C、D等级划分，其中A级学生成绩优秀，B级学习成绩良好，C级学生成绩及格，D级学习成绩不合格，根据等级划分情况，对学生进行差异辅导，A级进行拔高行辅导，D级进行基础知识辅导。同时，学生也可以了解自己的学习情况，哪一块知识没有掌握，在学校和企业教师的指导下，补缺补差，迎头赶上。学生考核也是有双方共同评测，其中50%的分数由学校任课教师打分，根据学生平时的出勤、实训完成情况进行，另外50%由科大讯飞的工程师打分，根据每月进行的实训平台考核的分数得出。这样能真实地评价出学生的学习效果，学习好的同学，说明他在知识点以及实训项目中都取得了好成绩，动手能力强，这样的人才是企业真正需要的。

5取得的成效

在2012年10月举办的第七届全国信息技术应用水平大赛中，网页设计与制作专业的学生参加了移动互联网站比赛，获得了省级二等奖的好成绩；在2013年中国计算机设计大赛“合财杯”中，网页设计与制作专业的4位同学获得了省级三等奖。现在2012级的同学还没有毕业，但是据统计，该专业的同学已经全部就业，就业的对口率在80%以上，另外，讯飞班的NCRE通过率逐年提高，在2014年9月的考试中，科大讯飞班的学生一次通过率更是达到了58%的新高，而整个学院的平均通过率在15%左右。2011级科大讯飞班的就业对口率、就业薪资水平相比学院其他的专业，都有非常大的提高。

6结语

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

【关键词】Web技术；网络专业；课程设计

本实训针对学生之前所学的专业课程知识进行整体概括、应用和提高。能够加强学生专业知识训练，提高学生专业水平。传统的教学都是采用“一学期一课程一结束”的模式，课程缺乏有机的结合，导致学生无法系统掌握和应用专业知识，只是是知其然，不知其所以然，更谈不上应用了，而当今的社会对计算机专业需要的是有经验的专业应用人才，如何培养出具有应用能力的计算机人才是一个很大的难题，而通过Web技术专业实训可以帮助学生提高其专业应用能力。

通过本次专业课程设计，学生要初步掌握网站开发的基本流程、每个阶段的主要任务和典型设计方法；了解Dreamweaver技术、HTML代码、Fireworks技术和Flash技术。

一、专业课程教学基本要求

专业实习主要是到实习基地的企业（公司）或基层行政组织进行参观、考察，听取该单位中管理人员的专题讲座，同时，也要求实习单位适当给学生分配一些具体事务，让他们身临其境。培养学生的编程思想，具备初步建立小型网站的能力，为学生以后的实践工作打下坚实的基础。所以有以下要求：

1）提供实习基地；

2）多媒体合班教室；

3）实习机房。

二、Web技术专业课程设计的主要内容

1.网站开发与设计技术

通过制作一个综合实例，熟悉Dreamweaver开发站点和页面的技术；了解HTML语言；Fire-works和Flash对网页图片和动画的设计。

网页是WWW中的基本文档，它是用HTML或其他语言（如JaveScript、VBScript、ASP、JSP、PHP、XML等）编写的。

通常所说的网页或网站就是由一个或多个超级文本组成的，而进入网站时一般首先打开的网站首页也叫主页（homepage）。网页的出色之处在于能够把超级链接嵌入网页中，然后通过超级链接指向其他的文本、图像、多媒体文件、程序甚至网页。

网页按位置可分为主页和内页；按表现形式的不同可分为静态网页、动态网页和包含数据库的动态网页。

2.JSP应用技术的使用

通过上面制作的实例，掌握JSP的基本语法；熟悉JSP中的文件操作。

JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。

Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序段，然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等，以实现建立动态网页所需要的功能。

JSP与JavaServlet一样，是在服务器端执行的，通常返回给客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。

3.站点技术

使学生了解站点技术并引导学生使用站点技术前面开发的站点。

站点的方式可以采取以下三种：

1）实体主机：自行购买和建设服务器主机，然后向ISP申请连接Internet的专线和网址。

2）主机托管：只需购买服务器主机，不必租用专线，自行创建网站和管理服务器主机。

3）虚拟主机：直接租用ISP供应商的硬盘空间，由ISP负责所有硬件和技术人员的费用及专线月租。

三、项目实践

通过实训内容，实战演练多个项目：

1）行业网站模板制作；

2）企业网站整体制作；

3）校园网策划与运行；

4）基于会员制的网络广告系统。

四、总结

通过本专业课程实践不仅可加强学生对理论知识的感性认识、加深对专用网站开发的理解，而且能培养学生的实验技能，提高实验动手能力。实验过程中要求学生对网站开发的流程和使用工具有初步的了解，对站点上传和维护有一定的调试能力。

参考文献

[1]李兴华，王月清.Java Web开发实战经典[M].清华大学出版社，2010，08.

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

目前校企合作对于技工院校而言已经不是什么新概念，但是真正做到校企共生、校企双赢的可能没有几家。在电商网页设计一体化教学过程中，涉及到电商网页设计技能训练相关操作任务时，大部分操作实例都是运用传统书本实例，这些实例往往都由他人整理编辑，根本没有实际性的实用价值，更谈不上社会市场价值；如果要全面得到“电商商业网站实际岗位典型工作任务”实例，实现资源整合，只有真正做到校企共生、校企双赢可能才行了通。其次技工院校大部分专业教师并没有社会企业实践经验，他们也不会在电商网页设计课中对学生进行贯彻企业运营管理效率、投资收益率、提升企业知名度等这些企业文化知识，引进企业一线业务骨干协同学校专业教师一起现场辅导学生的教学方法可能成为解决上面两个问题的必然方法。但是对于企业而言，有投资就要有利润，一切付出必需要有回报，这就是企业。在这种情况下，以企业为中心的一体化教学课程设置必将成为学校全体教师需要思考的问题。

二、以职业能力培养为中心

（一）确定职业培养能力

在技工院校情境中和企业岗位设置大环境下，培养学生电商网页设计目的是什么、学生毕业后能不能适应企业高标准岗位要求，这些问题都是电商网页设计一体化教学课程设置的依据。那么基于职业能力培养的电商网页设计一体化教学课程设置首先要确定的是电商网页设计能力目标，能力目标则是由企业电商网页设计岗位要求所决定的。一个合格的电商网页设计师招聘岗位一般分为三个方面（表1所示）。我们综合分析下表1，在电商网页设计一体化教学过程中专业教师首先要辅导学生精通如何使用网页设计相关软件，如Photoshop、flash、Dreamweaver等；并灵活运用这些软件独立完成DIV+CSS页面布局、网页设计、网页编辑、网页美工、网页维护等工作任务。其次就是培养学生网站开发流程，灌输企业网站经济价值观，要求学生设计出具有市场价值的电商商业网站。再次就是传输企业文化，让学生懂得企业如何运营管理、如何投资收益、如何提升企业知名度等职业业务知识，培养学生团队合作能力及解决问题能力。

（二）撰写校企一体化教材

全面得到“电商商业网站实际岗位典型工作任务”，实现资源整合。在这种校企合作机制中，学校只要能做到让企业在撰写一体化教材过程中有利可图，那么校企一体化教材的撰写也许能在校企双方达成共识。校企一体化教材的撰写可以采用以电商商业网站理论知识和实际业务流程为内容，以实际岗位典型工作任务为项目模块由企业一线业务骨干与学校专业骨干教师合作完成，此教材直观反映企业电子商务网页设计岗位的实际要求和企业文化。在学校本教材可以作为一体化教学教科书，培养出的学生不仅可以掌握电商网页设计理论知识，还可以掌握岗位典型工作任务流程和企业文化。学生毕业后就可以直接上岗，企业可以放心的直接使用合作学校的毕业生。在企业本教材可以作为企业内部员工的培训教材，也可以作为企业定期考核员工的参考教材。当企业需要理论试卷对自己的员工进行理论考核时，学校可以免费提供题库资源；当经济快速发展的形势推动电商网页工作任务有所调整时，企业及时与学校进行沟通，做到与时俱进。

（三）改变教学方法

由学生自主学习为主、学校专业教师与企业一线业务骨干一起授课为辅，选择不同项目模块进行轮训的一体化教学方式可能取代传统的以教师讲授为主、以学生被动听课为辅的教学方式。这种教学方式是在学习相关知识之前由学校专业教师组织学生到合作企业参观，了解企业文化，增加学生感性认识，激发学生自主学习的兴趣与热情，回校后再进行系统学习。在教学过程中，教师把课程划分为若干个子项目，设计合适的教学情境，将子项目渗入到教学中；定期让学生与企业一线业务骨干接触，自主讨论，充分了解企业文化，激发学生想象力，增加学生的新鲜感和求学欲望，激发学生制定学习目标和职业规划。此外采用工学交替的办法把学生送到企业去学习，让学生运用在学校所学习的理论知识在相关岗位上进行自查，有针对性的弥补自己的薄弱点，实现课堂即岗位、岗位即课堂的情景教学。学生在学习电商网页设计过程中可依据自身的特长和兴趣自主选择网页规划、网页编辑、网页美工、网页维护等项目模块，任课教师把企业管理运营模式运用到教学上来，使用分组教学法根据学生自主选择情况把一个班级打造成独立承担网页设计的服务团队，充分运用项目教学法和任务驱动法对“电商商业网站实际岗位典型工作任务”进行系统学习，期望能达到因材施教的效果。

三、充分学习企业文化

（一）设置社会评价体系

评价是对整个一体化教学学生掌握情况的总结，以企业为中心的一体化教学学生合作完成的作业不是由教师进行评价，而是把学生合作完成电商网页设计成果纳入社会评价体系，让市场进行评价。基于这种评价体系的基础上，电商网页一体化教学效果难以预测，教学过程中的项目任务目标是否合理科学，只有学生合作完成的电商网站产生了商业价值、给企业带来了利润才能准确判断。因此在电商网页设计一体化教学过程中合理运用社会评价体系能够实现工作即学习、学习即工作的教学效果，也能够实现学生获得企业所企盼的职业综合能力的教学目的。此外专业教师还可以运用企业评价员工的方式对学生进行评价，即当学生为主体的网页设计服务团队设计出的网站产生了商业价值，给企业带来了利润，在校企合作能力范围内教师可以对学生进行个人激励考核，适当的发放奖金。

（二）建立校外实训基地

在学校专业教师及企业一线业务骨干的共同努力下，学生经过校内实训场所进行轮训，经过不同层次的考核能够独立承担电商网页设计的服务团队的任务，这个时候校内实训场所已经跟不上学生学习情境要求，采用工学交替的办法把学生送到企业去学习也许能够解决这个问题。学生可以在一线业务骨干的安排下以服务团队的形式深入到企业岗位上去，运用学校所学的电商网页设计知识进行实际生产，学生把企业作为第二课堂的同时和企业老员工共同承担企业每一项任务，为企业盈利。通过这种校内实训场所与校外实训场所有机结合的措施把校内实训场所成为企业培训员工的工厂的同时，把校外实训场所成为培养学生职业综合能力的课堂。

四、结束语

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

与网页设计与制作课程关系密切的课程很多，而关系最为密切的课程有计算机应用基础课程，电脑绘画课程(Photoshop)和动漫设计课程(flash)，这三门课程都是网页设计与制作课程的前导课程，相对于这三门课程来讲，网页设计与制作课程就是后续课程。在对后续课程的教学过程中，必定会让学生运用到前导课程的知识和技能，这样不仅可以让学生对前导课程进行一定的强化学习，而且更有利于后续课程的教授和学习，在很大程度上，能够提高学生设计网站的水平。如果把前导课程比喻成红花和绿叶的话，那么后续课程就是饱满的果实。由此看来，网页设计与制作课程在整个教学体系中占据着非常重要的地位。

2选择适合高职院校学生特点的教材

我院具有所有高职院校所共有的职业特点，但又有着我们自身更为突出的特点，要以“面向高职学生以应用”为目的的思想为指导，以能力为本位，适应社会的需要，这就要求我们在选择教材时一定要准确实用，我院幼儿教育系选用的是由清华大学出版社出版的第二版《Dreamweaver网页制作实用教程》，本教材以“实例+知识点”的结构构建内容，采用“任务驱动教学法”让学生边做边学，并配以相应的光盘，生动直观，能够让学生在短时间内迅速掌握所学知识，是一本符合培养高职院校学生技能的好教材。

3遵循高职教学规律，加强和改进教学工作

高职院校不同于其他高校的地方就是它是以实践操作能力的培养为主导，理论知识的学习为辅的教学指导方针进行教学，对于网页设计与制作这门实践性很强的课程来说更是如此。想要教好这门课程，教师就必须在教学过程中进行一系列的教学设计才能达到较好的效果，如何组织好这门课对于教学工作和效果尤为重要。

3．1网页设计与制作课程的教学思路

首先，要上好第一堂课。教师要在课前做好充分的准备工作，要利用第一堂课想办法牢牢抓住学生的心，让学生真正认识到学习网页设计课程的重要性和必要性，不能让学生有沉闷和枯燥的感觉。所谓万事开头难，好的开始必定能为之后的教学打下一个坚实而良好的基础，但好的开始并不意味着之后的教学就会一帆风顺的进行，之后的教学务必要在多媒体课件上下工夫。多媒体课件是教学的灵魂，它不是文字、图象、音频、视频和动画信息等各种元素的堆砌，而是它们的完美融合，利用它们使课堂变得更加生动和精彩，从而尽可能的提高学生的学习兴趣。

3．2网页设计与制作课程的教学方法

用实例作为课堂切入点，让学生先看到实际效果，首先启发学生思考用之前学到的知识和技巧能否做出此种效果，然后再由教师演示实例，在演示实例的过程中引出新的知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容。教学目标是用布局表格设计网站主页，在演示此实例之前，让学生先利用之前学习的表格知识设计此网站主页，目的一是巩固前面章节所学知识和操作技巧，目的二是为接下来的布局表格设计做好充分的铺垫，让学生从内心有所比较，哪种方法更适合用来设计网站主页，在教师演示实例过程中可以更好地抓住学生的注意力和调动学习的积极性。演示案例制作一个介绍“学习教程”的站点，主要包含六个模块，包括“我的主页”LOGO、“导航”、“网站信息”、“教程热点”、“热门下载”、“最新教程”、“最新软件”等等。基本要求是在此实例中，添加“左上角三叠图”和“最下面友情链接”，资料在网络中获取，合理设置网页的背景以及图片和文本的属性，页面美观大方。较高要求是用此站点结构制作一个介绍自己的个人站点，要求除基本要求外，要有六处超级链接，且六处链接页面要有一致的框架结构，站点中导航清晰，布局合理，配色美观大方。

3．3教学过程中因时因人改进教学手段和方法

高职具有较强的职业特色，而学生水平存在着个体差异，故不能进行一成不变的教学方法。在课程进行到中期的时候，学生对课程知识的索求和动手实践的欲望会渐渐减弱，他们的厌学情绪越来越重，或者总是出现眼高手低的现象。在这个阶段学生已经掌握了一定的网页设计与制作的知识和技能，教师可以放手给学生，在授课过程中可以由主动变为被动，让学生由被动变为主动，譬如找某位学生来演示课堂实例，教师在旁指导，把学生的注意力拉回课堂，以此来推动教学进度顺利高效的向前进行。

4明确教学目标，把握教学内容

4．1选择合适的网页制作工具

目前最好的网页制作与设计软件工具是Dre-amweaver。它一直以来作为可视网页编辑工作的标准，在代码编辑和应用程序开发方面的功能比较强大，更重要的是它是所见即所得类型的网页设计软件，对高职院校非计算机专业的学生来将非常适合。同时，可以选择Flash制作网页中的动画素材，选择photoshop处理和制作网页中的图片素材。

4．2要求学生能够利用Dreamweaver设计各种网页，开发初具规模的网站

我系课程方案中要求采用以Dreamweaver为主导，逐步讲解网页设计的基础知识，初步了解HTML语言、简单认识CSS网页设计的基础知识。这里需要特别说明的一点是，首先，对HTML的教学，有些人认为对于高职非计算机专业的学生来说，不用学习太多语言，其实不然，HTML可以说是网页的灵魂，它不像C语言那样生涩难懂，高职非计算机专业的学生完全有能力学会和掌握。其次，要掌握CSS的基本使用方法，CSS是英文单词CascadingStyleSheets缩写，翻译为“层叠样式表”。通俗讲CSS是控制网页中内容的颜色、字体、文字大小和宽度、边框、背景及浮动等样式来实现各式各样、花样百出的网页样式的统称。由于允许同时控制多重页面的样式和布局，CSS可以称得上网页设计领域的一个突破，作为网站开发者、设计者能够为每个HTML元素定义样式，并将之应用到希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。

5考核方式

根据高职院校学生的实际能力水平和课程教学质量基本要求，传统理论考试已不适宜于网页设计和制作课程，网页设计和制作课程采用的是考查的考核形式。这种考核方式更适合网页设计课程的特点，更加强调学生学习的灵活多样性。期末总评学习成绩可由三部分组成:课程考核(平时到课考勤、课堂上的表现、课堂实训作业和)占30%、小结考核(阶段测验作品)占30%和期末考核(期末综合作品)占40%。这种考核方式注重实际操作能力和灵活应用能力的培养，可尽可能地调动学生的学习兴趣，发挥学生的学习积极性和主动性。期末考试要求学生在教师规定的时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。《网页设计与制作》课程是当下一种全新的教学内容，教师在教学中应将自己独特的教学理念运用于教学方法中，即让学生轻松愉快地学会制作网页的方法和技巧，又能在建立网站的过程中充分发挥自己的想象力和创造力，从而能培养更多适应信息化社会的综合型网页设计人才。

6社会实践

如果说课堂考核方式是检测和巩固学生设计网页能力最有效的方法，那么课外的实践则是拓展和提高学生设计网站能力最有效的渠道。可以组织学生进行学院网页设计的比赛，也可以走出校园去参加社会团体组织的设计大赛，或者进行一段时间的顶岗实习，这样可以最大程度的提高他们对此课程的学习积极性，也可以让学生找到差距，激励他们更加努力，不断完善和提高自己设计网页的水平。

7总结

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

关键词：《网页制作》；改革思路；能力培养；实施过程；效果良好

中图分类号：G712 文献标志码：A 文章编号：1674-9324（2013）22-0179-03

一、目前现状及课程分析

高等教育的其中一种类型就是高等职业教育，不像重点大学以培养社会需要的尖端型科研人才为主导，也不像一般的本科院校以培养具有扎实的学术理论功底，又具有较强职业技能的职业型高级专门人才为主线，高职院校主要培养面向生产、服务、建设和管理的一线高技能人才为目的。高等职业教育必须以能力为主导，以学生为主体，以素质为基础，以项目为载体，进行课程实施。本文主要对网页制作技术课程实施进行探讨。网页制作技术操作性强，技能要求高，能激发学生的学习兴趣。如何培养学生的专业技能，使其能快速适应岗位要求，是课程教学的总体目标。

二、学生分析

1.学习状况：缺乏学习动力，被动学习。目前的高职学生属于“90后”，入学成绩偏低，他们对课堂教学不感兴趣，学习动力不足。调查显示，对课堂学习感兴趣的学生比对课堂不感兴趣的同学要少很多。我们都知道大学更注重培养学生的自主学习能力。而在课堂上，高职学生总是抱怨老师讲的不好或讲的听不懂。他们还处在高中阶段被动接受老师讲授的知识，好像老师上课上的不好，自己就没法获得新知识。正是这种被动接受知识的态度，才使他们不注重培养自身的主动学习习惯，导致学生厌恶学习，不愿提及自己的学习成绩，甚至有学习上的问题也不愿请教老师。

2.改革思路：加强师生之间的互动。所谓互动就是指在教学过程中学生要学，教师实施，如何使学生主动求学？教师可以在实施过程中引入案例，从视觉感官上引其入胜；利用任务驱动，使其享受之后的成就感；使用项目完成，对本课知识点进行综合运用；最终形成良性循环。课程实施过程不但要注重入岗能力培养，还要注重技能培养。所以从教师因素考虑，教师应培养积极向上的精神，引导学生参与课堂互动。另外提高自身涵养，体现人格魅力，努力提高自身的教学水平，让学生喜欢听课，从而产生良好的课堂效果。更重要的是注重学以致用，尽可能多的让学生动起手来参与其中，这样才能提高学生的学习动力，使学生愿意听课，自动上课。

三、教学过程培养的专业能力与岗位能力

1.教学中培养良好的专业能力。①网站规划能力：能准确分析、把握项目要求，能对项目进行合理设计并列出计划。②素材收集及处理能力：能正确地获得原始资料并对之进行处理，成为需要的素材。③网页设计与制作能力：教学重点，熟悉工作环境，能进行前期设计，后期制作，应用脚本语言实现设计方案，同时掌握Flash、PS应用。④网站维护和更新能力：能按照专业规范操作，进行网站维护，实时更新。

2.教学中培养良好的岗位能力。①与他人沟通的能力。网页制作属于技术，课程在项目设计过程中要求学生首先进行市场调研，做出策划书。市场调研过程，调动了学生的积极性，着力培养学生的沟通能力。②信息加工、处理能力。网页制作是一门操作性强极强的课程，同时需要大量的信息。当得到原始的信息时需要进行加工、处理，得到精练的信息。与此同时必须具备图片处理、文字加工、图像制作等能力。③解决问题能力。在实际学习或工作中问题是不断出现的。解决设计过程遇到的问题是网页设计者职业能力的重要条件。不断地挖掘问题，探索答案才能解决问题。通过良好的沟通能力和专业技能满足客户的需求，设计合理有效的解决方案。④自主学习能力。自主学习是一种习惯，高职生要把这种习惯贯穿于学习中，养成良好的学习规律。走入岗位就能轻松解决所遇的问题。在教学中带着问题入手，以解决问题为主线，不断探索答案，这样才能培养学生的兴趣。自主学习习惯的培养需要长期的，潜移默化的进行。自主学习能力是网页设计者职业生涯中最宝贵的财富。⑤创新能力。创新是人类智慧的结晶。网页设计需要创新精神。只有不断创新才能创作出与众不同的网页，引导学生创新，鼓励学生创新。别出心裁的设计才能吸引更多的关注，所以不断的创新是网页设计者必需的条件。

四、因材施教，有针对性的实施

1.教学目标。《网页制作》这门课程在电子商务专业课程体系中属于职业岗位核心能力课程。根据学生特点，改变教学模式，通过一学期的学习使学生能进行网页规划和设计，并能制作门户网站及电子商务类网站；能和客户进行顺畅的沟通，能按顾客的意思开发网站；具备文本、图片、动画素材处理能力；能进行网站规划、维护和更新。培养学生的沟通能力，信息处理能力，创新能力，并使其具备独立完成网页设计能力及不断发展的潜力。

2.教学方法。①在理论课上实施案例教学。采用案例教学法，首先由教师介绍案例，通过感官来增加学生的兴趣，其次进行案例分析，重点、难点的掌握，开展教学活动。其效果是提高兴趣，进一步增进学生的理论认知，为下一步奠定了坚实的理论基础。②在实践课教学实施任务驱动法。采用任务驱动法，首先明确本节知识点的主要任务，而任务对学生就是一种“催化剂”，能促使他们积极参与，当任务完成时，要不断表扬他们，使他们有成就感，从而激发学生的学习兴趣，增强他们的自信心。其效果是在解决问题、完成任务为主的教学模式中，将实际操作融入探究式学习，使学生处于积极的学习状态，每一位学生都能根据自己对当前问题的理解与实际操作提出方案、解决问题。③在实训教学中实施项目驱动法。采用项目驱动教学法，是在教学开始阶段，就把最终的项目任务分给大家。在学期结束前，将有为期一周的集中实训时间，要求每一位同学必须独立完成某一网站的设计。项目的完成需要把以前所学到的各个知识点融入其中。教师作为指导人员对学生所存在的问题实时解答，并培养学生分析问题和解决问题的思想和方法。

3.教学实施过程。①在理论课上实施案例教学。理论课是以每个知识点为一个教学单位，按如下步骤教学：理论概念给出案例分析案例提出难点、重点制作实施总结归纳布置任务。②在实践课教学中实施任务驱动法。实践课和理论课的知识点相对应，步骤安排如下：根据任务分析案例重点、难点学生完成制作，完善成果点评教学总结、提高。③在实训教学中实施项目驱动法。实践课和理论课的知识提升，步骤安排如下：确立项目分析、规划收集资料、市场调研学生完成网页制作，项目完善，老师指导项目结束筛选优秀。

五、教学的考核方式探讨

考核方式是课程实施效果的衡量标准。而《网页制作》这门课程操作性强，即学即会。具体比例如下。

1.平时成绩占35%：包括考勤20%，用严厉的纪律来约束；课堂提问占5%，增强教学互动；每阶段上交知识理论作业占10%，加强平时理论的巩固。

2.课程知识点的设计占35%：包括教学中每个知识点任务的完成（每个知识点的页面设计，根据模块按比例进行分配）。

3.最终项目占30%：最终提交的项目（某一方面的网页制作），此项目需要融合本学期所学到的所有知识点。

六、课程效果

学生基本技能达到上岗前要求，能独立承担工作。全面培养学生的专业能力、方法能力和社会能力。学生综合素质高，在技术竞赛中成长迅速。每一届的学院网页设计大赛学生们都积极参与，与此同时涌现了许多优秀作品，经过层层筛选，最终入围了3组。至2012年以来学院已举办了5届，有20多名同学榜上有名。每学期的学生评价教学，最终结果是此门课程次次优秀。

我院实施的课程改革以职业岗位为导向，来确定课程整体目标。以案例为兴趣，以任务为驱动，以完成项目为终结，合理设计课程内容。教学实施过程以岗位工作为导向，在真实的环境中，以真实的制作流程，执行真实的开发要求，制作真实的网站。实践证明《网页制作》这门课程实施效果良好。

参考文献：

[1]戴士弘.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007.

[2]杨晓明.“网页制作”课程教学改革的探索与研究[J].甘肃联合大学学报：自然科学版，2008.

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

关键词：网页制作；课程改革

中图分类号：642文献标识码：A文章编号：1009-3044(2008)36-2969-02

Discussion "Homepage Manufacture" the Curriculum Reforms which Face the Work Process

WANG Wen-li

(Guangxi International Business Vocational College, 530007 Nanning，China)

Abstract: In the now informationization society, many enterprises and institutions all hoped can establish this unit website, in order to propagandize own product and the service on-line, the homepage novel as well as the function formidable can more appealing and a convenient use. The "homepage manufacture" took in the quality colleges and universities computer specialty an essential curriculum will be facing the very big challenge. However the traditional teaching way already did not adapt society's development demand, at present the higher education primary mission was, face the work process, manifested professional technical ability. How in this paper will discuss to "Homepage Manufacture" curriculum reform.

Key words: Homepage manufacture；Curriculum reform

1 对传统课程改革的必要性

在传统的教学中，学生往往在完成课程学习后好像是学到了很多东西，但实际操作起来时就没有了头绪。也就是学生在学习理论知识时，缺乏对知识的感性认识，就是我们常说的死记硬背；在进入到专业实训阶段中，学生虽然比较感兴趣，但往往局限于模仿性操作；而在传统的考试中更不能客观反应学生理解、掌握和应用知识的实际情况。这样造成学生的学习兴趣得不到激发，结果是越学越乏味，把学习当作一种负担只是为了考试而去学，更不利于培养学生的创新能力和独立工作、解决问题的能力。目前高职专业课程体系的现状是重知识的系统性，忽视了知识与具体工作任务的联系。那么我们如何从传统模式走出来，引导学生开拓思维，使培养的人才更趋向市场需求，避免以往的与实践脱节呢？这就是要探讨的《网页制作》的教学课程改革的意义。

2 课程改革构思

对高等职业教育来说，就要培养具有较高的职业道德和职业技能的高级应用型专门人才，他们应该具有上岗适应能力和转岗适应能力，并能适应市场经济发展的需要。为适应现代化社会的需要，职业教育方法应该紧紧围绕职业教育的培养目标，运用“面向工作过程”的教学模式，以职业能力培养为课程核心，以实际项目为导向，注重职业情景中的实际技能的培养，开发学生参与活动的能力，能够让学生学中做、做中学、边学边做，从而提升学生的知识应用能力和技能的迁移能力。为了能够达到运用“面向工作过程”的教学模式，我们首先思考以下几个问题：

1) 用职业能力表述课程目标。重点关注学生在完成《网页制作》这门课的学习后能做什么，可以应用在哪方面，而不只是知道什么；

2) 以工作任务为教学内容。重点是教会学生如何完成工作任务，知识、技能的学习要结合工作任务的完成过程来进行；

3) 围绕工作任务学习的需要，以典型产品或服务为载体设计“学习项目”，组织教学。做到不与实际“脱轨”。

3 《网页制作》的课改实践

3.1 课程内容设计

构建以“网站开发工作流程”为导向的“情景式”课程结构，情景的划分以“行为导向教育理论”来展开。将知识和技能分为七个学习情景（网页基础情景、网页制作情景、网页色彩搭配情景、网页版式设计情景、网络知识情景、动态设计情景、综合项目设计情景）16个教学单元，每一个教学单元又包含若干个具体任务，在任务完成过程中进行教学内容的分解，同时项目主线中没有涉及的内容，采用“问题驱动”的形式进行补充讲解。通过完成每一个工作任务，使学生在掌握必要的理论知识的同时，具备收集、处理信息，准备、加工素材的能力；制作静态网页效果图的能力；颜色搭配和版式设计的能力；开发网站的综合能力；代码与界面融合的能力；以及创新和策划能力。

图1 《网页制作》课程设计各学习情景

3.2 对学习项目的选择

选择“学校网站设计”为工作任务进行驱动，以具体的实现贯穿教学的全过程。“学校网站设计”这个项目比较真实，比如有学生常常登录使用的“选课系统”、“讨论园地”、“校园动态”等页面，相关的流程学生比较熟悉，不必花太多的时间去了解其他行业网站的体系结构，符合学生的认知规律。

3.3 提供教材外的学习资源

在课程的学习过程中，精选一本好的教材是不够的，包括知识面的局限性等，所以还要为学生准备或者建议学生到图书馆借阅一两本教材以外的参考书，选择的参考书可以是典型案例参考、网页制作技巧和方面的；也可以给学生提供几个比较资深的网页设计的学习网站，鼓励学生课后主动进行扩充学习。这样，在参考别人的同时也积聚了一定的网页制作的知识，同时也培养了学生学习的主动性。

3.4 面向工作式教学

在课程教改中，教师观念的转变是带有决定意义的转变。观念变了，行为就会变；行为变了，教学效果才会变。所以从作为高职教师必须清楚我们的课程是“完成一个项目”入手，带着“项目”去研究和解决实际问题，要求对学生“教、学、做”一体化，而不是传统的只要求学生这节课掌握什么知识点和重点要求是什么。

首先在学习《网页制作》这门课前要求已开《图像处理技术》课程，那么学生就具备了图像处理的基础，可以在综合项目设计时自行准备图片素材，以免产生盗用图片版权的误会同时也是培养学生自主创新意识，可以根据自己的创作思路提供独一无二的信息；可以在学习《网页制作》这门课之前也可以同时开《flas设计与制作》这门课程，为制作网页设计独特的LOGO以及所需的flas。

我们选择“学校网站设计”为工作任务进行驱动，在具体的网站设计实现中贯穿了七个学习情景，其中每个学习情景又设置多个工作任务，比如情景一网页基础包含有网页欣赏与设计初步、网站设计流程两个任务，在这个学习情景中先给学生欣赏一些做得精美的网页和介绍一些功能比较强大、设计有特色的网站，引起他们学习网页制作的兴趣。接下来实行后面的学习情景，学生模仿做，边教边学边做，教师针对不同的学生和不同的问题给予及时解决，并准备足够的拓展训练题，比如网络寻呼、留言板这些平时学生熟悉又感兴趣的任务，以帮助学生强化，最重要的是能够让学生学有乐趣，就觉得学有成效。同时开展互动教学，师生互动和学生间互动，相互学习和指出不同的观点并一起去解决。在这个环节，基础比较好或者网页设计得好的同学可以“一帮一”，充当老师的“助手”帮助其他同学共同完成任务，这也是我们在职教中所要求培养学生达到的团结协作的能力。在每个任务阶段学习过程中，把学生做得比较好的作品进行展示，以相互学习同时学生得到鼓励后更激发了学习、创作的兴趣。在整个学期都围绕大型网站项目，将各个知识点融合到每个单元之中，例如在做注册页面时用到了表单，在设计特效时用到了时间轴和层，在制作讨论区时用到了ASP等等。多个小项目的实施最后完成大项目，让学生在完成这个大项目后有了一定的成就感。完成了所有实训环节后，学生模拟项目，可以从个人网站设计、学习网站设计、企业网站设计、旅游网站设计的题目中四选一，个人或者两、三个学生组成小组合作完成所选的项目。从而引导学生开拓思维，提高了他们实践能力，为今后的设计累计了经验。

3.5 考核

“以能力为中心”的原则，形成式考核。主要考核学生掌握网页制作的程度以及策划创新等综合能力。考核内容有平时的实训任务40%，期中的实训任务30%，期末项目、案例设计30%。

4 总结

面向工作过程的教学选用生活中的案例作为学习项目，学生认知效率高，能够学有兴趣；在教学过程中通过互动培养了学生的团队合作精神；综合项目设计在一定程度上培养了学生创新精神。面向工作过程的教学模式充分体现了职业教育的特点。

参考文献：

[1] 邓文渊. 网页制作高手Dreamweaver8网页设计[M]. 人民邮电出版社，2007.

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

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