网页设计实训总结范文

导语：如何才能写好一篇网页设计实训总结，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。

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

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

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

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

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

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

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

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

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

（一）评判目的与标准

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

（二）考核方式

篇2

关键词 移动学习系统;网页设计;实训

中图分类号：G712 文献标识码：B

文章编号：1671-489X（2015）01-016-04

1 引言

高职类院校每学期都会开设一到三门实训类课程，在与实际工作环境十分相似的情况下，让学生完成真实的工作项目。教学过程中重视理论与实践结合，强调学生的参与式学习，让学生通过课程的学习，学到需要的技能、工作的经验、团队合作的精神、工作的方法等方面内容。以网页设计实训课程为例，它是在网页设计课程之后开设的一门独立课程，开设时间为两周。这两周内，学生只上一门课程，学时为60学时，其中教师讲授时间为10学时，其余均为实践学习，占4学分。当前在网页设计实训教学中主要存在以下几方面的问题。

学生作品实用性差 网页设计实训课主要让学生熟悉网站设计与建设的流程，最终完成一个网站的设计与建设。为了提高学生的学习动力，一般给学生的实训任务都是学校目前需要的网站，如某一精品课程网站的建设。一方面让学生真正做到学以致用，另一方面也可以作为学生学习期间的作品，为将来找工作做好基础。但是当实训结束后，学生的网站总会出现各类问题，如网页的Flash换一个浏览器后就会错位等，网站总有用户不满意的地方。这样就会导致用户的采纳率低，部分网站没有应用于实践，学生作品实用性差。

学生缺乏动力 网站的设计与建设其实是一个大工程，需要很多的时间和精力，如果中间没有激励，那么学生的开发动力就会渐渐不足，在完成的过程中拖拖拉拉，最后在课程快结束时草草收尾。这样一来，学生最终的实训作品会明显看出所下功夫不足。

缺乏与学生进行交流沟通的途径 学生、教师在实训课程中不是全天见面，而是采用每天定时交流的方式。学生在实训中难免会感觉烦闷，因为他们急切希望在自己一遇到问题时就有人帮帮他们，或给予他们思路上的点拨，或给予他们技术上的指导。

通过研究和分析移动学习的现状和特点，笔者发现利用移动学习解决以上问题是一个很好的思路。于是设计和开发了相应的移动学习系统，在功能的设计上充分体现“移动”的特色，开发适合移动学习的功能。系统有说明帮助、课程学习、移动助学、讨论交流四大功能模块。其中，课程学习支持在线学习和离线学习;交流包括短信、邮件、讨论等，综合了移动通信和网络通信，既有实时交流，又有非实时交流，具体如图1所示。

2 移动学习活动设计模型

移动学习系统应用实践是以移动学习活动设计模型（MLADM模型）为指导思想进行的，如图2所示。MLADM模型分为七个方面：需求分析、迷你活动设计、学习情景设计、学习支持设计、技术环境部署、约束条件分析、学习评价设计。具体在网页设计实训课程中的体现如表1所示。

3 学习策略设计

在网页设计实训课程中，教师可以设计一系列丰富多彩的学习资源和学习活动来激发学习者主动参与到学习中。移动学习系统在网页设计实训课程中的应用，主要学习策略有以下几种。

自主学习 网页设计实训课程是一门综合性比较强的课程，从学生能力角度来讲，需要学生具有网页美工能力、网页编程能力、简单网站建设能力、网页动画能力;从学习的具体内容来讲，涉及多种软件与程序语言，有Photoshop、

Dreamweaver、Flash、Access、IIS应用、ASP语言、HTML语言等。在短短的两周之内，学生要应用如此多内容，必然存在遗忘现象，这时学生就可以通过移动学习系统复习前面学过的网页设计课程，也可以在移动学习系统搜索自己需要的内容，为顺利进行实训提供了良好的条件。

学习反思 学习反思即是学生在学习过程中随时记录自己的思考或者与本课程有关的任何事情，把实训过程中的感受记录下来。由于手机的输入没有电脑方便，所以本移动学习系统在设计时对每次录入的字数有限制，提倡学生用不多的文字来表达。这样也符合学生的心理，简单几个字，把心情、状态、想法描述清楚。因此，学生在实训课程结束之后，写实训体会就很方便，可以直接拿过来用其中的内容，也可以在此基础上进行扩展。

首先，把自己在做的过程中喜欢的资源、觉得好的知识、学到的新知识点记录下来，构建自己对于网页设计知识的认识，作为自己的知识积累;

