网页制作实训总结

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页制作实训总结范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

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

摘要：本文针对高职计算机专业“网页制作”课程教学面临的新问题，阐述了如何通过创新教学模式、改变评价方法来培养学生的创新能力和实践运用能力。

关键词：高职教育；网页制作；教学探索

中图分类号：G642

文献标识码：B

高职计算机专业大多开设了“网页制作”课程。笔者结合自己在多年教学过程中获得的教学经验，对该课程的教学方法进行了研究、探索和创新，取得了较好的成效。

1高职计算机专业“网页制作”课程的教学探索

高职计算机专业“网页制作”课程的教学目标要求学生不仅要掌握软件的主要功能，还要会应用软件来进行创新设计，制作出自己的作品。因此笔者采用了案例教学法和项目教学法结合进行教学。

1.1第一阶段

第一阶段是基础技能的掌握，采用案例教学法。案例教学法的实施涉及到多个环节，每个环节都要精心准备和组织，综合运用基础知识，才能够保证整个案例教学的成功。笔者将每一章的内容分为：实战演练、案例分析、经验总结、技巧点拨和实践提高5个模块进行教学，取得了较好的效果。

1.1.1设计教学案例，实战演练

在讲每一块新内容讲解前先引入案例，使用启发式引导的方式，介绍完整地具有实用性、启发性的案例的具体实现步骤。笔者将该课程的内容规划为11个案例，分别是：案例1制作网站相册、案例2制作简单网站、案例3制作动态层下拉菜单、案例4制作一个具有多种超链接的网站首页、案例5利用框架制作网页学习网站、案例6利用css样式表进行页面导航栏的制作、案例7设计具有特效的网页、案例8利用表单知识制作推荐表、案例9练习在网页中插入动画、视频以及音频等多媒体、案例10利用模板建立饮食网站、案例11利用动态网页制作留言板。

在此过程中，笔者采用边讲边练的方式，及时了解学生完成的情况，针对存在的问题，给予必要的提示，对具有共性的问题进行集中讲解。

1.1.2组织案例讨论，分析案例

经过实战演练，学生掌握了软件的基本操作后，进行案例的分析，分析案例应用特点、重点与难点等，强调各知识点、技能点的横向联系和综合运用，同时培养学生综合运用和处理问题的能力。例如：

练习了案例1制作网站相册后，引出网站构建的一般流程以及网页设计的基本知识。

练习了案例2制作简单网站后，引出网页的基本元素组成、网站的布局技巧等知识点。

练习了案例3制作动态层下拉菜单后，引出其他层效果的制作方法，如制作层的隐现效果、跑动层等。

练习了案例4制作一个具有多种超链接的网站首页后，引出超链接的类型、创建方法以及每种超链接适用的场合等知识点。

练习了案例5利用框架制作网页学习网站后，引出框架网页的类型、创作的方法以及每种类型适用的场合等知识点。

练习了案例6利用css样式表进行页面导航栏的制作后，引出css样式的其他效果，如动感链接效果、美化页面文字、定位背景图像等的制作方法，进一步学习css样式表相关的知识点。

练习了案例7设计具有特效的网页后，引出更多的HTML特效代码应用，如文本移动、图片飘动、图片渐渐显示等特效代码的应用，分析它们的不同点，引出HTML语言的相关知识。

练习了案例8利用表单知识制作推荐表后，引出表单的其他用途，如制作站内搜索、跳转菜单、用户登录等，分析每种表单的制作方法和技巧。

练习了案例9在网页中插入动画、视频以及音频等多媒体后，引出行为和多媒体在网页中的应用技巧。

练习了案例10利用模板建立饮食网站后，引出模板在网页中应用的好处以及建立模板的相关知识。

练习了案例11利用动态网页制作留言板后，引出创建动态网页的步骤、设计动态网站的技巧等知识点。

笔者在讲解综合网站设计内容时运用相应的多媒体课件，展示一幅幅精美的网页作品或者给学生在线欣赏著名的网站等，以此激发学生的创作灵感，积累创作经验。

1.1.3实现案例并评价

