网页制作实训总结范文1

关键词 商务网页设计与制作 课程设计 电子商务专业

中图分类号：F713 文献标识码：A

截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。

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

《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。

1.1课程设置不合理，知识内容落后

传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。

1.2课程教学模式落后

传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。

1.3实践教学方法有待完善

现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。

2《商务网页设计与制作》教学模式设计总体方案

2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑

课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。

2.2教学内容体系构建

本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。

第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。

第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。

第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。

在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。

在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。

3课程教学的实施途径

3.1基于校企合作的课程项目开发

《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。

3.2基于职场环境的教学实训基地建设

建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。

3.3考核评价体系改革

本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。

4结束语

将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。

参考文献

[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.

[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.

[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.

[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.

[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.

网页制作实训总结范文2

【关键词】网页设计与制作 一体化

根据一体化教学的要求，在《网页设计与制作》教学中实施一体化教学，要做好以下几个环节设计：

一、课程标准

专业知识目标。熟悉和掌握网页设计与制作的基本知识，了解和熟悉HTML语言，掌握静态网页设计与制作的知识，掌握网页中动态效果的设计与实现方法，掌握网页中图片设计和处理、动画设计的知识，掌握网站检查与的知识。

职业能力目标。具备收集、处理、准备、加工的能力；具备网页设计及网页中图形设计、动画设计的基本能力，能独立设计一个内容完整、图文并茂、技术运用得当的网站；具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等简单科技文件的基本能力。

职业素质目标。按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。

二、课程设计

围绕“将工作任务转化为任务引领、并以任务驱动进行教学的课程”的思路进行课程设计。

工作任务分析。具备Internet、网页设计与制作、后台数据库设计和建立、网站规划与建设、通讯及网络技术等技术方面的专业知识。具备网站规划，静态网页设计，建立动态网站，进行网站的上传、更新、维护的能力，同时必须具备一定的平面设计基础。

工作任务设计。在《网页设计与制作》学习领域中贯穿两个平行的工作任务：一个是模仿型总任务：《XX学院网页》网站设计与制作；一个是开放型总任务：个人网站设计与制作；以模仿型总任务作为教学载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中。根据网页设计和网站建设的实际工作流程，将该任务切分为若干子任务，学生依据任务样本，在教室的示范引导下通过模仿逐个子任务，最后完成总任务，获取学习成果。

学习领域设计。本课程学习中每个情境对应一个子任务，设计方案如下：

三、实施建议

（1）教学模式。本课程采用“理实一体、任务驱动”的教学模式。课程教学全部在多媒体机房进行，“教、学、做”完全融合，整个教学过程分为“总任务导入逐个完成由模仿型总任务分解而成的子任务，与此同步逐个完成开放型总任务最后完成两个总任务（获取学习成果）”的过程。

（2）教学方法：任务驱动，讲练结合：采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体。学生通过完成任务的过程实习对所学知识的构建；案例引入，创设情境：引入颇具代表性的各类网站，一一展示给学生，并和他们一起就网站特点、内容、结构、技术逐一进行分析和讨论；讨论交流，启发引导：在完成工作任务时，怎么做，按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。教学过程中注重传授学生一种思想，一种解决问题的方法，引导学生从多个方面去解决问题，用多种方法解决同一问题。

《网页设计与制作》一体化教学是一个系统工程，在一体化教学中要注意计算机教室、教学计划、教材、教案、学案、及教法、师资等的设计，只有这样，才能符合一体化教学的要求，才能组织好一体化教学。相信在不久的将来，为适应职业技术教育的发展要求，逐步实现一体化教学，为职业技术教育培养出更多更好的实用型、技能型人才。

参考文献：

网页制作实训总结范文3

【关键词】工作过程；Dreamweaver网页制作；教学改革；项目化教学

《Dreamweaver网页制作》是一门实践性很强的技术入门课程，兼具设计性、实操性和应用性。本课程的主要任务是让学生了解网页制作和网站建设所需的基本知识，培养学生设计网页、建立网站和规划网站的实际技能。该课程以讲解Dreamweaver、Flash、Photoshop软件使用为主，旨在让学生掌握网页制作所必备的图像处理、视音频处理、网页页面制作及网站建设的基础知识，为进一步学习网络知识打下基础。

在教学改革的探索与实践过程中，我们应以岗位需求为导向，根据计算机应用技术的发展和职业岗位的实际需要，先分析其典型工作过程与工作任务，得出完成工作任务对应的计算机应用技术和职业要求，按照计算机应用技术和职业要求设计专业知识模块和项目案例，分解工作任务，形成教学情境。结合职业技能鉴定要求和劳动力市场化管理需要，依托校内实训室、校外企业，创造最佳的基于工作过程的学习环境和实训条件，对基于工作过程的《Dreamweaver网页制作》课程体系、教学内容、教学方法及教学手段等进行探索与实践。

1 现状分析

随着计算机信息技术的飞速发展，网络发展与应用所涉及的行业越来越广泛，网站在变，用户体验在变，网站设计人员的职业标准在变，对于计算机专业《Dreamweaver网页制作》课程的教学要求也在变。如何适应现今诸多变化完成教学并提高教学质量已经成为计算机专业教学改革的一大课题。

从教师方面来看，很多教师虽然教龄长，理论知识丰富，但长期脱离实践，对行业新变化了解甚少。部分专业教师一毕业就来到学校，刚刚走出校园的他们，同样是理论知识丰富，缺乏实践经验。教师队伍中即便加入了新生力量，但“双师型”教师缺乏，教学环节理论与实践结合不够，仍难以体现高职高专院校的职业特色。

从学生方面来看，高职高专学生与普通高校学生相比，大部分学生文化基础差，入学成绩普遍偏低，学习吃力且人生目标模糊，学习的主动性、自觉性不足，学习习惯不好，接受知识的速度相对较慢，其自身素质与高校要求不相适应。而一部分素质较高的高职高专学生，对本课程的学习也仅限于理论方面，缺乏实践锻炼，未能与社会需要技能无缝对接。

综上，《Dreamweaver网页制作》课程教与学的方式亟待解决。那么，基于工作过程导向的教学思想和方法是在学习与借鉴德国“双元制”职业教育经验、改革我国职业教育的过程中，逐步在我国教育界受到重视。工作过程的核心是行动导向，强调学生是学习过程的中心，教师是学习过程的组织者与协调人，教师采取“资讯、计划、决策、实施、检查、评估”的整体行动，在教学中与学生互动，让学生通过“独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”，使学生在实践中掌握职业技能、习得专业知识，从而构建属于自己的经验、知识或能力体系。

2 探索与实践

2.1 优化教材体系

“工欲善其事，必先利其器。”完善本课程的教与学关键之一便是优化教材，合适的教材在教学环节中起着举足轻重的作用。《Dreamweaver网页制作》课程以往选用的教材，对于初学者尤其是学习能力稍差的高职学生而言难度较大，以至于教学中经常出现学生学习兴趣降低、教师教学课时明显不够等问题。基于工作过程的Dreamweaver网页制作课程教材，内容应以教授基础、基础与案例相结合、基于工作过程的案例分析等层层递进的原则进行选择，组织与编排方式以折衷式组织及螺旋式排列组合为优。在选择到合适的教材基础上，教师要立足于教材，筛选基于工作过程的教学内容，以使教学过程更接近岗位化。

本人为了使教材更利于学生工作岗位化，结合我院学生及学校实际情况又编写了《网站总体设计书》，该设计书构造了以网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML 语言基础、网页布局与编辑、模板与库的应用、层叠样式表CSS、DIV+CSS网页布局、静态网站动态化、动态程序开发、综合教学案例、项目开发实训14 个模块为主教学单元，然后将教学内容进行了重构，整理成5个典型的工作情境，编写了基于工作过程的《网站总体设计书》，教材内容体系清晰，教学模块符合岗位需求。如下表是结合学校及学生实际情况，制定的关于Dreamweaver网页制作的整体工作化教学情境。

表 “Dreamweaver网页制作”工作化教学情境设计

工作化教学情境设计

情境1：学校团委网站建设项目基础与流程设计、效果图设计、网站的后期编辑、网站的与测试

情境2：宠物网站建设网站项目策划、主页设计与制作、网站动画的设计、网站的后期编辑、HTML学习、CSS应用、项目完善

情境3：喜洋洋枸杞专卖购物网站建设项目前期组织工作、效果图与动画设计、网站的后期编辑、代码编辑、网站的与测试

情境4：《计算机组装与维护》精品课网站建设项目前期策划、效果图与动画设计、DIV+CSS布局网站、使用模板与库完善网站

情境5：学校留言反馈系统网站建设前期策划与效果图设计、框架布局图形设计、登录系统的实现、留言系统的实现、反馈系统的实现

工作化教学情境设计是学习领域教学内容的具体化。表中工作化教学情境的设计思路是：按照Web 网站项目开发实际工作过程，将典型的工作任务融入到为这5个工作情境中，这些工作情境从个体上看，都代表了某一类网站；从整体上看，则是难度逐步加深，推动了工作进度，最终完成5种类型的网站项目、网页设计与制作的理论知识点技能要求，分布在这些工作情境之中，它和传统教学顺序完全不同，教学内容设计完全取决于实际开发需要，从而大大激发了学生的兴趣，达到了教材工作岗位化，使学生在教与学中做到了“学中做、做中学”的效果，学生的学习主观能动性得到了发挥。

在经过2012信息管理班学生分组化试点后，我们在2012级计算机软件技术专业学生中应用了基于工作过程导向的，将真实项目资源转化为教学资源的任务驱动教学方法，实践证明，在实际教学过程中，学生能够主动发现问题，并积极主动去解决问题，特别是由于所有的情境都基于同一项目，学生在做后面的实训时，经常能发现以前作业的不足之处，从而主动将业余时间用来做网站项目，部分同学甚至在学期末将本学期20个工作任务全部重做了一遍，大多数学生具备了学习的主动性和能动性，明确了知识模块的联系和课程的学习目标，为后继课程的学习打下了坚实的基础。

2.2 改革教学方法

2.2.1 采用“项目引领”教学法，突出“能力本位”教学目标

引进基于工作过程的网站真实案例作为实训教学案例，采用“案例引领”教学法，将工作过程的“案例”中的技能模块进行分拆和重构；采用“实训项目”和“拓展实训”相结合。

2.2.2 采用“任务驱动”教学法，强调从点到面到综合能力的培养

任务驱动，小组协作。开展以制作工作过程的多类型网站为目标的项目教学，使得学生不仅能够掌握《Dreamweaver网页制作》课程的基本知识和基本技能，提高学习兴趣，而且在小组学习的过程中，学会与他人合作，共同完成任务。同时，在专业课程教学中渗透多类型网站内容相关教育内容，使学生在不知不觉中学到更多学科知识。此外，还可定期举办技能大赛和知识竞赛，以巩固学生的学习效果。

2.3 改革教学手段

1）充分利用信息化教学工具和软件。根据该课程的特点，将理论课与工作过程的实训课融合在一起，全部都在多媒体机房上课、实训或实习，因此，在教学过程中，完全利用现实网站进行剖析讲解。

2）利用数字化资源库立体化教学平台，实现网络教学互动和资源共享。将课程内容、工作过程的实训项目、理论题库、实训题库、证书题库、电子教材、网上答疑以及视频资源统一规划建设，依托校园网络平台，构建师生学习的数字化资源环境。

以基于工作过程为导向，加强实习实训平台建设，强化实践教学，教学与实训实现一地化，重视校企合作。高职教育人才培养模式是根据职业岗位需要来进行，立足于企业人才需求实际，在课程中开展基于工作任务的项目教学。我们应利用校企合作共同构建和实施基于工作任务的项目课程体系，使学生真正做到理论联系实践，在获取知识的同时充分掌握专业岗位技能，以充分体现出高职人才培养的职业性和实践性。

2.4 基于工作过程，加强“双师型”教师培养

优秀的师资是高职院校办学的根本保证。提高计算机应用专业高职教师基于工作过程Dreamweaver网页制作的“双师”素质是高职教育发展的需要，也是教师个人发展的需要。高职院校应鼓励现有计算机应用专职教师在其专业领域不断学习，及时更新自己现有的知识结构，进行自我提升，并有针对性地将部分教师安排在企业网站制作的顶岗岗位上工作，增强其实践经验，提高其动手能力，使他们对行业需求变化了如指掌，以便清晰地掌握学生的培养方向。

3 总结

在实践过程中，发现存在如下问题与不足：由于整个教学情境在逻辑上前后联系，对于动手慢的同学前一个任务没有完成，就失去了实现当前任务的基础。针对这一问题，在下一步工作中，需加强过程管理和课余辅导，鼓励同学间相互帮助与沟通，先进带动后进；另外，需强化基础图象处理训练与审美训练，培养良好的界面设计能力，提高网站设计能力。

以工作过程为导向，将真实项目资源转化为教学资源，调动学生的主观能动性，在教师引导下来实施教学进程，是培养学生理论知识、实践技能和学习能力的重要手段，是能力本位教学模式的体现。而这种教育模式也对教师的教学水平、责任意识、实践经验等提出了更高的要求。开发多种类型的课程模式，不断深化高职教学改革，提高教学质量和就业质量，是一线教师义不容辞和长期艰巨的任务。

【参考文献】

[1]胡炜.钟卫连.高职院校计算机教学的分析与对策[J].福建电脑，2007（8）.

[2]姜大源.当代世界职业教育发展趋势研究[M].北京：电子工业出版社，2012.

[3]丁桂芝.动态网页制作实例教程――Dreamweaver ASP与SQL[M].天津大学出版社，2008（4）.

网页制作实训总结范文4

关键词:工作过程;高职;网页设计;课程构建

网页设计是实践与应用性非常强的课程，其课程知识点广、内容繁多，对学生的实践创新能力也有着较高要求。同时，互联网技术不断发展，“互联网+”时代的到来，使社会企业对网页设计人才的需求量不断增加，对网页设计人才质量要求也不断提高，这也给高职网页设计教学提出了更高要求。而基于工作过程的课程构建则可有效满足新形势下的教学需求。基于工作过程的课程构建，以工作任务作为中心展开组织与建设，以岗位需求为基础，以学生职业能力发展为目标，以工作情境与工作过程为导向，更具职业针对性。因此，探究基于工作过程的高职网页设计课程构建，有着重要的现实意义。

一、高职网页设计课程教学现状分析

高职院校网页设计是一门综合性相对较强的课程，当前一些高职院校仍然以传统理论与实践教学结合的模式为主，对实践教学的重视程度也越来越高。通过先理论再实践教学的模式，给学生带来了动手实践的机会，实践操作学时也有所增加。但随着专业的不断发展，教学内容日益丰富，传统实践教学模式已难以满足学生需求，许多学生在较短的实践操作课程中对专业技能掌握仍然缺乏，职业能力培养也无法取得令人满意的效果。总体来看，当前高职院校网页设计课程由于教学内容较为繁杂，课时相对不足，导致教学深度相对缺乏，学生专业技能掌握程度不足，实践能力有待进一步提升;从教学方法上来看，虽然一定程度上注重学生动手实践能力的培养，但由于缺乏系统整体的训练，对学生问题分析与解决能力的培养也有待完善。［1］

二、基于工作过程的高职网页设计课程构建

(一)分析职业能力需求，明确教学目标

为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求;同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网页设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。［2］使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。

(二)制定课程标准

结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力;其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。

(三)完善教学内容

高职院校课程组教师应深入企业与社会，了解专业最新要求;院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。

(四)重构教学模式

基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等;同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性;最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。［3］

(五)更新教学方法

高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能;独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务;工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。

三、结语

基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。

参考文献:

［1］张丽香．基于工作过程的高职“网页设计”课程建设［J］．现代计算机，2013(5):47-50．

网页制作实训总结范文5

关键词:网页制作;教学改革;能力培养;项目教学

1教学改革思想

高等职业教育作为高等教育发展中的一个类型,肩负着为国家培养面向生产、建设、服务和管理第一线需要的高技能人才的使命。如何提高教学质量,从而提高学生的专业技能,以适应新时代企业对高职人才的要求,这是每个高职高专院校摆在首位的问题。传统大学课程教学以学科为导向、以知识为目标、以教师为主体、以应试为基础、以逻辑为载体,但职业教育必须以职业活动为导向、以能力为目标、以学生为主体、以素质为基础、以项目为载体,开展的课程必须做到教、学、做一体化,切实提高教学质量[1]。本文对基于工作过程的网页制作技术课程改革进行了探讨。网页制作技术是一门实际操作、技能要求都较明显的课程,学生的学习兴趣也较高。怎么把学生的兴趣培养成网页设计师需要的专业技能,使学生上岗后的能力能适应工作岗位的要求,这是教学的总体目标及教师工作切入点[2]。

2课程改革实践

2.1职业岗位群定位

面向工作过程的职业岗位群分析,如图1所示。本课程面向岗位群是网页设计师:具备规划、设计、制作网站的能力;网站维护管理人员:具备网站维护与更新的能力。

2.2面向工作过程的能力分析

1) 网页设计师所需要的专业能力,如图2所示。

(1) 网站规划能力:能够准确分析、理解项目要求;对项目进行合理规划、评价;并撰写网站建设方案[3]。

(2) 素材收集能力:能够通过有效渠道获取资源,并对资源进行处理,成为需要的素材;熟悉使用并积累网页设计师常用的网页设计第三方工具。

(3) 网页设计与实现能力:教学重点,解决问题能力重点体现。需要熟悉主要工具工作环境,能应用编程语言实现设计方案,熟悉网页布局和设计,熟悉网页元素使用。

(4) 网站维护和更新处理能力:能按照专业规范操作,作品规范可维护。

2) 网页设计师所需要的职业核心能力,如图3所示。

(1) 与人沟通能力。

网页设计项目属于技术服务性项目,能否和客户顺畅沟通,准确把握客户需求,至关重要。大学生在校期间需要培养与人沟通能力,畅通的沟通渠道既有利于形成良好的教学效果,也是学生锻炼自己沟通能力的重要途径。课程在计算机公共机房开设,存在三方关系,学生与学生,学生与教师,学生与机房管理人员,鼓励学生积极地互动、沟通,及时解决问题,着力培养学生的沟通能力。

(2) 团队合作能力。

网页设计项目属于团队合作性质,需要各方良好的沟通及团队合作精神。课程通过学生组队合作开发项目,培养学生与他人合作的精神,培养学生的团队合作荣誉感。

(3) 信息处理能力。

网页设计是一个有活力的领域,新颖性强,需要有强大的信息处理能力。通过有效渠道获得所需要的信息,并对信息进行处理,这是解决问题的前提。通过收集课程项目所需要的信息,网页设计课程逐渐引领学生熟悉网页设计常用的方法和工具,使学生能够高效地获得有用的信息资源。

(4) 解决问题能力。

使用所掌握的技术,并结合获得的信息,解决客户的问题,这是网页设计师职业能力的重点。需要有良好的沟通能力和团队精神作为基本素质,能够获取并处理信息,具备扎实的专业技能,满足客户的需求,了解客户消费心理学,设计出合理有效的解决方案,并加以实施,这是能力培养的核心所在。

(5) 自学能力。

自学能力是一种再生资源,是网页设计师职业生涯中最宝贵的财富。作为高职学生,在学习过程中,能掌握学习方法,养成良好的学习规律和熟悉学习渠道,能利用获得有用的信息解决问题,那么毕业后,就能从容面对职业中所遇到的问题。面对问题,要充满好奇、好学,能主动求知,这是课程需要引导学生的。适当鼓励和引导,培养学生自我解决问题的能力,这个过程就是自学能力的培养。

(6) 创新能力。

创新是科技发展的灵魂。作为一个新颖性的职业,网页设计师同样需要具有创新精神。了解创新,关注创新,尝试创新!引导学生做有用的创新,培养学生的创新意识,关注国内行业内的创新新闻,如李开复先生所创立的创新梦工厂等。培养创新精神,这是网页设计师未来职业发展的重要条件。

2.3面向工作过程的教学总体目标

总体能力目标:规划、设计和制作B2C网趣电子商务网站。能够规划、设计和制作门户网站或电子商务等网站;能够对网站项目理解、分析、规划、评价;能够按照专业规范进行操作,作品规范可维护;熟悉网页制作和网站建设工作环境及主要工具;具备文本、图片、动画素材处理能力;熟悉使用并积累网页设计师开发常用第三方工具;具备网站维护和更新处理能力。教学以B2C网趣电子商务网站项目作为主要能力训练载体,以“先授人以鱼再授人以渔”为教学方法,以鼓励学生参加网页设计大赛为促进方法,全面开展教学工作,培养学生敏锐观察能力、清晰逻辑思维、良好团队合作精神,使其具备自我学习能力和持续发展潜力。

2.4面向工作过程的教学内容设置

网页制作技术课程面向工作过程的教学内容设置,如表1所示。

2.5面向工作过程的能力训练项目及认知设计

项目教学的关键在于项目的选取。一个项目的选取好坏直接影响到项目教学法实施后是否能取得较好的结果。好的项目不但锻炼了学生的学习和动手能力,还可以激发学生的学习兴趣,让学生在完成任务之后能获得成就感[4]。因此,要选择切实可行并且学生感兴趣的项目。

本课程以实际项目――B2C网趣电子商务网站作为驱动,项目贯穿整个学期教学工作,每次课程完成其中部分小项目,最后整合成一个大项目;并以学生参加网页设计大赛为促进,使学生系统、完整掌握网页制作技术。教学开展思路为:初级阶段以逆向开发分析、模仿为主,学生具备一定基础后走向正向开发过程。授课以基础能力训练为主,将制作网趣商城电子商务网站项目所需要能力进行分析,详细设置能力训练项目,让学生跟随教师模仿完成,及时考核,完成该部分内容,考核为及格或中等。提高篇:对学生进行创作引导,抛砖引玉,培养学生成就感、信心,鼓励学生创新,积极参与网页设计大赛,进行正向开发。辅导学生参与比赛,给予项目实际支持。至此,学生可以参与学院精品课程网站建设,并以此作为课程后续学习。

认知过程设计[5]:

1) 课程基于真实产品的任务驱动型教学方式,符合职业技能的形成规律。

2) 课程结构“模块化”、课程实践“项目化”、课程资源“系列化”、技能训练“层次化”,符合信息技术时代“生物学习模式”认知规律。

3) 构建了以“网站开发工作过程”为导向的“模块式”课程结构,课程分为9个教学模块、16个教学单元。课程模块根据岗位需求变化、教学实际情况灵活组合、动态调整。课程内容根据网页制作技术发展持续更新。

