网页实训总结例1

二、项目教学法在《网页设计》课程中的实施

（一）专业师资雄厚，开展校内督导

本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。

（二）组建学习团队，开展项目教学法

教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

（三）团队合作探究、汇报交流

在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。

三、网页设计成果的评判标准与考核方式

在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。

（一）评判目的与标准

教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。

网页实训总结例2

学习网页制作，熟练地用代码编写网页是必不可少的。而以往教学用DW软件生成代码的方式方法，一则不利于培养学生的逻辑思维，二则DW软件生成网页代码，繁琐冗余，后期需要大量的优化，否则将有碍网站推广。

为了解决这个问题，我们结合网页设计教材，在网页元素输入之初，先分别用记事本和DW软件通过实例学习代码的编写，然后让同学们分析网页中各代码的含义，各参数的作用，再通过记事本代码的方式制作自己喜欢的景点介绍网页。不仅提高学习兴趣，而且还学会了代码的编写。

2.DIV盒子模型直观训练

对于初学者来说，从简单的通过DIV标签实现一个小的栏目块开始，了解DIV的含义、各参数的作用、注意事项及与CSS之间的关系。

当学会了各种样式的栏目编写之后，再从DIV标签的简单嵌套到整个网页的布局，这样学生容易接受，兴趣十足。

3.CSS网页效果细节训练

CSS是能够真正做到网页表现与内容分离的一种样式设计语言。在教学中，通过调整CSS细微的属性值来观察网页不同的效果，以养成学生在完成任务过程中对细节的重视程度。

（四）资源（Resources）

“资源”是一个网站清单，教师事先已查找过这些网站。资源经过了预选，以便学习者能在主题上集中注意力，而不是漫无目的地网上冲浪。

在这个环节中，我首先划分出企业网站、政府网站、教育网站等大类，然后主要针对企业网站再细分出商品的类别，让学生多浏览，找到同类别网站的共性。并向学生推荐了专业人员使用的Web 技术专业网站，让学生遇到问题时随时查找，养成不断学习、终身学习的习惯。

（五）评估（Evaluation）

“评估”是WebQuest中的新增模块。显然，如果我们要证明用网络来学习的花费是值得的，我们需要能够测评学习结果。

在实施过程中学生建立自己电子作品档案，完整记录学习的过程。每堂课的作品不但按时提交给老师，还要以日期和模块的形式，由自己保存。这样既让学生增加了对信息分类处理的意识，又完整的记录了自己学习的过程，可以清晰的看到自己的进步，并可以在今后工作中技巧加以借鉴。

（六）结论（Conclusion）

WebQuest的“结论”部分提供机会给学习者总结经验，鼓励对过程的反思，拓展和概括所学知识，鼓励学习者在其他领域拓展其经验。

在任务完成后，教师组织学生对任务完成情况进行总结，并从知识技能角度、合作态度、创造能力等方面对学生任务的完成情况进行综合评价，学生也要对任务的完成情况进行自我评价，通过总结交流，评价反思，让学生了解在任务的完成过程中，认识了什么、掌握了什么、获得了什么、发现了什么新问题、有哪些不足之处、下一步要学习什么，提升学生的综合能力。

二、课程改革的一些具体措施

（一）不断优化网页制作教学内容

组织课题组骨干教师与企业资深专家多方面的调研分析，对课程的教学内容进行重新优化整合。在教学内容中可以加入网页设计常用的专业技能如网页艺术设计、网页配色、JavaScript编程技能、网页图像处理、网页中Flas等常用内容，并对网站设计开发中的一些前沿技术进行介绍说明如Ajax、JQuery、SEO优化等。

（二）做好相关课程间的融合与应用

为了webquest教学模式顺利开展，在课堂上做好不同课程间的融合与应用是十分必要的。

例如：Flash在网页制作中的应用方式主要集中在色彩的变换和动态的阐述上。在目前的互联网技术中，其浏览器自带了Flash播放插件，这一技术的应用和发展有力的推动了Flash软件技术的普及。

PHOTOSHOP图像设计软件直接做出这个网页的雏形更有表达能力，这样客户也会根据他们的需求提出一些比较明了的建议，也是网站制作的第一步。

（三）引导学生转变认知、心态和观念

在网页制作的实践课程中需要不断对学生的认知、心态和观念加以引导，使其逐步站在工作角度，应用好DW工具为客户服务，实现学生身份到员工身份转变的过渡，尽快适应社会的需求。

《网页设计与制作》课程改革结果表明说明，webques教学模式有效地建立了课堂与职业能力的联系。整个过程都是真实的，是现实生活的一种反映，从而使学生的学习更有针对性和实用性，学到了今后就业所必须的技能，包括实践能力、分析能力、综合能力、应变能力、交流能力、合作能力和解决实际问题的能力。

实际上在学生职业能力培养方面本次课改仍是初步的尝试，还有很长的路需要摸索探讨。

参考文献

[1]张金艳 基于webquest教学模式的《网页设计与制作》课程研究[J].电子制作，2014，1：84.

网页实训总结例3

实训项目：  e商网

指导老师： 郭**、胡**、张**、陈**

实训地点：*******学院 综合楼1504

实训时间：2011年9月15日——2009年12月25日

实训小组：开发小组（组长：刘**，成员：****、李**）

实训目的：通过项目形式密切联系实际，潜移默化地进行综合素质、职业素质教育，增强学生综合运用所学知识解决实际问题的能力。

实训内容：网页设计师、网页策划师、网页美工师

网页设计与制作是计算机应用技术专业的一门重要的专业必修课，通过课程的学习，能够了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言和JAVAScript程序，掌握运用Dreamweaver网页制作、特别是PHP程序设计、Mysql数据库开发与应用制作动态网页方法，掌握运用Fireworks图像处理软件进行网页图形制作和运用Flash动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作、网站开发和管理奠定基础。在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。

 

 

实训项目模块描述：

主页设计

A、    整体布局（首页、列表页、内页、后台页）