其次，随时记录的一点一滴给学生一种自信，让学生有信心一步步做下去，让学生有动力完成下面的工作，让学生看到自己的积累。

交流 网页设计实训课程中，学生可以随时随地利用移动学习平台和教师进行实时的与非实时的交流，可以采用各种方式进行交流。

首先，教师把移动学习系统可进行交流的方式告诉学生，如有短信、邮件、讨论、搜索网络，学生认为这是一个新鲜事物，愿意去尝试。特别是在讨论栏目中，伴随使用时间的增长，学生体会到使用平台进行学习的便捷、时效，能自发地进行沟通交流，对于遇到的问题、想发表的意见，能主动发表到平台上，丰富平台的内容。随着平台上各类信息的富集，过去的一些观点和意见也会被注意到，这些交流的内容不是在同一时间段交换思想，而是留在平台的讨论页面上，在其他时间段被别人注意到，达到共享。

信息处理 在学生学习过程中，信息处理能力的培养是必不可少的，如果学生能很好地进行信息处理，对他们实训作品的完成、网站设计与建设方面的知识的积累是很有益处的。在本移动学习系统应用中，需要进行信息处理的主要有搜索、评价、。

在搜索方面，主要是学生在遇到问题，或是制作过程中对技术不理解时，可以通过移动学习系统中的网络搜索进行搜索，为自己的作品积累一定的思路，也为自己问题的解决找到一个方向。

在方面，学生在搜索里发现好的有用的资源，可以将链接到讨论交流平台中，并过行推荐，供其他学生参考。

在评价方面，其他学生在讨论交流中如果看到这一资源，可以对的这些资源进行评价，如：它是否可以带来帮助？是否能解决心中疑惑？这样一来，好的资源就可以突显出来，便于学习。

学习内容推送 学习内容的推送是对课程教学中比较薄弱的方面的很好的补充。例如，在学生设计主页面那段时间，笔者就不断地给学生推送关于设计的内容，如一个网页几种色比较好，同色系的怎么搭配，多色时选择哪些色，什么类型的网页适合什么颜色，让学生对色彩的应用更深一层。由于教学时间短，这些内容在网页设计、网页设计实训课程的课堂教学中没有时间来完整进行讲述，所以在学生实训中可以推出。

同时，每天根据学生的进度推送他们在网页设计过程中有可能遇到的问题，可以推送不同类型的信息，如理论知识、设计原则、设计技巧、操作技巧、网页代码等。这样做，一方面让学生每天都有一种期待，提高学生的学习积极性;另一方面让学生了解正常进度，看看自己是快了还是慢了，在设计过程中自主进行进度调节。

4 学习评价设计

把学生的评价放在课程的每个环节中，综合形成性评价和档案袋评价的优势，形成本课程的评价模式。

1）课程之初，对学生要上传的基本文件进行要求，比如必须有网站主题相关信息说明、网站栏目计划、色彩计划、首页面初始设计、子页面初始设计等文件。

2）每阶段成果要求学生上传到移动学习系统，学生每上传一部分内容，教师进行打分，写出评语肯定其优点，指出其不足及改进措施。

3）当学生进行改进后，教师修改作品评语，给予激励。

4）当学生把全部文件上传后，教师针对学生的文档和他们在移动学习系统中的参与度，写出评语，给予分数。

5）在课程的最后两节课，学生整理自己的上交文件，按照事先的评价量规，对自己在本课程中的学习进行在线评价。

5 总结

通过移动学习系统应用于网页设计实训，通过与课堂教学的结合，一方面，学生在网页页面设计方面有了很大的提高，完成的网站美观度大大增强，主题色彩符合网站的受众心理，受到受众的欢迎;另一方面，由于学习过程中的不断督促与引导，学生的网站设计流程不再杂乱无章，而是循序渐进，符合一定的职业规范，最终让用户得到满意的成品。

同时，学生对于课程的反映也很好。一位学生在实训体会中写到：“实训，让我们知道完成一个完整的网站不是一件容易的事，它有一定的过程、思路和难度。在实训中，我们小组不断地出现问题，但是有这个移动学习系统就方便多了，和同学沟通容易了，和老师沟通容易了。其中，我们还返工了一次，就是因为及时的沟通，我们才发现了自己的错误，从而及时返工;如果后期返工，那我们的任务就有可能完成不了了。我喜欢这个移动学习系统，它让我们的沟通变得更快、更多样化，让我思考的时间更多。”