2.6面向工作过程的教学实施

课程教学改革实施具体方式:根据能力培养要求,结合认知规律,充分利用多种沟通工具,形成特色教学过程。教学开展分三步走,分别为课前、课中、课后,如图4所示。

教学方法――学中做,做中学。

模式一:初级阶段,逆向开发,如图5所示。

模式二:中级阶段,逆向开发。如图6所示。

模式三:高级阶段,正向开发。如图7所示。

2.7面向工作过程的教学考核方式探讨

考核方式是课程的指挥棒,应注重过程考核。

1) 基本思路。

本课程实操性强,学习效果即时可测。考核由平时成绩、课程设计、最终报告,具体比例如下。

(1) 平时成绩40%:包括考勤(10%)、课堂表现(10%)、实践报告(10%)、每阶段上交作品质量(10%)。

(2) 课程设计占60%:包括课程中制作的页面(30%)、后期完善及丰富的页面或自主项目(20%)、最终报告(10%)。

2) 课程设计的评分标准(共100分)。

课程设计贯穿整个学期,每次课完成部分页面,最终完成一个网站,如表2所示。

3) 最终报告的评分标准(共100分),如表3所示。

3课程改革效果

 课程出勤率较高,课堂上学生自觉专注于项目训练,讨论热烈,学习精神状态饱满,兴趣较高,氛围浓郁。

 课程项目完成效果良好,学生有一定成就感。

 课程按行业规范操作,培养学生良好操作习惯。

 通过佛山电子协会友情链接,部分学生已在关注佛山地区电子产品公司网站平台。

 得到学生和同行专家肯定,学生评价教学优秀,并获得学院年度教学质量优秀奖。

 学生参加学院网页设计大赛兴趣浓郁,并有11位同学获奖,产生一批优秀作品。