B、     广告位设计

C、     页眉、页脚设计

D、    浏览器兼容设计

                                          注：全部使用DIV+CSS技术

用户管理

A、    系统用户（添加、列表、登录、权限、信息更改）

B、     商家用户（添加、列表、期限、登录、权限）

C、     普通用户（会员卡号、登录、权限、资料修改）

商家管理

A、    新闻管理（新闻列表、新闻）

B、    产品管理（产品列表、产品、产品类别）

C、    用户管理（信息更改、密码更改）

D、    销售管理（销售列表、销售汇总）

会员卡管理

A、    会员卡资金管理（充值、支付、余额）

B、     会员卡积分管理

C、     会员卡消费记录

新闻模块

A、 新闻管理（列表、类别、、修改、删除）

B、 评论管理（留言、回复、修改、删除）

C、 分类信息导航（行业分类、地址分类）

产品模块

A、    产品管理（添加、修改、删除）     注：每商户独立

B、     产品展示（列表、大小类、单独页）

C、     产品推荐（手工推荐、热门、销量）

D、    产品搜索

销售模块

A、    单机销售（购物车、结算、统计）

B、     网络销售（购物车、结算、统计）

C、  票据打印功能

 

 

 

广告模块

A、              广告管理（、修改、删除）

B、 收费管理（类型、价格、时间）

C、 类别管理（列表、大、小类）

相关文档

A、              开发文档

B、说明书、使用手册

软件（安装包、教程制作）

 

实训体会：

本次的实训跟平常的上课确有不同，把平时上课的教室换成了机房，上课的时候注重的是理论知识，但在这次实训中注重的是实践能力，是以前在课堂上学不到的知识。本次的实训是开发一个eshop商家联盟的电子平台，通过理论与实践相结合，进一步加深我们的理论知识。网站功能分析：该网站主要由登录界面、用户界面、商家后台、产品展示界面、新闻界面、加盟界面以及留言功能界面等组成。在制作网页的过程中遇到过很多的问题，特别是代码部分，就算是少一个括号网页都不可能运行成功，但我们还是会努力去检查看代码中到底是哪里出错了，可能检查一两遍还检查不出来错误，但是我相信网页运行不出来，肯定是代码中有错误的地方，要更仔细地查找。实在找不出来，可找同学帮忙找，然后将其改正就可以。特别是我们，这方面的知识还很缺乏，反而要不懂就问，要善于接受老师的指导和听取同学的意见，从而能更加完善地制作网页，争取做得更好。实训过程是繁琐的，但同学们都表现得很积极，不怕困难，相互帮助一起分析。任课老师也非常认真负责，耐心讲解，细心指导，一点点解答同学们的疑惑，直到同学们理解了为止。在实训中，分析、讨论、演算，机房里充满了浓浓的学习气氛。 实训是短暂的，我明白了这样的一个道理：PHP综合实训不只是需要书本上的知识，更需要实践，更涉及到一个团队的合作与管理。收获是巨大的，其中我觉得最让我受益的就是学会与人之间的沟通和协作，我觉得那是我们做事的成败的重要因素之一。通过这次实训，我得出以下结论：1、专业知识匮乏：这次实训让我深深的感觉到自己在实际运用中的专业知识的匮乏。真正学到了计算机教科书上所没有或者真正用到了课本上的知识，这样，既巩固了旧知识，又掌握了新知识。2、团队的重要性：在很多情况下，单靠个人能力已很难完全处理各种错综复杂的问题并采取切实高效的行动。所有这些都需要人们组成团体，并要求组织成员之间进一步相互依赖、相互关联、共同合作，建立合作团队来解决错综复杂的问题，并进行必要的行动协调，开发团队应变能力和持续的创新能力。3、人与人之间最宝贵的是真诚、信任和尊重。其桥梁就是沟通。如果组员之间没有沟通的话，在很多时候都会做无用功，而且达不到预期的效果。此次实训培养了同学们耐心的工作作风，增强了同学们的合作意识，提高了大家的应用分析能力。而且在实训过程中，我认为自己还有很多不懂的地方。如果我们想要做出一个好的网页或者网站，我们都还应该更多地学习这方面的知识，不断学习不断积累才会有更多的经验，从而更好更深入地理解这门课。这次实训也让我深刻了解到，不管在工作中还是在生活中要和老师，同学保持良好的关系是很重要的。做事首先要学做人，要明白做人的道理，如何与人相处是现代社会的做人的一个最基本的问题。对于自己这样一个即将步入社会的人来说，需要学习的东西很多，他们就是最好的老师，正所谓“三人行，必有我师”，我们可以向他们学习很多知识、道理。我想生活的路也是人走出来的，每个人一生总要去很多陌生的地方，然后熟悉，而接着又要启程去另一个陌生的地方。在不久就要踏上人生另一旅程的时候，有时不免会感到有些茫然，感到无助，但生活的路谁都无法预设，只能一步一步摸索，但只要方向正确，不要走入歧途，走哪条路都走向光明。