笔者在案例分析后，根据教学内容给学生布置相关知识点的上机练习，例如利用模板创建公司网站、制作会考成绩查询网站等。完成后将学生的作品通过多媒体演示教学环境进行点评，最后告诉他们什么地方创意新颖，什么地方可以改进。对于好的作品给予表扬和激励，让学生生活在学习的成就感中。

1.2第二阶段

第二阶段为知识的灵活运用、培养学生创新技能，采用项目教学法。项目教学法的主体是学生，学生通过独立完成一个具有明确目的性的项目而掌握相应的技能。培养学生的创新能力，能用探索式方法去获取知识与技能，完成具有个性特色的任务。例如笔者在讲授“网页制作”课程基本内容之后，进行该课程的上机实训。要求学生利用提供的素材、运用所学的知识自由创作一个人网站。时间在一周内完成，网站的评价标准见下表。

学生创作的网站内容有个人网站、企业网站、班级网站、校园网站、家乡网站等，内容非常丰富。最后笔者还将较好网站作品在校园网上，有些作品还直接用到了应聘中，为就业起到了重要作用。

2实施多元智能评价

改进传统教育评价模式，应用加德纳多元智能理论，实施多元智能评价。“网页制作”课程的最后成绩=平时成绩(30%)+实训成绩(40%)+期末成绩(30%)。平时成绩=每次上机规定或自由创作的作品的成绩，实训成绩为个人网站作品的成绩，期末考试形式为上机考试，主要内容是利用动态网页技术制作班级通讯录。这样的分值安排可以督促学生认真对待每一堂课。

鼓励学生参加职业技能考试，如报考网页制作员、网页设计师等资格证，对于持有职业技能证的同学，在就业时就会有优势，这样势必提升了学生学好本课程的动力。在最后考核时如果学生获得了相关课程的资格证书，期末可以免考，在总评成绩上给予适当的加分。

3结束语

教学实践证明，在高职计算机专业“网页制作”课程的教学过程中，采用案例教学法和项目教学法，促进学生主动参与，有利于培养学生自主学习的能力、敢于创新的能力和分析、解决问题的能力，可以为社会多培养真正有技能的学生。

参考文献

[1] 胡景. 关于计算机软件教学的思考[J]. 内江科技,2007,(5).

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

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

中图分类号：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.

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

关键词：PHP；动态网页制作；一体化教学模式

中图分类号：TP37 文献标识码：A 文章编号：1009-3044（2013）32-7262-03

PHP动态网页制作课程是我院计算机专业的必修课程。通过学习，希望学生能够掌握制作PHP动态网页的方法，具备自主开发一个完整PHP动态网站的能力，毕业后可以直接从事企事业单位PHP动态网站的设计和维护工作。过去，PHP课程按传统的教学模式组织教学，即理论和实践基本分离，即首先在教室讲理论，尽管采多媒体教学手段，学生只能欣赏式的学习，以致学生打瞌睡、玩手机、发呆的现象普遍存在。之后，到机房上机，采用示范—模仿法，教学时学生普遍能听懂，但动手实践时却经常束手无策，大部分的学生坐等老师的辅导、安排。这种方式忽略了学生的积极性、主动性，随着课程内容的深入，很多学生会逐渐失去学习兴趣，丧失主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的动态网站。鉴于教学未能收到预期的效果，笔者尝试在课程中推行“一体化”教学改革。通过教学改革的实施，不但让笔者对一体化教学模式有了初步的认识；而且实践证明，一体化教学模式对教学质量的提高和高素质人才的培养起到了积极的推动作用。

1 “一体化”教学的探索

“一体化”教学是一种以学生为主体、教师为主导的现代教育模式，在教师的具体指导下，通过大量由浅入深、由简单到复杂的实践活动来完成教学。其特点可归纳为：

1） 教师一体化：教师既要有过硬的操作技能和丰富的实践经验，又要有扎实的教育学理论和专业理论知识。

2）教室一体化：如集理论教学、小组工作、实验操作、实习技能于一体的“多功能”教室，能充分运用多种媒体创设与项目、案例、问题、任务相关的学习情境。

3）教材一体化：将学习材料提炼成工作页，教案和学案统一。