4结语

我院实施的课程改革面向以职业活动为导向,面向工作过程,经调查确定职业岗位群,分析该岗位工作过程中所需要的专业能力和职业核心能力,确定课程整体目标,具体分解能力目标。以项目为驱动,合理设计课程内容;设置能力训练项目表,进行认知过程探讨,符合生物认知模型。教学开展思路为逆向开发分析、模仿、正向开发过程,灵活采用3种教学模式。重视考核方案设计,强调过程考核。实践证明课程改革效果良好。

参考文献:

[1] 戴士弘. 职业教育课程教学改革[M]. 北京:清华大学出版社,2007:8-15.

[2] 戴士弘. 高职教改课程教学设计案例集[M]. 北京:清华大学出版社,2007:57-65.

[3] 杨晓明. “网页制作”课程教学改革的探索与研究[J]. 甘肃联合大学学报,2008(22):1012-1013.

[4] 于晓霞. 基于“工作过程”面向“职业岗位定位”的教学模式在网页设计课程中的应用[J]. 科技信息,2009(6):212-213.

[5] 史瑞芳. 网页设计与制作课程中项目教学法的引用[J]. 山西经济管理干部学院学报,2008(4):115-117.

参考文献:

[1] 钟柏昌. 任务驱动教学的反思与重塑[D]. 南京师范大学,2004:13-15.