这次实训虽然是我们的第一次，不过同学们表现不错，由此看来，我们在进入大学的这两年里或多或少学到了一些专业的东西，只是自己感觉不到而已。对于所学专业，我们不能过于自卑和担忧，否则会妨碍自己学习。 我把本次三个月实训看作是 “理论与实践相结合的桥梁”。通过三个月的实训和学习，我知道了此次实训的目的，也清楚目前自己的不足，那就是缺乏相应的知识与经验，对所学的专业知识不能够很好地运用于实践操作。但是我也有许多收获，在这次实训中，我第一次体会到程序员是什么样子的，也发现了很多不曾注意到的细节，把职业能力训练与职业素质的训导有机结合起来。相信这对我接下来学习工作开发程序员知识会起到很有效的帮助， 本次实训，我最深的感觉就是累，我想这就是程序人员的工作。我也体会到开发成功地编写代码，成功地完成一个任务的那种兴奋，那种小有成就的感觉是只有置身其中的人才能体会的。 总之，这次实训为我提供了与众不同的学习方法和学习体会，从书本中面对现实，为我将来走上社会打下了扎实的基础。从实践操作中，我总结出一些属于自己的实践经验，社会是不会要一个一无是处的人的。作为在校计算机应用技术专业的大专生，现在我能做的就是吸取知识，提高自身的综合素质，提高自己的编写能力、沟通能力和合作能力，自己有了能力，到时候才会是 “车到山前必有路”。我相信在不久的未来，会有属于我自己的一片天空！

    感谢系领导对我们这次实训的大力支持与鼓励，以及无微不至的关怀！感谢指导老师在实训期间依然不忘关心我们的生活与工作，感谢这三个月来一起工作的几位同学，无论生活上还是工作上，他们都给予了我莫大的支持与帮助！感谢我的父母一直以来对我的支持、关怀与爱护，没有他们的悉心培养，就没有今天的我！感谢朋友，一直以来对我的关心照顾，对我的帮助，对我的支持与鼓舞......感谢你走进我的生命,让我的生命丰富而又美丽,我愿用我有生的时光,带给你无限的快乐！我将会用我的一生与成功来回报诸位的恩情。

网页实训总结例4

为了适应社会进步所带来的人才需求变化和提升教学效果，高等职业院校不断尝试结合专业和课程的特点，引入多种课程开发方法，深入进行课程建设和改革。目前，基于工作过程导向的课程教学改革正逐渐成为高职教育改革的重要探索领域。网页设计课程是高等职业院校电子商务专业和计算机类专业开设的职业核心课程。所以，网页设计课程的教学质量直接决定了学生的实践能力和就业能力。

1.网页设计课程存在的问题

网页设计课程的相关岗位包括：前端工程师、网站管理、网络编辑等，其中前端工程师是最主要的岗位。前端工程师是Web前端开发工程师的简称，是一种高端技能型人才。很多高职院校的相关专业开设了网页设计课程，但培养出的学生很多都达不到企业关于前端工程师岗位的用人需求，所以依然存在很大的人才需求缺口。

网页设计课程存在的问题主要包括以下几个方面。（1）知识体系相对滞后。学生在学校学到的table表格布局等相关知识在企业已经基本不用。学生对企业用人需求描述中的专业术语和知识比较陌生，没有用过企业要求的知识体系，这是造成学生不敢在前端工程师岗位竞聘的主要原因。（2）注重单个知识点的掌握，不注重综合能力培养。调研发现网页设计课程的教学组织大多采用案例教学等方法，注重单个知识点的掌握，学生掌握了一个个知识点，比较有成就感，但面对企业的工作任务却无从下手，感觉都不是自己学过的知识。这种注重单个知识点，忽略综合能力培养的教学方式，虽然短期能够得到学生的认可，但并没有达到良好的教学效果，相应地也不能实现教学目标。

这引起了很多专家学者的关注，但很多研究仅仅是简单地将某一种教学方法应用于课程的实训教学，或者侧重于项目驱动、任务导向的教学过程设计，都不够系统，不够贴近前端工程师的职业能力需要，所以很难达到满意的教学效果，也很难满足学生的就业需求。因此，结合高职学生的实际情况和职业需求，对“网页设计”课程实施基于工作过程的实训模式改革。

2.课程改革思路

工作过程是企业为完成一件工作任务并获得工作成果而进行的一个完整过程。生产复杂产品、完成重大项目都可能需要多个工作过程，从而构成该产品、该项目的工作过程系统。基于工作过程即工作过程导向，是一种课程开发方法，是2002年德国劳耐尔（Rauner）教授带领下的不来梅大学技术与教育研究所与大众汽车公司合作开发的一种职业教育课程开发方法。

网页设计课程面向的岗位群中最主要最具代表性的是前端工程师。所以在网页设计课程的开发过程中依托前端工程师岗位展开。课题在研究过程中将通过走访企业、校内交流、理论应用研究、调查问卷等方法对网页设计人才需求情况和课程开展情况展开分析。根据调查研究中所发现的网页设计课程教学过程中所存在的问题，结合企业对网页设计人才能力的需求，对网页设计师的工作过程进行分析，分解出典型工作任务，分析各个环节的能力要求。再基于网页设计师的工作过程，构建网页设计课程的实训教学模式，其中包括实训内容、实训方法、考核方案等。并将构建的实训教学模式应用于教学实践，借以激发学生的学习兴趣和学习热情，改进教学效果。

3.前端工程师典型工作任务分解

通过调研，我们发现前端工程师的主要工作内容是基于XHTML+CSS架构根据网站策划图实现网站前端界面开发，所采用的技术目前主要是HTML4+CSS2，但也有部分前端工程师为了达到更好的设计效果已经升级到HTML5+CSS3。为了兼顾目前的主流技术，课程设计以HTML4+CSS2为主要教学内容。但为了学生将来的技术升级和可持续发展，课程简单涉及到HTML5+CSS3的特点。

将前端工程师的主要工作内容进行分析整理，结合前端工程师应具备的能力和素质，我们将前端工程师的典型工作过程分解为以下八个部分：网站规划、页面布局、简单元素添加、导航栏设计、图文列表设计、特效脚本应用、系统设计、兼容性测试。一个网站是由一个个网页所组成的。任何一个网页都要经过除了网站规划之外的七个步骤才能完成，每一个网页的设计完成需要用到的知识基本类似，所以这里我们以单个网页的设计完成为主要目标。前端工程师岗位的工作内容在技术方面涉及到Photoshop、Flash等网页设计图形设计软件的使用以及JavaScript特效脚本的应用，这些都是网页设计课程的前导课程或同期课程的讲授内容，所以在此只涉及到应用，并不深入讲解。

4.重新构建教学体系

4.1 实训内容设计

网页设计课程是以实践为基础的核心课程，所有理论知识必须在技能训练过程中得以掌握和运用，所以必须注重培养学生理论知识的灵活运用能力和网页制作实训能力。网页设计课程的实训内容设计重点体现在以下几个方面：