4）工学一体化：重视学生在校实习与实际工作的一致性，工学结合。

近年，笔者所在的学校全面铺开“一体化教学模式改革”，涉及课题研究、课程教学等方面，在高级技工班和本科技师班进行试点。经过多方的努力，改革颇有成效。学生的就业率逐年攀升，现时己超过98%，毕业生“不愁”找不到与专业对口的工作。由此可见，这种教学模式能较好地解决理论与实践教学的割裂问题，减少课程间的知识重复，真正体现学生的主体作用，充分调动学生的积极主动性，有助于提高教学质量，培养高素质人才。

2 “一体化教学模式”的具体实施

PHP动态网页制作课程一体化教学的实施，大体分成以下几个方面：

2.1 以“职业岗位”为导向，设计学习任务

PHP动态网页制作课程的职业岗位主要为“PHP网页设计与制作员”和“PHP程序员”，其知识要求为：PHP编程语言、MySql数据库操作、Div+Css排版、JavaScript脚本语言、图像设计与处理等知识。结合本课程人才培训目标，充分考虑职业岗位的知识要求，笔者最后确定用户注册登录模块、新闻系统、网上购物系统、综合实训四个学习任务为PHP动态网页制作课程的主要教学内容。其中学习任务四为学习任务三的拓展任务，要求学生能借助开源系统快速开发一个微型的电子商务网站，学生的作品会由企业顾问委员会评估认可。以上学习任务是梯度式的安排，这样可以让学生循序渐进地掌握动态网页课程的精髓。

2.2 以“能力本位，学生为中心”设计学生工作页

“一体化”教学过程通常以学生工作页为载体展开，因此如果没有学生工作页或工作页设计不合理，以“能力本位，学生中心”的教学改革将很难落到实处。评价工作页是否合理， 应以是否能帮助学生实现有效学习为标准。基于此原则，在设计工作页的过程中，笔者严格的遵循以下两条主线：

1）任务描述—>学习准备—>计划制定—>任务实施—>评价反馈

按照这一思路， 学生的学习遵循了工作过程系统化的原则， 在完成整个工作任务中获得工作过程知识（包括理论与实践知识）， 即知道从“ 做什么” 、“ 为什么要做” 、“ 怎样做” 、“ 学生会做” 和到最后师生共同反馈“做得怎么样” 的完整过程， 充分体现了学习过程与工作过程的一体化。以学习任务《电子商务网站商品导航设计》为例，如图1所示，笔者是这样设计工作页的：

图1 学习任务《电子商务网站商品导航设计》工作页中的学习过程设计

2）引导文的方式展开学习过程

在工作页中，笔者采用引导文的方式展开学生的学习过程。通过提出系列问题，引导学生对学习内容进行系统化思考，使学生能够有目标、积极主动的学习；自主思考并勇于解决实践问题。如在《电子商务网站商品导航设计》任务中，实现“最新产品”区域商品导航的“横向”重复子任务时，通过回答图3所示多形式具趣味性的问题，引导学生复习“纵向”重复的制作方法，先“做”出“纵向”重复的效果；然后引出问题——重复效果是否按理想进行？因为该子任务的重复效果未能达到要求，学生便要探索学习，继续“做”下去，找出纵向变“横向”重复的方法。

2.3 在尽可能真实的工作环境中学习工作

在学习任务的实施过程中，为了便于教学的组织和实施，学校建设了一体化的学习站。一体化学习工作站设有4大区域，分别是：

1）集中教学区：教师教学区，包括在课件中布置学习任务，穿插辅导；对学习资料进行解释；分组辅导后进行的总结点评。

2）分组讨论区：提供给学生学习交流的区域，让学生可以完成工作页，学习任务，进行实践，讨论，交流，以及形成性评价。电脑开放上网功能，方便学生到网络中搜索资料。

3）成果展示区：检验学习成果的区域，用于展示同学们完成工作任务后的优秀作品。

4）信息检索区：存放书籍的区域，方便学生从课外读物中搜索资料完成工作页。

2.4 以教会学生“学会学习、学会工作”为目标，采用行动导向的教学方法