参考文献

[1]余胜泉.从知识传递到认知建构、再到情境认知[J].中国电化教育，2007（6）：76-78.

[2]王伟，钟绍春.利用多类终端实现移动学习的支撑系统研究[J].中国电化教育，2008（7）：108-112.

[3]方海光，吴淑苹，李玉顺：基于EML构建移动学习资源对象单元的研究[J].现代教育技术，2009（12）：75-79.

[4]张钰梅，王学明.大学生移动学习现状调查研究[J].中国教育技术装备，2011（18）：29-31.

[5]方海光，王红云，黄荣怀.移动学习的系统环路线图[J].现代教育技术，2011（1）：29-31.

[6]王敏娟，Barone T， Simpson S，等.移动学习的案例研究及内容分析：以mGage项目为例[J].现代教育技术，

篇3

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

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

篇4

关键词：网页设计与制作 教学 改革

随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。

1、课程性质和特点

在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。

2、课程教学目标

本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。

3、课程教学内容

根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。

《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。

4、选择教材和教学模式

这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。

4.1 优选教材

合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。

4.2 精心设计网页制作课程的教学模式

掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。

5、教学方法与手段

5.1 教学方法的改进

在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。

（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。

5.2 教学手段的改革

《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。

6、考核方式

该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。

篇5

关键字：工作岗位；项目教学

随着社会的发展进步，经济产业结构也在不断优化和调整，企业对员工聘用的标准也在不断提高，高技能人才需求大于高学历的趋势越来越明显，高技能专门型人才的缺口越来越大。对于高职院校的人才培养来说，把基于工作岗位的项目教学引入到高职课程教学，借鉴企业培训员工的工作流程和工作标准，使高职学生通过课程学习不断熟悉今后岗位的工作标准和典型工作任务，使学生在今后就业中能迅速适应工作环境并进入工作状态，有着非常重要的意义。

1 基于工作岗位的教学目标

《网页设计与制作实训》是计算机应用技术专业面向当前IT 产业的快速发展，各类网站数量迅速增加，各级各类企事业单位都需要建设本单位网站以满足宣传产品、沟通信息的要求而开设的，因此，网页设计与制作是社会需求巨大且有很强竞争力的一个就业方向。通过调查分析和调研，结合计算机应用技术（网站建设与图像处理方向）的专业特点，并结合学生的实际需求，为该课程制定了以下教学目标：

（1）知识目标：了解基本的网页设计配色布局方案；掌握网站建设的基本方法和技术要求；具有网页制作的基本设计理念；能根据网站功能需求设计网页制作的基本方案。（2）能力目标：熟练掌握网页设计和制作的软件（网页三剑客）运用能力；根据功能需求设计网站的布局、框架和配色方案等综合能力；运用所学知识解决网页设计中所遇到的实际问题能力；收集、处理信息、准备、加工素材的实践能力。（3）素质目标：沟通能力和协作精神；勤于思考、认真踏实的工作作风；运用科学技术和创新创业的理念；自主学习、不断进取、理论联系实际的综合素养。

2 基于工作岗位的教学内容

通过企业调研和岗位能力分析，我们明确了学生在将来要面向的工作岗位上，需要哪些专业技能，应该掌握哪些常见网站类型的设计，那么在教学的过程中就需要考虑我们教学生学习什么内容、教他们什么技能、学生将来拿什么进行就业等问题，这也是每一个教师在授业的过程中应仔细加以思考的问题。

根据教学内容确定的原则和计算机应用技术专业的就业岗位，本着“以能力为本位、以职业实践为主线、以项目课程为主体”的原则，确定其教学内容为：模块一、设计网页效果图：Fireworks、Photoshop 美工基础；导航和切片、热区。模块二、网页动画处理：Flas制作；SWF动画运用；Gif动画图片的制作。模块三、网页制作方法：HTML语言基础；运用Dreamweaver制作网页；Javascript脚本语言；CSS样式；Div+CSS布局。模块四、基于项目的网站开发：模仿学院教务处网站开发；了解企业真实项目的工作过程；实践网站前台的整体开发。模块四、学生综合实训：自选主题，制作网站；培养综合实践能力；方案设计和实践操作能力。另外，每一个模块都采用项目任务的方式来讲授知识点和操作技能，课程内容序化与重构，遵循职业成长规律。

3 构建符合工作岗位的教学方法