[2] 郭绍青. 任务驱动教学法的内涵[J]. 中国电化教育,2006,234(7):57-59.

[3] 吴海花,王连山. 计算机软件项目教学改革的实践与探索―基于“任务驱动”的小组协作教学模式[J],考试周刊,2009,23:11-12.

[4] 李振娥,刘旭源. 基于任务的小组协作学习教学结构构成要素及关系[J]. 中国教育技术装备,2009,30(11):74-75.

Research on Java Teaching Pattern Based on Task Driven and Group Collaboration

LIU Wen-jie, WU Ting-ting, ZHENG Yu

(School of Computer and Software, Nanjing University of Information Science & Technology, Nanjing 210044, China)

网页制作实训总结范文6

【关键词】企业实习；岗位；成果

一、教师锻炼的企业、岗位、方式、时段及角色

1.实习企业。

1）我所锻炼的企业是北京优腾科技有限公司，该公司负责社区网站设计开发与运营。2）主要运营两大社区网站：望京网和CBD网。我在望京网实习。3）望京网采用都市生活新媒体的方式，为社区居民提供最具实用价值的生活、消费和商务便民信息，为居民提供参与各类社区活动的平台，同时也为企业提供区域营销和口碑传播的推广平台。内容涵盖论坛、空间、团购、房产、黄页、俱乐部联盟等等。4）望京网已经拥有忠实的网络用户（注册用户超过50万）群体，网友在这里获取新鲜有用的社区资讯，相互交流，参与各种社区活动，例如：望京网发起的721“望京人免费赴机场救援”活动在整个社会中所产生的巨大反响。