（1）以工作过程分解为依据。网页设计课程以前端工程师的典型工作过程分解为依据，将实训内容设计为包括局部设计、界面设计、兼容性测试、案例实训四个大的模块，贴近前端工程师的工作过程，满足前端工程师的岗位能力需求，使整个教学过程更加具有针对性。局部设计又由常用XHTML标签、DIV布局、CSS样式美化、JavaScript页面特效组成。局部模块设计即兼顾网页设计课程知识体系的系统性，又结合前端工程师的工作过程，即有利于加深学生对个别知识点的理解，又有利于学生网页设计知识体系的构建。

（2）基础知识与综合实训并重。实训内容的前三个模块属于基础知识学习部分，最后一个案例实训模块属于综合实训。在整个课程设计中，综合实训课时占整个课程课时的1/3以上。课程教学方式也从前期的讲练结合，转变为实训辅导为主；授课对象从前期的面向整体为主，转为面向个体为主。通过对综合实训课时比例的增加，培养学生对知识点的综合运用能力，进而无缝衔接前端工程师的岗位能力。

（3）化整为零、小小案例。前端工程师的工作过程是一个系统性非常强的、复杂的工程，由很多小的知识点组成，需要对知识点进行综合、灵活的应用。针对知识点的案例往往并不适用于整体网页设计，这就造成了知识点的学习与综合实训的脱节，容易给学生造成一种无所适从感。课程实训设计将分布于综合实训中的局部功能分解为基础知识点的学习案例，一个个局部功能分解为一个个小小案例。这种方法也使得学生在做综合实训时有一种亲切感，方便学生知识体系从局部到整体的构建。

4.2 实训方法设计

课程实训方法设计结合实训内容特点，采用“教、学、做”一体化的教学方法。局部设计主要采用理论实践一体化的项目教学法和任务驱动教学法，强调知识点在小案例中的应用。综合实训主要采用分组教学法和真实案例教学法，强调小组协作能力和综合实训能力。

（1）项目教学法。项目教学法时一种由项目引入进而展开知识点的教学方法，一边分析讲解、一边操作演示，讲练结合，激发学生学习兴趣，提高学生分析问题、解决问题的实际能力，轻松达到教学目标。

（2）任务驱动教学法。将实训内容设计为一个个独立任务，充分调动学生的学习积极性和主动性。任务也分为三种类型：局部功能任务、整体设计任务、真实企业任务。任务的实施也是从简单的局部功能任务到整体设计任务，再到灵活运用的真实企业任务的过程，逐步进阶。任务驱动贯穿整个实训环节设计，有利于训练学生的职业态度，也有利于提高学生的知识应用能力和创新能力。

（3）分组教学法。综合实训阶段的任务相对复杂，单个同学实现有一定的难度，所以采用分组教学的方法，有利于形成小组内探讨解决问题的氛围，也有利于加深对知识点的理解，能有效培养学生的团队意识。为充分发挥每个成员的潜能，形成足够量的成员任务，在设计小组时人数不宜太多，一般以2-3人为宜。

（4）真实案例教学法。将企业真实案例引入教学过程，能有效拉近课程教学与岗位能力需求之间的距离，充分激发学生的学习热情，即能让学生对岗位能力需求有更深刻的理解，也能增加学生的自我认同感和成就感，进而达到培养岗位人才的目的。

4.3 考核方案设计

本课程的最终目的是要求学生应用所学知识，根据网站策划图完成网站设计。前端工程师是一个注重实际能力的岗位，传统的理论知识考试方式不能充分评价学生的学习成绩和能力水平，对于学生实践能力的提高，以及就业能力的提高是没有多少益处的。也有部分研究者将考核形式改为考核学生完成网站作品制作的形式。这种考核方式相对理论知识考试有了很大的进步，更加注重实践能力的考核，但很多时候教师考核给出的网站策划作品比较滞后，内容相对简单，所有同学完成一样的网站设计，难免存在抄袭的嫌疑。这就造成了很多同学觉得自己对课程内知识掌握的不错，但看到企业复杂的网站策划图，依然不敢面试前端工程师岗位。

因此课题组对考核方案进行了大胆的改革，期末总评学习成绩由三部分组成：过程考核（平时到课考勤、上课回答问题和随堂作品）占20%、技能考核（课内分模块作品以及综合设计作品）占30%和项目考核（期末综合作品）占50%。这种方式较为客观的反应了学生的学习情况和能力水平，主要特点包括：

（1）真题真做。将企业一线的多个真实案例拿来供学生选择，作为项目考核题目。多种作业选择能在一定程度上减少学生作业抄袭的情况。来自企业一线的真实案例与岗位能力要求高度契合，增强学生就业能力和自信心。

（2）注重过程考核。期末考核只占期末总评成绩的50%，其余两部分都是教学过程中完成的，属于过程考核。这样的考核方案设计能有效避免学生过分注重短时间的期末考核，能使学生更加重视知识技能积累的学习过程。

5.小结

基于工作过程的网页设计课程实训模式开发，以前端工程师的典型工作过程分解为依据，从简单到复杂，从局部到整体，符合学生的认知学习规律。实践内容以来自企业一线的真实案例为基础，真题真做，培养和提高学生的实践动手能力和综合运用能力，拉近课程培养与企业用人需求之间的距离，提高学生的就业能力和核心竞争力，实现技术技能型人才的培养目标。

参考文献

[1]何兴国.DACUM与工作过程导向课程开发方法比较研究[J].职教论坛，2012（27）：70.

[2]孙士新.基于工作过程导向的高职本土化教学模式研究[J].辽宁医学院学报：社会科学版，2013（2）：69.

网页实训总结例5

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

它是一门实践性极强的综合性应用课程。传统教学方法往往注重于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信息化实训教学软件的使用，提升了学生自主学习能力

网页实训总结例6