对于计算机专业的高职学生来说，学生在学习这门课程时，主要表现出以下几种情况：学生英语基础薄弱，害怕编写网页代码，碰到简单的代码就产生恐惧感，且过分依赖于网页设计软件的视图编辑，势必阻碍了网页技能的提升；学生专业基础不强，学习主动性较弱，热情和兴趣持续时间短，这就需要老师为其设计出既能引发学生学习兴趣，又能涵盖较为全面的操作技能的项目案例来进行教学和练习；学生运用知识的能力较差，学习过的技能到真正动手操作练习和真正独立设计网页时，却不能根据实际条件灵活运用已学过的网页知识，此时才发现很多知识点并没有掌握，结果导致部分学生失去学习的信心，这也需要老师为学生提供更多的独立练习和实训的机会，为其巩固操作技能。

在教学过程中，我们主要采用模块化的教学内容，用项目法进行教学；案例教学，强化实训；启发引导，激发兴趣；分组活动，角色扮演。在教学过程中我们主要采用案例教学法、角色互换法、直观教学法、分组讨论法、任务驱动、教学做一体化等教学法，通过这些教学方法将学生的学习与教师的教学、理论知识与实践技能的掌握、实际案例的制作和学生的综合评价结合在一起，使学生的学习积极性、实践参与程度、职业技能的掌握程度得到一个较大幅度的提升。

在项目实践过程中，教师依据学生职业能力形成规律，采用网页设计与制作的实际工作过程来进行实训，其流程如下图1所示：

4 综合提高学生的岗位就业能力

毕业后的学生最终是走向市场，为了实现应用型人才的培养目标，让他们在走出校园后能快速地适应市场、顺利地进入面向的职业岗位就业，在教学过程中可以从以下几方面综合提高学生的岗位就业能力。

（1）以赛促学。为了更好地促进实践教学改革、提高学生的动手能力、增强毕业生的就业竞争力，我们鼓励学生参加各类网页设计大赛，培养学生创新创造精神、团队竞争意识、实践动手能力以及创业素质，是练兵和实战的好机会。如我们组织学生参加全国信息技术应用水平大赛，学生的动手能力、创新能力和自学能力有了很大的提高，为其今后的就业奠定了一定的基础。

（2）工学结合，引进实际项目进行教学。教学中要体现项目的真实有效性，充分激发学生活跃的思维和主观能动性，除了从真实的工作岗位中提取教学案例外，还要尊重学生的学习兴趣，找一些生动的项目案例供学生学习实践，让学生直观地看到自己进行动手实践后成果，清楚明了学习内容和工作任务。此外，教学项目的难易程度要与学生认知水平相符，并给出学生一定的思考和发挥创作的空间。如该课程中我们引入了浙江东方职业技术学院教务科研处网站这个真实项目进行实训，整个开发过程都模拟了实际的工作流程，在完成过程中老师给予指导和帮助，学生通过不断实践去熟悉企业工作模式，并在不断的实战演练中提高自己。

（3）顶岗实习，置身于真实工作岗位。学生顶岗实习是高职教育的特征，是教学与生产实际相联系、培养学生熟练职业技能和适应职业变化能力的重要保证。我们专业已与多家企业签署了顶岗实习合作协议，组织学生赴企业顶岗实习，聘请有深厚学术研究水平的专家担任本专业顾问，让他们结合专业发展以及专业教学等方面提出好的意见，为专业办学提供一些发展性的建议。通过以上的方式，学生不再对企业感到陌生，并能很快进入职业岗位，实现无障碍就业。

通过多年的教学，总结出授课教师也要具备过硬的专业岗位能力，在基于工作岗位的项目教学实施过程中，教师除对理论知识进行传授讲解外，还要负责实训环节的项目指导工作，更重要的是肩负着教学项目的设计、开发、管理和评价等多重工作，因此，授课教师必须具备过硬的专业岗位技能，要熟悉工作流程和岗位标准，制定出合理的工作任务分解表和任务量化考核表，这就要求教师一定要多去企业一线进行岗位实习锻炼，充分掌握工作岗位信息，并且要多了解目前行业发展和行业人才需要，掌握更多更优的技能操作，以便在教学实践中更好地指导学生进行项目操作。

参考文献

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

[2] 阮卫华.高职院校“网页制作”课程教学设计与实现.中国科技信息， 2008（9） .

作者简介

篇6