“行动”导向教学源自德国的职业教育，是一种有别于传统的学科教学模式的职业教育模式，它以职业活动为导向，以教会学生“学会学习，学会工作”为目标。因此，在大部分学习任务教学中，笔者采用了行动导向的教学方法，如刚开始，鉴于学生对PHP编程语言比较生疏，为了让学生能快速的掌握其功能用法，笔者穿插实施了四阶段教学法；又如，在商品展示设计学习任务中，为鼓励创新，培养自我归纳能力，在评价反馈环节中，笔者穿插采用了思维导图的教学法。再如，在最后的网站开发阶段，笔者采用了模拟公司项目教学法，引导学生模拟进入岗位角色并按公司模式进行项目开发，此过程分了五阶段，首先，以订单的形式展开给学生安排任务。其次，引导学生进行项目分析，收集素材并整理开发思路，形成可行性方案；再次，选择恰当的技术进行开发；然后，测试与网站作品；最后，请企业顾问委员会（一些在网页设计公司工作的毕业生组成）评估认可学生的作品。模拟公司项目教学法可以让学生提早进入岗位角色，学以致用。学生通过项目积累了实践经验，为毕业后竞争上岗增加砝码。

2.5 推行满足职业岗位需要的考核方式

“课程评价对课程的实施起着重要的导向和质量监测的作用”。评价方法不改，评价方式不变，教学改革就无法有质的突破。因此，为了配合课程的“一体化”教学模式改革，达到“满足职业岗位需要”的目的，笔者对过去单一用考试结果来评定学生学习效果的考核模式和以教师评价为唯一标准的评价方式做出了改革：

2.5.1 采用了“全方位、多角度、综合性”的考核评价模式

即通过5个方面相结合综合评价学生的知识掌握情况、技能水平和综合素质，分别是：1）课程考核、综合实训与工学结合相结合；2）操作、制作作品、开发产品相结合；3）成绩评定与等级评定相结合；4）教师、学生、专家评价相结合；5）形成性评价与终结性评价相结合。

2.5.2 制订了规范的考核标准、科学的评分标准

PHP动态网页制作这门课程的评价结果包括两个考核成绩和一个等级，分别是课程考核成绩、综合实训成绩、和工学结合作品等级。具体的成绩评定标准如表1所示：

通过开展“综合评价考核”教学，能够极大的调动学生的学习兴趣，通过对09计算机与外设维修1、2班共57名学生的调查表明，对该课程有兴趣的学生占35.1%，较有兴趣的占54.4%，没有兴趣的占10.5%。实践证明，该教学方法收到了良好的教学效果。

3 “一体化”教学改革的效果

通过一个学期的教学实践与探索，PHP动态网页制作课程的“一体化”教学改革己初见成效，具体表现为：

1）激发了学生的学习积极性：课堂上，学生能聚精会神地听取教师的授课；完成任务时，能积极思考，广泛参与讨论，灵活应用已学知识解决问题；课后，为了能将项目完成得更好，还会主动与教师进行交流。

2）掌握了一些自主学习的方法：一个学期下来，学生通过完成工作页，己掌握了很多正确的自主学习方法，如使用“帮助”，进入专题网站学习，进入论坛直接与高手对话等。现在，即使课程结束了，他们也能够根据自己的水平进行自学，不断地充实提高自己。

3）考试成绩有提高：过去PHP动态网页制作的合格率在60%左右，但自引入“一体化”教学模式后，合格率达到90%，优良率超过50%。

4）通过工学结合的作品设计，提高了学生对网站开发工作的熟悉程度，能极大程度的减少学生对将来就业时的恐惧感。

综上，一体化教学改革在PHP动态网页制作课程的实践与探索，取得了一定成绩。但同时在教学改革中也存在着许多困难。例如学生数量多，设备配置不能完全满足教学要求；课程改革还不尽完善，学习任务设置还存在不合理的地方；教学改革的步伐，评价体系还不够全面等。这些都有待于我们在深化教学改革过程中，不断探索、克服、完善。只有建立完善的教学与评价体系，才能取得好的改革成效，实现培养高素质应用型人才的目标。