网站建设与管理专业是中职类院校为企业培养技能应用型专门人才的热门专业。通过近几年用人单位对本专业毕业生的反馈情况及毕业生自身经验来看，很多中职院校网站建设与管理专业在课程设置、技能实训方面还不能达到培养应用型高技能人才的标准。现在很多中小企业都建立了局域网，接入Internet，建立了本企业的网站，大部分企业需要的是既能组建管理局域网，又能制作和维护网站的应用型人才。因此，网站的建设与管理技能是必须重点培养的一项核心职业能力。培养满足企业需要的应用型人才，必须在专业教学过程中加大实训课程的强度和深度，营造等同于或类似于工作过程的实训环境和工作要求，强化训练内容和技能的实用性。

一、“网站建设与管理”综合实训的目标

网站建设与管理综合实训的基本目标就是培养学生为企事业单位建设、维护网站的职业能力。综合实训涉及到多门专业课程知识：基本网页制作（Photoshop，Dreamweaver，网站配色与布局，Flash, CSS+DIV制作网页，HTML 技术及客户端JavaScript脚本技术）， 动态网页制作（，PHP等技术），数据库技术（如SQL SERVER的管理等），网络操作系统及Web服务器的配置管理等。学生学完这些课程得到的是实际工作中要用到的专业知识中某个方面的零碎的知识，而解决实际问题如建立一个企业网站，则要将这些知识进行整合，综合运用。综合实训的目标就是让学生在开发一个具有现实意义的网站项目的过程中，领悟如何综合运用所学的相关知识，独立完成一个网站项目的开发与维护，从而基本掌握网站建设的核心能力，为进入企业顶岗实习做好准备，并最大限度地增强对就业岗位的适应度。

二、“网站建设与管理”综合实训的内容

1.网站建设与管理综合实训所需专业课程知识。实际工作中开发网站项目，必须掌握静态网页制作技术、基本图像处理技术、数据库技术、利用编程语言实现动态网页技术、Web服务器的配置和管理技术，这些技术在网站建设中的作用各不相同静态网页技术和图像处理技术用于制作普通的页面以及用户访问网站的接口界面，数据库技术实现对用户数据的存储和处理，动态网页技术实现用户与服务器的通信及数据的存取操作，Web服务器实现对网站运行的支持。如何将这些知识有机的融合到一个具有现实意义的项目中，是综合实训能否取得实效的基础，因此，综合实训的项目最好是来自企业的实际项目，如企业的电子商务网站等。

2.网站建设与管理综合实训所应完成的技能项目。建设企业网站一般包括网站规划设计、网站前台设计、网站数据库设计、网站后台设计、网站的调试等几个工作过程和模块。以电子商务网站为例，网站建设综合实训应围绕多个项目模块展开。

（1）网站规划设计的实训。学校教学过程中往往注重基本知识的传授，如网页设计课程老师会将网页设计相关知识讲得很多，而这些知识在实际工作过程中如何应用，却比较忽视。网站规划实训的目标就是培养学生承接一个综合网站项目后，对网站进行需求分析，明确创建网站的目标，然后根据分析结果提出合理的建设方案，选择恰当的技术路线。网站规划与设计是后续建设步骤的指导纲领，这一过程实训的结果是网站的构思草图。

（2）网站前台设计的实训。网站的前台设计就是指设计用户访问网站时直接接触到的页面，以电子商务网站为例，包括网站的主页、各栏目的首页、商品展示页面、注册页面及登陆页面等，具体内容涉及网站的排版布局、网站导航系统的实现、网站Logo的设计、图片处理、颜色搭配、注册页面及登陆页面的具体要求等等。这些工作的完成涉及多门课程的知识内容，实训效果既取决于学生灵活运用知识的能力，也取决于指导老的项目开发经验。网站前台设计的实训有两个重要的环节必须强化，其一是网站Logo的设计及页面图片的处理，这项实训的指导工作应当由熟悉图片处理的教师进行专项指导；其二是基本网页制作，包括网页排版、布局、颜色搭配、文字显示及资源链接的实现等，重点是运用网页制作技术如HTML，JavaScript语言及开发工具如Dream weaver等的综合应用。

（3）网站数据库设计的实训。实训的内容着重培养学生如何根据一个项目的需要来进行数据库的需求分析、数据结构的设计，要求学生完成数据库的概念结构（E-R图）的设计，逻辑结构的设计（由E—R图转化成关系）及数据库的物理实现，强化学生在实际项目开发过程中利用某一DBMS实现后台数据库的设计技能。

（4）网站后台设计的实训。网站后台设计包括网站各种功能实现的后台代码的设计。以电子商务网站为例，后台设计实训的内容主要包括：①商品信息的管理：如添加、搜索、删除，分类等。②商品的分类管理。③ 普通用户及管理员管理。④各功能模块的通信及后台代码如网站购物车的实现、在线订购、在线付费的实现等。

（5）网站调试的实训。网站调试实训内容涉及两个方面：①配置网站运行的环境，让学生熟练掌握各种网站运行环境的配置技术。② 网站测试。网站正试前都要进行测试，保证网站后用户能够正常浏览网页和使用网站提供的服务功能，只有通过了测试的网站才能到Internet上。

三、“网站建设与管理”综合实训的实施过程