当前国家高度重视教育，同时对职业教育的改革和发展也提出了更高和更明确的要求。如：2004年教育部《关于以就业为导向，深化高等职业教育改革的若干意见》，指出“高等职业教育应以服务为宗旨，以就业为导向，走产学研结合的发展道路。高等职业院校要主动适应经济和社会发展需要，以就业为导向确定办学目标，找准学校在区域经济和行业发展中的位置，加大人才培养模式的改革力度，坚持培养面向生产、建设、管理、服务第一线需要的‘下得去、留得住、用得上’，实践能力强、具有良好职业道德的高技能人才”。2005年，《国务院关于大力发展职业教育的决定》明确要求大力推行工学结合、校企结合培养模式，并规定高等职业院校学生实习实训时间不少于半年。2006年3月30日，教育部出台《关于职业院校试行工学结合、半工半读的意见》。2006年11月，周济部长在国家示范性高职院校建设视频会议上提出，“今后一段时期，我国高等职业教育的主要任务是加强内涵建设，提高教育质量。”2006年12月14日教育部《关于全面提高高等职业教育教学质量的若干意见》（以下简称《意见》）。《意见》明确了高职院校培养高职能人才的服务面向是“走新型工业化道路、建设社会主义新农村和创新型国家”三个方面，并提出九条意见：深刻认识高等职业教育全面提高教学质量的重要性和紧迫性；加强素质教育，强化职业道德，明确培养目标；服务区域经济和社会发展，以就业为导向，加快专业改革与建设；加大课程建设与改革的力度，增强学生的职业能力；大力推行工学结合，突出实践能力培养，改革人才培养模式；校企结合，加强实训、实习基地建设；注重教师队伍的“双师”结构，改革人事分配和管理制度，加强专兼结合的专业教学团队建设；加强教学评估，完善教学质量保障体系；切实加强领导，规范管理，保证高等职业教育持续健康发展。

2 学生的学习现状

此次学习型实训的实训科目是动态网站开发，分别采用jsp和php技术完成，需要学生具备程序设计和网页设计与制作等预备知识。学生前期知识有C语言程序设计，Dreamweaver网页设计制作课程，符合学习型实训项目的基本要求。但是，从《网页设计制作》课程的教学内容和学生对程序设计课程的实际掌握情况来看，又相差甚远。《网页设计制作》侧重静态网页的制作基础知识的讲授，与动态网站开发中网页制作技术的衔接，与实际的行业技术要求有一定差距。另一大难点是，学生对程序设计课程的掌握，《C语言程序设计》是学生学习程序设计的入门课程，就以往的教学经验看，每个班中只能有少数几位同学能够喜欢并领会程序设计的思路。另一部分同学能达到教学的基本要求；还有部分同学因为不喜欢看到英文，所以对程序设计课程也有抵触情绪。总之，如何让学生学好动态网站开发，最大的难度在于如何激发学生程序设计的兴趣，提高程序设计的水平。

3 学习型实训在教学方法改革中的几点尝试

生产性实训是完全贯彻了工学结合的教育理念，为了能够培养高素质技能型人才而做出的大胆尝试。学习型实训的重点在于“学习型”，不仅仅是为帮助学生补充知识，更是要指导学生如何提高学习能力，古人说得好“授人以鱼 不如授人以渔”。而要制定符合学习型人才培养目标要求的学习型实训实施方案，同样需要必须贯彻工学结合的教育理念。

3.1 从分析学生未来工作岗位和岗位能力入手，制定学习型实训的实施方案。 在学习型实训的方案制定中，必须根据企业提出的学生就业岗位和岗位能力要求，明确学生未来的就业岗位是什么，岗位能力要求是什么，岗位核心能力是什么。为了做到这一点，指导教师主动联系在职的企业人员，了解网站开发行业的流程和对岗位能力的要求，要进行岗位能力分解，明确在网站开发行业中所对应的岗位和岗位群，对应的基本岗位能力，岗位核心能力，同时结合生产性实训的总结，从而制定学习型实训的实训目标和实施方案。

网站开发行业中需要有团队合作，根据实际项目和公司规模决定团队的人数，其中必不可少的是美工和程序设计人员两个岗位。学生未来的岗位则是后者，程序设计员的岗位技能要求有：HTML，JavaScript，数据库，动态网站开发编程语言（如：PHP，JSP，ASP，.NET，C#，Java等等）。

结合生产性实训的任务，学习型实训的实训目标和实施方案中突出了动态网站开发团队精神的培养，动态网站开发中几个知识技术点的学习和应用。