参考文献：

[1] 俞新中.理实一体化教学方法的选择[EB/OL].南京交通教育网.http：//.

[2] 张秀英.网页制作一体化教学的思考与尝试[J].心声，2009（7）

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

关键词：中职；《网页制作》课程；研究性学习

中图分类号：G712 文献标识码：A 文章编号：1672-5727（2012）07-0057-02

《网页制作》课程是中职计算机专业的必修课程，内容包含了Dreamweaver，Flash，Photoshop等软件的使用。在平时的教学中，师生往往侧重于软件技术性运用的教学，在结束了一个学年的课程学习后，很多学生对各个软件的基本功能都很熟悉，却做不出一个让人赏心悦目的前台网站。由美国教育学家布鲁姆提出的关于认知领域目标的分类法，提出从知识到评价分为六个层次：知识（知道）、理解、应用、分析、综合、评价。根据教育部颁发的《基础教育课程改革纲要》，对课程目标提出了“知识与技能”、“过程与方法”、“情感态度与价值观”三方面的要求，构成新课程的“三维目标”，体现学生各种素质在学科课程学习中的有机联系，体现了对基础学习能力、发展性学习能力和创新性学习能力培养的整体要求。研究性学习作为培养上述能力的重要方法之一，为学生的创新能力提供一个学习平台。

中职计算机专业《网页制作》课程存在的问题

知识点多而且关联性不强 中职《网页制作》课程采用项目教学法，以学生掌握实际操作为目的，把新的知识点分散到各个教学项目中，但是由于有些知识点的关联度不强，学生往往在学习后面几个项目的时候，把前段时间的知识点忘记。例如，学习Dreamweaver软件的时候，在后期的模板创建和使用的项目中，较多学生会遗忘浮动框架的创建方法。同一个软件的学习情况已经如此，几个软件综合使用的遗忘率就更高了。在制作网站的时候，学生用到Flash、Photoshop软件的一些技术时，经常需要教师补课。

偏重技术性教学、忽略页面的美观和协调 对中职《网页制作》课程，无论教师，还是学生，都比较注重技术性操作，对页面的平面设计缺乏系统性学习。某些学生制作网页的时候，页面非常花哨，缺乏整体协调性，网站设计缺乏创新性，只注重个人技术炫耀，而忽略用户的使用感受。在网页制作过程中，平面设计的创意和布局应是优先考虑的，网页制作的技术居其后，如果一味追求网页技术，甚至把各种设计软件的功能堆砌代替网页设计，忽视了创意和协调，那么，真正有魅力的网页是无法诞生的。

学生缺少完整的系统性的项目实训 《网页制作》课程课时比较紧凑，新课的知识点基本以小项目制作贯穿整个教学环节，缺乏一个从客户需求分析、UI界面规范到具体网页实施的过程。学生的学习效果与企业的人才要求未能“零距离”对接。

研究性学习的特点

研究性学习具有开放性、探究性和实践性的特点，是师生围绕着解决问题，共同完成研究内容的确定、方法的选择以及为解决问题相互合作和交流的过程。具体而言，研究性学习不同于其他学习方式的特点。

强调学习方式的研究性 研究性学习强调选择自然界和社会生活中的真实问题作为学习和研究的主题，即以问题或项目作为研究性学习的载体。学生的知识获得与能力培养，都是在对自然和社会的客观规律进行科学研究的过程中、在解决实际问题的探索过程中来完成。可见，研究性学习的方式具有鲜明的研究特性。

强调学习内容的实践性 研究性学习强调理论知识与社会生活实际的紧密联系；强调学习内容与研究的主题必须具有实践性，即必须具有现实意义和实用价值。

强调认识过程的完整性 人类的认识过程在完成三个阶段（感性认识、理性认识、实践）和两个飞跃（由感性认识理性认识的飞跃、由理性认识实践的飞跃）后，才能真正实现对客观事物规律的认识、理解和把握。而这正是研究性学习教学模式最本质的特征。

《网页制作》课程的研究性学习