为保证网站建设与管理专业综合实训的有效性，必须要求学生能够接受全过程的操作训练，通过完成一项完整的项目，可以让学生体验各个环节的主要技能的要求，了解生产或服务的程序，体会生产或服务中环节的连接重点和各个工作岗位的重要性。因此，网站建设综合实训的实施，应当以符合工作实际过程的方式进行。以项目组的形式组织综合实训的开展。企业网站的开发是一个比较大的综合性的软件项目，为了给学生营造真实的实训环境，综合实训课应以项目开发小组的形式组织。对于电子商务网站而言，四名学生为一组比较合适，应当任命项目组长，负责整个项目的规划和进程。具体实施过程是：全体组员参与网站的需求分析工作，并在此基础上写出需求分析报告，然后，项目组长完成网站的规划，在此基础上进行细致的分工，四人分别实现网站页面效果图设计，网页前台的设计，数据库的设计，网站后台的设计。实际项目开发过程中，一个项目小组成员的任务比较单一，而综合实训的目的就是为了全面培养学生综合运用知识的能力，因此以项目小组的形式展开综合实训，不可能让每个学生将全部项目的所有内容都做遍。提高综合实训效果最有效的方式就是在固定的时间间隔召开经验交流会，让负责不同分工的同学展示自己在开发过程中的经验，技巧及教训。以项目验收的形式考核实训成绩。任何一个项目的开发完成后，最终要接受用户的验收，以此方式来考核学生的实训效果，能起到导向、检验诊断、反馈调节等多重作用。验收的标准是实训的计划任务书，验收的方式采取各项目小组配置好网站后，接受实训指导老师及其他学生的访问，根据各种功能的实现情况及页面整体效果给出总体评价。评价过程中既要肯定优点，也要指出不足及需要改进的地方，以对学生进行合理的评价。

四、总结就业导向是中等职业教育的必须把握的准则，职业技能的培养、适应岗位工作的需要应当成为高职计算机专业教学中必须强化的主题思想，因此，专业技能的实训显得尤为重要。网站建设过程需要使用多个专业课程知识， 是一门综合技能课程，从实训内容、实训组织形式等方面强化本课程的综合技能实训，能培养学生与就业岗位“零距离对接”所要求的综合职业能力。

参考文献:

网页实训总结例7

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2012） 16-0138-01

《网页设计与制作》是一门实践性、操作性和创新性很强的课程，它能很好地锻炼学生的动手能力和团队协作能力，并且还能紧贴市场，做到以典型工作过程为导向，进行实际项目的开发训练，使学生应聘的时候不再只是有理论知识，而没有任何实践经验。以此来真正做到理论、实践并行，与企业的工作需求接轨，培养应用型的专业人才。

《网页设计与制作》课程是我院多个专业的核心课程，如计算机应用技术、网络技术以及广告设计等专业都开设了此门课程，该课程对学生的操作练习有较高的要求，实训的教学内容都是融入在课堂教学中，由于课程安排的比较分散，不能有效地集中训练学生的动手操作能力以及策划设计网页的能力，学生在学完该课程之后，有的不能独立地完成网站规划和页面设计，有的设计效果不能达到预想的功能和视觉效果。因此，实训课程在《网页设计与制作》教学中起着比较重要的作用。根据《网页设计与制作》课程的这一特点以及我的个人教学经验，下面对《网页设计与制作》实训教学谈一下自己的意见和看法。

一、提高教师的专业技能

作为一名教师，他既是课堂的领路人，又是学生学习的辅导者，教师的专业水平直接影响着学生各方面能力的提高。职业教育传授的不仅仅是理论知识，还要传授学生操作技能，培养学生的动手能力。在高职的教学中《网页设计与制作》的实训课程主要就是培养学生的实践动手能力，要求学生能够通过所学知识做出优秀的作品，因此这门课程对学生的动手实践能力要求是非常高的，这就要求教师首先要具有较强的实践操作能力，只有教师具有了一定的项目实践经验，才能充分地指导学生完成优秀的网页作品。因此，教师平时就要注重理论与实践相结合，加强自己的企业实践，在补充自身理论知识的同时，还要不断提高自身的专业技能和实践能力。

二、多种教学模式相结合，培养学生学习兴趣

（一）通过优秀作品赏析，激发学生的学习兴趣

在授课初始阶段，准备一些精彩的网站案例，在课堂上演示。在展示优秀网站案例的同时，学习网页制作技术之前首先让学生欣赏优美网页，教师分析网站的整体设计、网页的结构布局以及颜色搭配，让学生边欣赏网站，边听教师讲解，在美的熏陶中，让学生能够感觉到一个好的网站不仅仅有宣传推广的作用，它更是一件艺术品，完成它是需要倾注心血的。

每个教学单元中都去展示相应的网站案例，并且在网站案例展示的同时，引导学生去思考网站的美工、布局以及样式等都是怎样完成的，自己能否通过努力完成这样优秀的作品。几节课下来，就有不少学生跃跃欲试，从而有效地调动学生的积极性，激发学生的学习兴趣。

（二）阶段测试训练

通过过程考核，提高学生学习的紧迫感，巩固学生的阶段性学习成果。

首先教师布置本次课的实训任务，并分析其实训要点；然后学生根据本次任务开始制作网页，教师进行辅导；实训完成后教师对实训过程中出现的问题进行分析解决，并选几位学生的网页作品进行展示，其他学生对其进行点评。

（三）拓展训练

可以通过课外兴趣小组集体活动等形式，提高学生的人文素养。课余时间充分利用网络资源进行课外拓展实践，如果遇到疑难问题学生可以通过”E-mail”和“QQ留言”的方式与辅导教师取得联系、化解难题。利用课外拓展实践的方法对于能力强的学生可以进一步提高他们的操作技能；对于能力差的学生可以解决他们存在的问题。

（四）项目实战训练

将实际项目引入进教学，并对其进行任务分解。

例如让学生制作各行业的门户网站，首先教师以客户的角色为学生布置项目，学生进行市场调研，撰写需求分析报告；然后学生自己制定项目实施计划，进行项目设计实施；教师再以客户的角色验收项目，进行评价；最后学生撰写项目总结。以这样一个过程让学生在开发实际项目中提高职业能力，培养他们的工程意识。

三、增加实训课程的课时，提高学生的动手能力

实训课程主要是在强化理论知识的同时提高学生的操作技能，因此实训课程必须是以学生操作为主，教师辅导为辅，在实训过程中帮助学生解决遇到的问题。从网站的策划、素材的搜集到网站页面的设计布局、网页的制作以及网站的测试与等等，学生都要自己独立去完成，在整个实训过程中学生会遇到不同程度的问题，教师可以在旁协助。学生就在这样一个不断遇到问题、解决问题的过程中提高自己的能力。实训结束后有不少学生会感慨到实训一个礼拜比上一个学期的课学到的知识要多很多。因此实训不仅仅是学生制作网站的过程，更是学生自我学习，自我提高，自我评价的过程。