3.2 根据岗位能力的确定和分解，结合生产性实训的需求，明确实训任务和实训的学习过程。 按照“干什么，学什么；缺什么，补什么；要什么，给什么”的原则，遵循行业规律、高职教育规律、学生自身成长规律，确定培养岗位能力所对应的培养目标，在此基础上，明确实训任务。

当时网页设计制作的流行技术是DIV+CSS，动态网站开发普遍使用的编程语言是PHP，JSP，数据库则是MySQL。而注册、登录、留言板、BBS是动态网站中必不可少的几个功能模块，根据以上的调查和了解，教师确定了具体的实训任务。为了提高学生的学习能力，在实训任务中制定了学生的学习计划，如：网上有规范的DIV+CSS教程，安排学生自学这部分知识，并给予相应的指导。因为学生是通过自己摸索、研究和实践而掌握的，所以印象深刻，在同学之间、老师和同学之间一起探讨的过程中，也提高了兴趣，达到了很好的效果。

3.3 在确定主要实训内容的基础上贯彻工学结合的教育理念，设计实训过程。 根据高素质技能型人才培养目标和岗位能力的要求，针对学生的共性和不同的个性特点，以培养提高学生的职业素质为重心，以培养提高学生的能力为重点。按照职业素质、岗位能力、岗位能力拓展以及学生岗位能力提升的不同要求，教师设计出各个实训环节。

自学环节：DIV+CSS网页制作技术；

讲授环节：网站的架构；数据库知识；PHP，JSP开发动态网站技术；

篇7

一、课程设计思路

基于工作过程的课程体系开发是以职业岗位工作过程为导向，以职业技能为中心，以学生为主体。实现知识传授与职业能力训练相结合、学历教育与职业资格证紧密结合。重视专业技能和综合职业能力考核，培养面向生产、建设、服务和管理第一线需要的高技能应用型人才。在基于工作过程的课程开发过程中，遵循“岗位导向、注重过程（工作过程和开发设计过程）、多能（专业能力、方法能力、社会能力）并重、细化标准”的原则，按照“工作任务（职业岗位的典型工作任务）——行动领域（工作任务的分析归纳）——学习领域（工作过程的课程开发）——学习情境（教学过程的方案设计）”的步骤进行。

二、教学模式

针对课程的设计，我们主要在课程中采用了以下几种教学模式：

1.诱导性教学模式。诱导性教学模式是教师设置各种诱惑因子、引导学生主动学习的高校教学改革的新模式，它源于以行为主义的强化理论为基础的刺激控制教学模式。我们在课程的教学过程中会通过提问和讨论的方式来诱导学生进入课程内容，主要采取这种教学模式指导学生选取网站的主题，让学生选取自己喜欢的主题，然后去网上搜集与主题相关的资料，在课程学习过程中应用进去，从而刺激学习的积极性。

2.任务驱动团队合作的教学模式。合理地构建基于“任务驱动”团队合作模式学习小组，既是学生合作的基础，也是实现学生群体合作的基本手段。我们可根据学生的智力，能力，性格，心理素质等情况给学生进行分组，采取组内异质，组间同质的模式。注意合理搭配，将内向的同学与善谈外向的同学组合，并兼顾男女比例，以保证学生能够最大限度的互补，互相帮助，发展智力，培养能力，使小组合作在短期内便能获得成效。如将全班分成若干组，每小组6至8人。在基于“任务驱动”团队合作模式学习的课堂上，教师可根据不同的课型，教学内容，教学环节来利用不同的小组模式进行教学。在进行如对分析网站主页等规模较大的活动时，可以采用自由讨论的形式，在进行网站布局时，可采取两人一组的形式，在页面设计时，可采用多人一组的形式。

3.网络教学模式。网络教学模式是指借助网络实现教学的一种新型教学模式，在该模式下，教师利用计算机网络向学生传递教学信息，或学生通过计算机网络获取学习的知识并向教师反馈，这样既能提高学生的学习兴趣，促进学生积极自主学习，又能加强师生的交流和协作研讨；它还突破了空间和时间等的限制，能够很方便的实现教学。我们在教学中主要是在实践课上通过机房的局域网实行教学，共享资料。

三、教学实施过程

1.开发动员。项目开发前，要做好学生的学习动员工作。让学生了解实训的意义、所需的技术、学习方法以及考核办法等方面的内容。通过展示案例效果或者历届学生的优秀作品等手段来启发学生的学习兴趣，使他们能够积极主动地参与到实训中来。

2.分阶段实施。在实训当中主要按以下步骤：