研究性学习的教学环节 研究性学习本质上是一种基于问题的学习，国外一般把这种学习方式称为PBL（Project-Based Learning，基于项目的学习）或WebQuest（基于网络的专题研究）。它包括提出问题、分析问题、解决问题、实施方案、评价总结五个教学环节。作为一种学习活动，研究性学习的实施又可细分为以下几个步骤：（1）动员和培训。这是研究性学习的准备。教师需要在研究性学习开始之前，对学生进行培训，使其了解课题选择的技巧、科学研究的基本步骤和相关的研究方法，并预习相关材料、做好准备。（2）课题准备阶段：包括提出和选定研究课题、成立课题组、制定小组实施方案以及开题报告和评审四方面的内容。（3）课题实施。小组成员按照实施方案开始课题研究，制定实施阶段的学习目标，了解、收集课题所需的各项信息。（4）评价、总结和反思。包括撰写研究报告、进行结题和答辩以及评定成绩、总结和反思三部分内容。

以酒店网站的模拟项目为例的研究性学习实践 本项目通过制作五星级酒店的网站，分析了解客户需求，明确团队分工，探索如何达到电子商务网站的要求，如何体现酒店的高雅和吸引力。项目采用客户指定的图片，通过学生上网收集优秀案例，教师展示国外成功酒店网站范例，由学生小组组成的模拟公司去制定网站的色彩方案、布局方案等用户界面规范手册（UI手册），制定计划书后与客户沟通，达成一致后建立网站。每个“公司”（即项目小组）有项目经理、美术总监、技术总监、文案四个职位，让学生体验现实工作中的氛围，不同职位薪酬不同（加分项不同），最后由全班投票评选，投票数最高的项目为中标的项目。在整个研究性学习中，学生既学习了实用的知识，又体验了各公司之间的竞争。

1.参与者特征分析。中职二年级学生，已经在前期课程中学了Flash、Photoshop等平面设计。同时，随着互联网的普及，学生对电子商务网站都有一定的了解和认识，具备上网收集相关资料的能力，但缺乏对整个网站从设计到实施流程的认识。

2.实施过程与方法。（1）学生分为两组，第一组为酒店的公关部员工，第二组为网页制作公司的员工。（2）第一组学生负责上网查阅资料，了解酒店类电子商务网站的需求，了解客户的浏览习惯和特点，并写出建立酒店网站的具体要求。第二组学生负责上网收集电子商务类的成功案例，总结出色彩特点、排版布局样式，并与第一组学生交流后，写出客户需求分析。（3）全部学生重新分组，以公司的形式组合，设立项目经理、美术总监、技术总监、文案岗位及人员，明确各自的分工。（4）教师展示国外成功酒店网站范例，并对前期的客户需求，色彩布局方案进行点评。（5）制作网站，教师在旁辅导。（6）小组自评、各组互评，教师评价。

3.研究的预期成果及其表现形式。提交客户需求分析报告，UI手册、最终成果以网站的形式展示。

具体实施阶段设计如表1所示。

4.评价体系。对学生的项目完成情况根据不同的指标、权重进行综合评定，详细内容如表2所示。表2中每一项的评定都分为自评、小组评和教师评三项，各分数项×权重并求和为该项得分，即自评（30%）+小组评（40%）+教师评（30%）=总分。另外，根据学生的职位不同，要把总分乘以加分系数。

反思和改进 研究性学习能培养学生科学探索能力、独立思考习惯，注重学习过程的收获，但教师对学生活动过程的掌握是有限的，学生本人才最清楚自己在学习过程中的收获。通过本次五星级酒店网站的项目实践，笔者认为可以改进的地方有如下几点：（1）在小组内可增设一名记录员，记录全组的活动情况作为评价依据，为学习评价的客观性、详细性打下基础。（2）增加校园网内的学习平台，提供更多的拓展性学习资源。可以利用Moodle资源库软件，提供更多的学习资源给学生，同时，开放研究性学习的网上论坛，鼓励小组之间的学生交流。（3）《网页制作》课程平时教学课时紧凑，缺少开展研究性学习的时间。因此，研究性的学习项目比较适合期末考试后停课实习，或在寒暑假前布置任务，由学生独立完成，开学后评比项目质量。（4）教师需要在平时多积累优秀的课题项目，给学生一个长期的、持续的实习机会，多积累优秀的学生作品、范例，给学生一个自主学习的网络环境。