同时实训的环境也是非常重要的，实训课程基本都是在微机室完成的，在微机室里学生可以实现一人一机，并且每台电脑都直接与互联网相连，学生在实训过程中，可以上网查找相关资料，搜集所需素材，解决实训中遇到的问题，同时还可以直接通过教师、同学的帮助快速解决问题。

四、结束语

《网页设计与制作》是一门专业性很强的课程，在教学过程中突破传统理论教学和讲解为主的模式，把课程中的理论内容，合理地穿插到实践教学中，把原来枯燥、单调的讲解通过实践环节让学生消化和掌握。通过实训达到高职高专学生的培养目标。体现以学生为本，最大限度地调动学生自主学习的积极性，培养了学生的综合能力，使学生掌握一门技巧，这样对教师也是一种锻炼和提高。

参考文献：

网页实训总结例8

《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。

1 什么是项目化教学

项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。

项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。

2 《网页设计》课程的项目设计

项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。

阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。

第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。

3 《网页设计》课程项目化教学的实施

（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。

（2）制定计划：学生制定工作计划，教师审查并给予指导。

（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。

（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。

（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践

4 结论与总结

项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。

网页实训总结例9

中图分类号:G642文献标识码:A文章编号:1009-3044(2010)02-511-02

Web Publishing Courses and Teaching Methods of Integration

YANG Jin-hua

(Xi'an Railway Vocational and Technical College, Xi'an 710014, China)

Abstract: Uses visits, discusses two forms, with the former years graduate, the computer network company technology manager carried on the communication, understood in the student practical work existed the question, as well as the computer network company to the quality computer college major in the homepage manufacture aspect ability's request, has analyzed the present quality computer specialty the question which existed in the offer courses as well as the teaching. In view of these questions, proposed the improvement means. First, when solid lesson the utilization situation teaching method, builds the environment which on own initiative the computer network company works, please enter the classroom company's technical experts, pays great attention in the computer company homepage manufacture flow two important link's trainings, pays great attention the skill the training. Second, the computer specialized graduation fieldwork may use the item of hillock practice. Third, to homepage manufacture related curriculum conformity. Reforms and explores, the student who after two year teaching profession raises in the homepage manufacture aspect employment ability enhancement, can adapt the computer network company's work very quickly.

Key words: web production process; teaching content integration; situational teaching methods; goes on duty for somebody else the practice

高职的教育,就是要教会学生日后就业的一门技术。也就是说,学生毕业之后,在很短的时间内,就能适应工作环境,胜任工作。高职计算机专业教学任务中,其中有一项,就是培养学生的网页制作能力。为了达到这一目的1高职计算机专业在教学计划上安排了网页制作方面有关的课程,例如:DreamWeaver、FireWorks或PhotoShop、html等。这些年来,笔者对一些从事网页制作的毕业生和用人单位进行了走访,学生普遍反映:课程开设的很多,但是课程的作用以及课程之间的关系不清楚,课程中工具的使用不熟练,理论与实际存在一定的距离。用人单位反映:学生在实际工作中,实做的能力,以及综合运用知识能力欠缺,处理问题时缺少一些技巧,对网页制作的流程认识不到位。在学时有限的情况下,如何培养学生具备应有的能力,熟悉将来就业的工作环境,使他们能顺利地走上工作岗位。笔者在实际教学工作中,曾担任过网页制作相关课程的教学工作。在教学实践中,获得了一些浅显的心得和相应的教学方法,希望与同行交流。

1 分析网页制作相关课程作用以及课程之间的关系

一般高职计算机专业,在网页制作方面开设的课程很多,但是从用途和功能上可以把它们分成三类:

1) 用于图形图像处理软件:PhotoShop或FireWorks,主要完成处理网页上所需图片;

2) 用于建立网页框架的工具软件DreamWeaver;

3) 网页编程Html或JavaScript或JSP或ASP或PHP,主要是用于网页的编程。

一个好的网页离不开美观、漂亮的图像图片。在高职计算机专业教学中,开设图形图像处理课程,讲授的是PhotoShop软件或FrieWorks。用PhotoShop进行图形图像处理,这也是目前网络公司使用的主流技术。光有美观的图片也不行,还要有合理的网页布局,以及要体现网页的主题思想。目前,网络公司是用DreamWeaver软件实现网页的布局,高职计算机专业教学中还开设了DreamWeaver软件课程。

用以上课程的知识,仅仅完成的是一个静态网页,如果想使网页实现一些功能,比如在网页的文本框中输入了用户名和密码,然后与数据库中的用户名和密码值做比较,判断是否一致。如果一致,要求从当前网页跳转到指定的一个网页上。如果不一致,给出相应的提示。这时就需要添加相关的代码。按照编程语言的难易程序,应该是先讲html、JavaScript,然后是JSP或ASP或PHP。总而言之,一个好的网页要涉及到图形图像处理,网页的布局,网页的编程。图形图像处理课程,实现的是网页中图片元素制作。网页的布局课程,实现的是网页总体规划和网页的主题思想。有了网页的总布局之间,才能在现有的代码中添加其他所需要的代码。课程的开设以及开设的顺序也应该按照这个顺序来安排。

2 计算机网络公司网页制作流程中的两个重要环节

目前,在计算机网络公司完成网页制作的流程中,有两个重要的环节。一是多数的计算机网络公司工作人员,用PhotoShop软件,大量的采用切图技巧,为网页制做了所需要的照片,然后用DreamWeaver,然后转换成源代码,供编程人员后期的编程使用。使用这种技巧,网页制作的速度快。二是计算机网络公司工作人员,用一种网络编程语言,完成网页的编程工作。

3 目前网页制作开设的课程存在的问题

3.1 课程开设的过多,课程开设的顺序不科学