2.实习的岗位。

1）网站美工岗位：根据技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。2）网站编辑岗位：根据技术主管布置的工作任务，进行网页的编辑工作。

3.实习的方式：上岗实践。

4.实习的时段：2012年2月20日-2012年7月30日。

5.实习的角色：企业员工的角色。

二、教师企业锻炼的目的和定位

1.本人负责我院骨干校核心课程《网页设计与制作》的建设任务；

2.《网页设计与制作》课程涉及的关键岗位是：网站美工和网站编辑两个岗位；

3.实习的目的：弄清楚网站美工和网站编辑岗位的能力和素质的要求，了解企业中这两个岗位的工作过程；

4.积累素材为教学服务；

5.进行课程改革，更好地将课程教学与学生的岗位能力提高相结合；

6.进行课程改革，更好地将实训教学与学生的职业能力提高相结合。

三、取得成果的数量与类型

1.调研报告

①调查企业各工作岗位的设置，各个岗位的能力和素质的要求；②分析了我们的学生能够胜任的岗位和不能胜任的岗位；③针对不能胜任的岗位所欠缺的能力进行分析，对现有课程内容进行调整和修改——增加动态网页部分。

2.优化课标和教学方案

a.优化课标。

优化后：①项目一是以北京优腾科技有限公司提供的真实项目；②项目二中增加了动态网页的内容；③项目二为计算机信息管理专业的《数据库开发》（后续课程）这门课程服务，实现计算机信息管理专业课程体系连贯性和一致性。