第一步，先对班上同学进行随机分组，一般6-8人一组，然后用2课时的时间进行讨论，由各个小组通过交流与协商选定本组的方向，并要对网站的设计主题、栏目组成及网站风格达成统一意见；

第二步，第一组作为客户，第二组作为开发团队；第一组将自己讨论出的网站主题及要求告诉第二组，由第二组进行开发，并在开发过程中实时和第一组同学进行沟通，以达到第一组同学的要求。其他组依此类推，即第二组作为客户，第三组作为开发团队这一个过程需要12课时；

第三步，验收，2课时。由各个开发团队派代表演示所完成的网站，介绍实现的各项功能及特色，并有各个客户首先进行验收是否达到要求。最后由开发团队自评+客户评分+教师评分三方共同给出评价。

四、考核方法

课程考核是检验教学质量和教学效果的主要手段。考核办法设置的是否合理，将直接影响成绩的合理性和客观性。在网页设计与制作课程考核中如何全面的检查学生的知识和能力，是我们一直在思考的问题。经过多年的实践经验，我们总结出如下的考核方法。

考虑到集中实训的特殊性，我们采用“客户模拟+项目开发+现场答辩”相结合的考核方式，主要的评分方法按照以下表格中的各项进行。

篇8

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

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

篇9

关键词：案例教学法 网页设计 应用

目前，许多中、高级职业院校都开设了网页设计与制作相关课程，它已成为计算机应用、电子商务和计算机网络等专业的必修课，同时也是其他专业选修率较高的一门课程。笔者学院计算机教研室教师在多年教学实践的基础上，本着知识系统、全面、够用、实用的原则，在重视实践能力培养的方针指导下，引入案例驱动法开展教学，帮助学生在最短的时间内快速掌握最实用的网页设计与制作知识。

一、案例驱动法的内涵

随着教学改革的不断深入，案例教学法、任务驱动教学法、项目教学法等等各种新颖的教学方法引入到日常的教学工作之中。在教学实践中，采用单一的教学方法往往无法发挥其最大功效。而案例驱动法是构建于案例教学法与任务驱动法两者之上的教学模式。它是指教师在课堂教学以及实训教学中以实践案例为引导，激发学生学习的主动性与自觉性，充分发挥其在教学过程中的主体地位，从而真正体现职业院校计算机教学系统、全面、够用、实用的原则。

二、学情分析

以往职业院校在开展计算机教学时，盲目照搬照抄普通中、高等学校的教学模式，导致课堂教学“水土不服”。要真正搞好职业院校的计算机教学，首先必须做好学生的学情分析。每到新学年的开学之时，笔者就采用问卷调查的方式对所任教班级的学生进行摸底评测，通过调查结果发现，随着普通高中的扩招，职业院校的生源素质逐年下降，偏远农村的生源比例越来越高，但他们的文化素质却逐年降低。以笔者所任教班级为例，在初中阶段系统接受过计算机基础知识系统教育的不到10%，接触过计算机的占50%，能够熟练操作的不到5%，还有30%的学生从未接触过计算机。因此，教师在教学过程中应因材施教，合理安排教学内容，灵活运用教学方法。

三、案例驱动法的实施

1.情境激发

许多学生由于计算机基础较差，导致其在教学中无法跟上教学进度，进而产生怕学、厌学的现象。因此，在教学中应采用情境激发的方法在第一时间集中学生的注意力。所谓情境就是为学生创设一种使之身临其境的学习意境，以此强化感性认识，激发学生兴趣。为更好地激境，笔者根据新的教学理念，注重审美体验，在新课引入时，采用了多媒体教学的方式。

2.案例驱动

新的职业院校计算机教学鼓励学生在感受、体验、参与、探究、思考和合作等学习活动的基础上，进一步学习基本的计算机知识与技能，体验计算机学习的过程和方法。为此，在案例设置这个环节要充分考虑学生的基本素质，由浅入深、循序渐进。如在讲解编辑矢量对象时，以汽车标志的绘制为案例，引导学生首先新建一个Fireworks文档，画布大小为300*150，分辨率为72像素/英寸，颜色为白色（#FFFFFFF）。选择“椭圆”工具，在文档编辑区域内按住【shift】键画一正圆，颜色为黑色（#000000）；然后选择“编辑”“复制”命令，在同一位置复制出相同的图形，修改其颜色为白色（#FFFFFFF）；选择“修改”“变形”“数值变形”命令，将克隆出的白色圆形缩放至原始大小的85%；再选择“视图”“标尺”命令，在文档编辑区显示标尺；选择“视图”“辅助线”“显示辅助线”命令，并从上标尺和左标尺中各拖出一条辅助线，用于定位两个同心圆的圆心；再选择“多边形”工具，先在“属性”面板中将其改为3边的星形，然后从辅助线的中心交点直接向外绘制星形直至内圆边界处，颜色为黑色（#000000）；最后选择“部分选定”工具，对三角星形的各个控点分别进行调整，产生最终的图形效果。