一般高职计算机专业,在网页制作方面开设的课程过多。例如图形图像处理开设了PhotoShop和FireWorks课程。而在计算机网络公司多用PhotoShop,PhotoShop功能强大,所以开设PhotoShop。课程开设的顺序缺少科学性。PhotoShop处理的是网页上的元素,DreamWeaver实现的是网页上元素的布局。所以应该先开PhotoShop课程,后开DreamWeaver。在网页编程课程的开设上,也没有遵循从简单到难的顺序,而是直接开了所需的编程课,学生学起来困难重重。

3.2 课程内容上没有突出实用性

每门课程都有它自己独特的实用技术。在实际教学中,一般授课老师忽视了所教课程的实用性,只是遵守教学大纲和学时完成了课程的教学任务。在教学实施的过程中,没有把知识点和技能与现场解决问题的技巧联系起来,造成了学生既使是学习过的,但是在实际工作中还是不能灵活的运用,缺乏处理问题的技巧。目前高职院校的现状,授课老师一般都是从学校毕业后直接进入学校任教,缺少现场的工作经验。课程的理论与实践学时数比不科学。每门课都是老师讲的过多,而学生练习的很少。这就造成了学生学而不精,能力欠缺的现象。

3.3 教学过程中没有课程与课程综合实训的环节

目前高职院校一般都是将这些课程由不同的老师来授课的。每个老师都是各自完成自己所教课程的授课任务。在教学实际中,出现了只注重本课程的学习,不涉及其他课程。学完一门课程之后,虽然都安排有一周或二周的课程实训,但是只是仅仅的一门课程的实训,缺少相关课程综合实训的环节。在实际网页制作过程中,会使用到好几门课程的技能。正是因为缺少课程的综合实训,这就造成了学生走上工作岗位后,对实际的工作流程不清楚,综合运用知识的的能力差。

4 课程的整合以及教学方法的尝试

4.1 课程的开设原则

高职计算机专业开设的课程一定要跟着当前计算机网络公司的主流技术走,公司使用什么技术,专业就开设相关的课程,技术够用就行了。目前计算机网络公司图形图像处理就是使用PhotoShop。因此,图形图像处理课程就开PhotoShop就可以了。在课程安排上要遵循认知的规律,从简单到复杂。网络编程的课程从html、JavaScript到JSP或ASP或PHP。

4.2 课程与课程之间的整合

在网页制作中,其中最主要的课程应该是PhtotoShop和网页编程。同时考虑到知识的学习由简单到难,还要考虑知识之间的综合运用。把PhtotoShop与html,JavaScript整合为一门课程。7PhtotoShop是现在计算机网络公司正在流行使用的工具,可以完成美工方面的工作,同时也可以完成网页整个页面的布局。html,JavaScript是网页编程中最简单的,学生容易接受。课程的总学时60%可以用来讲授PhtotoShop,40%的学时可以用来讲授html,JavaScript。遵循知识够用就行,大量的时间让学生练习。课程实训时,把计算机网络公司网页制作流程,运用于学生的实训中,为学生创造了计算机网络公司网页制作的工作情景,学生在这种情景中得到训练,以适应日后的工作环境。同时又可以对学生综合运用知识的能力得到训练和提高。

4.3 在教学方法上,寻找新的尝试

实践性较强的课程。每一门课程的最后,都有一周或二周的实训安排。以往都是该课程的任课教师来指导。笔者做了大胆的尝试,这段时间,可以把计算机网络公司技术骨干或往届毕业生中已是技术骨干的学生,请到学校参与本课程的学生实训工作。技术人员可以把课程相关的技巧和现场上常用的技能传授给学生,弥补了学校老师授课时存在的缺陷。同时在实训期间,运用情境教学法,营造公司的工作环境,体现网页制作的两个重要环节,让学生熟悉网页制作的流程,以便毕业后,走上工作岗位很快适应工作环境。

4.4 走校企合作之路

笔者与计算机网络公司技术主管交谈时还了解到,其实计算机网络公司也很想为自己公司寻找可塑的新手。计算机网络公司还是看好高职计算机专业学生,认为他们经过了专门的、严格的职业训练。双方协议:在学生毕业实习期间,学校可以推荐一些学生到计算机网络公司进行顶岗实习,同时公司还给学生指定实训期间的师傅。这个过程中,公司可以了解学生,学生也可以了解公司,以便公司为自己物色人才。这只是合作的开始,更深一层次的合作,有待于进一步的尝试。

5 结束语

高职的教育,应与现场实际紧紧相联系。把往届毕业生和用人单位技术人员请进学校,和我们的老师座谈,发现我们教学中的问题,探索新的教学方法,这样才能真正提高我们的教学质量。

参考文献:

[1] 吴旭慧.中职学校《网页制作》教学改革的尝试[J].中国信息技术教育,2009(8).

[2] 刘显丽.网页制作课程的整合探究[J].辽宁教育行政学院学报,2005,22(2):125-126.

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

[4] 赵晓静.浅谈网站建设和网页制作的方法[J].电脑知识与技术,2008(36).

[5] 韩竹萍.中职《网页制作》课程教学改革探讨[J].中外教育研究,2009(6).

网页实训总结例10

1 教学内容分析

网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。

对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。

综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。

2 学情分析

2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。

2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。

3 教学设计思路

3.1 理念。基于工作过程开发网页设计课程。

3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。

表1 小型企业网站项目举例

序号 模块名称 知识点

1 建站准备 需求分析

2 规划设计网站 网站规划设计知识、网页配色

3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用

4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用

5 设计制作栏目1-公司概况 网站中字体搭配与排版

6 设计制作栏目2-企业相册 表格、网页中的多媒体应用

7 设计制作栏目3-产品展示 超链接、CSS

8 设计制作栏目4-留言板 表单、数据库访问

9 网站整合与 申请空间及上传网站等

3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。

单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。

4 教学方法与手段

4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。

4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。

4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。

4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。

4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。

5 考核办法