中职《网页制作》课程开展研究性学习能激发学生学习兴趣，持续培养学生综合设计能力，逐步实现学生工作能力与企业要求的无缝对接。同时，研究性学习要求教师不断提高自身专业水平和付出更多的劳动。

参考文献：

[1]北京大学数字化学习研究中心.教育技术参考手册［OL］.[2012-05-01].?rb_d e_2_6.html.

[2]何克抗，李文光.教育技术学[M].北京：北京师范大学出版社，2009.

[3]李克东.教育技术学研究方法[M].北京：北京师范大学出版社，2003.

[4]研究性学习教师指导手册[M].上海：上海科技教育出版社，2003.

[5]邹尚智.研究性学习理论与实践[M].北京：高等教育出版社，2006.

[6]应俊峰.研究性学习的管理模式[M].天津：天津教育出版社，2003.

[7]尹俊华.教育技术学导论[M].北京：高等教育出版社，2002.

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

1、传统教学方法问题分析

作为电子商务重要技术基础的《网页设计与制作》课程是高职类电子商务专业的必修课。

它是一门实践性极强的综合性应用课程。传统教学方法往往注重于Dreamweaver、Photoshop等技术软件的操作[1]，重点要求学生学习一些代码、特效等技能操作。这种传统教学方法强调以课堂为中心，以教师为中心，围绕着教材进行授课，这样往往忽视了学生的积极性、主动性，无法培养学生制作网页时所需的创造性和理解能力。通过分析，我们发现采用这种传统教学方法存在以下问题：

首先，高职类电子商务专业学生学习主动性不足，技术基础薄弱，同时缺少网页设计与制作所需要的抽象思维能力，这种传统教学方法会造成学生学习兴趣不高，学习效果较差，往往经过一个学期甚至更长的时间学习后还难以学会这项技术。

其次，在这种教学模式下，技能学习的过程与真实的网页设计开发项目流程差别较大，学生在较短时间里可能掌握部分软件操作技能，但无法从整体上快速把握网页设计与制作全过程。

同时，在教学过程中我也深刻的感受到电子商务专业的学生又对网页设计技术的学习充满期待和向往。因此，在这门课程中探索新的教学方法，帮助他们迅速掌握网页设计与制作技术，就变得非常必要和迫切。

2. 信息化项目式教学模式的设计

项目教学法是一种基于建构主义的、教师指导下的以学生自主探索为基础的教学方法，它源自于美国实用主义哲学家和教育家杜威，并由其学生不断丰富和发展。这种教学法是以一个完整的项目为实践教学对象，将知识点围绕着教师所下达的项目要求，在教师指引下，以个人或小组工作方式，完成相关项目模块，并最终将一个个项目模块“组装”成一个完整的项目[3]，并在项目实施过程中完成相应的教学任务，从而在教学过程中提升学生的知识、能力和素质水平。

为了解决传统教学方法在技能类课程中存在的问题，提高学生的学习兴趣和教学效果，在网页设计与制作课程中我们引入了项目式教学方法，同时在项目式教学过程中创造性的使用了我们自主研发的具有人机交互特性的实训教学软件，该实训教学软件按照真实网页开发流程，配合课程所用教材和教学进度，应用到课程实训教学中。信息化手段的应用受到学生的一致好评和积极响应，极大地提升了课程的教学效果。

信息化项目式教学设计的思路是按照企业网页设计与制作的基本流程和工作步骤，将网页设计与制作的整个业务流程划分成多个连续的子项目，并用信息化手段将每个子项目进行固化。学生在进行课程实训时，运用实训软件逐步完成任务，根据教学任务安排，就可以掌握网页设计与制作技术和操作方法和设计思路。信息化手段的引入完整展现商务网页设计与制作的基本原理及实现方法，使学生能够在总体上快速明确网页制作的过程步骤和基本方法。

3. 信息化项目式教学法在课程中的实施与应用