b.依据课标对课程总体设计方案、学习任务设计方案、学习活动设计方案进行优化。保证教学资料的一致性。

3.开发具有真实工作背景的教学项目

a.开发生产性实训项目名称：“望京网”社区网站运营。b.收集八个网站制作方案的案例。

4.为企业提供服务

①网站美工岗位。a.海尔活动主题网页和CBD艺术节主题网页制作美工作品66个；b.为美工岗位制作素材库（通用素材六类共3280个，PSD格式的素材34类266个）；c.素材库为企业美工岗位提供素材，同时也为《网页设计与制作》课程和电子商务专业的《商务网页设计与制作》课程提供素材资料。

②网站编辑岗位。a.为编辑岗位独立制作两个海尔活动主题网页和CBD艺术节主题网页；b.参与编辑网页20个。

③文档资料。a.编写了网站运营部绩效管理制度；b.网站运营管理工作计划表格；c.为亲子嘉年华制作大型活动预案。d.为新员工进行“社区网站的数字化运营”“论坛话题撰写诀窍”两个主题的培训。

5.此间校企联合编写讲义

四、企业典型工作任务及其工作过程

1.网站美工岗位

a.典型工作任务：根据客户需求，技术主管布置的工作任务，按照美工设计要求，为主题活动制作宣传图片作品。并为美工岗位收集建立素材库。