3.总结评价

篇10

网站建设与规划 职业教育 全真项目模拟

高职高专人才培养是紧紧围绕学生职业应用能力的形成而展开的。在学生职业能力形成过程中，来自职业一线的项目实战环节至关重要。纵观高职教学计划，实践课程课时数占到总教学学时的50%强，可见高职教学对实践环节的重视程度。如何有效的组织实践教学就成了关键之所在。

一、实训课题的确定

最好的实践课题无疑是来自职业一线的项目，达到项目甲方需求就是追求目标，但商业项目一般都有着严格的时间与质量的要求，在校高职学生能够真正胜任者很少。商家经过权衡一般不会把关系自己利益的项目赌在毫无保障的学生身上。在设计这个行当内，这种现象似乎更加严重，“新手”与“老手”的差别就在这里了，学生很少能够争取到真正有经济利益关系的项目用于实践教学（即使真的争取到了也通常不敢全部拿到实训课上）。

这就使得实践课题的确定成了个问题，没有项目的情况下如何做项目实训？自然，全真项目模拟是解决这个问题的一条比较好的途径。教师确定的实践题目应该尽量接近真实项目，只是要求相对宽松。随之而来的问题就是教师能否把握这样的实践课题，能否抛开书本紧贴职场需求，这样的实践课题无疑对教师提出了较高要求，这也许是高职“双师型”教师需求的初衷。

二、组织实施

1.分组

先学生自愿组合、后教师调配安排，对全班同学进行分组，3～4人一组，采取组长负责制，由组长统筹安排其他组员的分工。

2.规划网站

在制作网站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结网站的风格特点，并把自己的心得介绍给老师与同学。

3.细化任务，分工合作

本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，结合《网站建设与规划》课程的教学内容，成立项目小组，设立项目经理来负责每个小组完成一个网站。

4.实施项目

学生确定各自在小组内的分工及小组成员间合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题。此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见。同学间可相互提示帮助，教师根据学生的掌握情况进行及时补充。对学生在应用上有困难的地方，教师提供给他们解决问题的方法，让班上绝大多数学生能完成基本的教学内容。

5.小组成果展示

网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分工，这会更加促进学生的团队意识。

6.评估总结

学生在完成网站设计后，教师要求他们进行网站的自评、互评。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计。学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。

三、效果总结

《网站建设与规划》实训课程在实施全真项目模拟后使学生通过这门课程的学习真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个实训过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

实践表明，全真项目模拟突破了传统的实训教学模式，真正体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技能，从而更适应社会发展的需要，对教师也是一种锻炼和提高。

四、附件

综合实训项目案例：电脑报价系统的制作。

1.项目名称

电脑报价系统的设计与制作

2.项目的提出

以某电脑公司产品销售为例，设计一个在线进行电脑销售的平台。客户可以根据不同的需求选择不同的电脑配件，组合起来后构成一个完整的电脑系统，并且给出每一个电脑配件的单价及组装完成后整机的价格。

3.项目实施过程

（1）学生分组

（2）确定项目学习目标

通过浏览相关的作品网站之后，确定各组网站的框架、风格、结构和内容；确定网站的内容主题之后，各小组及时收集相关素材；综合运用所学的知识进行本班级网站的设计和制作；培养学生的协作精神，增强集体意识。

（3）对五个小组分别负责的模块进行划分

电脑报价系统网站中的五个子功能分别是硬件查询、模拟装机、后台管理、产品修改、用户注册。

4.项目教学在网页课程教学中的评价

（1）对学生网页设计作品的评价

对学生网页设计制作的作品的评价部分，通过网页作品制作评价量表来实现。

（2）对项目教学后的调查问卷分析

为了了解学生对项目教学这种新的教学方式的认识和适应情况，在项目教学结束之后，课题组对该班级进行了动态考察，包括学生对于学习《网站建设与规划》实训课的态度、对全真项目模拟教学法的评价等。

参考文献：