在课程实训教学中，通过合理设置教学任务、实施过程控制以及教学反馈三个教学环节依次展开，最大程度上帮助学生掌握网页设计与制作的基础知识，提高他们的技能操作水平，培养其自主学习、勤于思考、勇于克服困难的职业素养。

3.1 合理设置学习情景与教学任务，明确学习目标和重难点

在每次实训课程开始前，教师会结合实训教学软件，布置本次实训课程的实训项目，并

对该项目的实训目标、实训背景、实训环境和实训任务进行详细的说明和分析。通过任务布置和说明，教师合理设置了学习情景，安排了相应的教学任务，明确了此次实训课程学习的重点和难点，并要求学生在规定的时间内完成相应的学习任务。

如课程的第五章DIV+CSS网页布局这个子项目，要求学生在两个课时的实训课上使用实训教学软件，利用DIV+CSS网页布局技术，完成长沙市碧雅园花卉苗木基地公司网站首页的布局设计。

3.2实施项目式教学过程控制，保障教学质量

在项目式教学过程中，信息化教学手段的应用完美地解决了一般项目教学过程难以监控的问题。在学生运用实训教学软件练习的过程中，学生按照实训教学软件固化的业务流程，在规定的时间内逐步完成各个实训任务，同时教师在此过程中答疑解惑，从而实现了良好的过程控制。

以上述DIV+CSS网页布局这个子项目为例说明如何对学生的实训过程进行监控。教师利用实训软件将该子项目又细分为八个子任务，如页面布局与规划、写入整体层结构、页面顶部制作、导航和Banner制作、内容区制作、资质荣誉区制作、页面美化等。学生需要逐步完成这些子任务，才能完成本次实训课程布置的所有任务。教师通过观察学生实训软件的操作情况，就可以快速了解学生实训进度，对实训过程实现良好的监督和控制。

3.3实施教学反馈，量化实训效果

为了衡量项目式教学效果，量化学生实训质量，实训教学软件设置了多样化的任务和问题，学生在回答问题并完成某些任务后，系统会根据学生操作选项自动给予打分，判断学生是否完成了该实训任务。如果系统评分显示失败，则需要学生重新去完成任务，才能进入下一个实训步骤。通过这种评价量化机制，可以评价学生的实训效果。教师根据学生评价得分，可以进一步完善教学活动。

4. 信息化项目式教学方法的成效特色

通过比较项目式教学法应用前后的效果，可以发现，在网页设计与制作课程实训教学中应用信息化项目式教学方法后，学生的学习兴趣大幅提高，学习效果也得到显著改善，新的教学方法的应用具备以下几大特色：

4.1化繁为简，提高学习兴趣

实训教学软件根据真实的网页设计与制作流程，将复杂的网页设计与制作过程细分为几个子项目，每个子项目又细化为多个简单的步骤，将复杂的网页制作过程简化处理。同时为了提高学生的学习兴趣，针对实际的教学应用需要，实训软件设置了拖拽选择、填空、排序等许多形式多样的问题以及个性化的人机交互方式。在学生实训练习过程变得像打游戏一样需要步步过关，才能进行下一步任务，这样的情景模拟极大地提高了学生的学习兴趣。

4.2仿真模拟，化难为易

为了方便学生学习掌握网页设计与开发所必需的Dreamweaver软件的使用，我们在实训软件中运用仿真模拟的方法将Dreamweaver软件嵌入其中，学生在实训过程中，可以直接在实训教学软件中使用Dreamweaver软件进行操作，避免了另外打开软件的麻烦。

4.3项目式教学过程可控制，实训结果可量化

在信息化项目式教学方法和手段应用以后，学生实训过程完全可控，实训结果轻松量化，从根本上保障了实训教学的质量和效果。

4.4信息化实训教学软件的使用，提升了学生自主学习能力

在信息化实训软件应用到课程实训教学后，学生不仅可以在实训课堂上使用，还可以在课后进行反复练习，为学生的实训学习提供了极大的便利。同时，探索式的学习方法，趣味性的问答设置等多种特色，也极大的提高了学生的主动性和积极性，锻炼了学生的自主学习能力。