b.工作过程：①接收设计图纸资料，分析数据，进行编号；②搜集图像资料；③搜集文字和音像资料；④根据制作要求搜集相关设计素材资料；⑤对项目展示部分的素材进行加工处理完善。

a.典型工作任务：根据技术主管布置的工作任务，进行网页的编辑工作。

b.工作过程：①网页各级界面设计；②切割图片生成网页；③全景拼接。

引入UI理念（User Interface）：用户体验各要素的设计和交互设计、界面设计不同，它是一种比交互设计和界面设计更上位的设计，界面设计和交互设计侧重于从功能的实现出发，而用户体验设计则重点关注用户使用过程中的感受，是一种以用户为中心的，综合功能设计、交互设计、界面设计、导航设计和视觉设计等、，它要求设计者站在一个更宏观的高度，整体把握用户与这些设计要素之间的关系。从而给产品的最终用户带来良好的体验。

五、根据企业实习成果开发出新的教学项目

1.教学内容：项目1：社区服务网站页面制作，项目2：日常工作管理系统的页面制作。

2.实训项目：对企业项目进行改造成生产性实训项目“望京网”社区网站运营。开发具有真实工作背景的教学项目——生产性实训项目，项目名称：“望京网”社区网站运营。本学期我带领20名2010级学生正在进行此项目。2012年9月3日企业负责人员来到实训基地为学生进行入训教育和实训项目的任务布置。

3.设计相关课程的衔接环节，保证课程体系的连贯性和一致性。

六、本次锻炼对提升课程设计能力、技术研发能力的突破

1.对《网页设计与制作》课程与实际工作岗位能力要求的把握更准确；

2.对教学设计中典型工作任务、工作过程的分析能力有很大提升；

3.对整体课程体系有了深刻认识，形成建设思路，在《网页设计与制作》课程设计中制作前台页面，为后续课程《数据库开发》打好基础。

免责声明：以上文章内容均来源于本站老师原创或网友上传，不代表本站观点，与本站立场无关，仅供学习和参考。本站不是任何杂志的官方网站，直投稿件和出版请联系出版社。