网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。
二、项目教学法在《网页设计》课程中的实施
（一）专业师资雄厚，开展校内督导
本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。
（二）组建学习团队，开展项目教学法
教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。
（三）团队合作探究、汇报交流
在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。
三、网页设计成果的评判标准与考核方式
在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。
（一）评判目的与标准
教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。
（二）考核方式
关键词：网页设计与制作 综合实训 案例教学 任务驱动
中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02
近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。
1 实训阶段
以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。
1.1 实训动员
在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。
1.2 实训过程
在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。
1.2.1 基本知识回顾
这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。
1.2.2 案例作品赏识
在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。
1.2.3 案例模仿操作练习
从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。
1.2.4 作品的选择、网站需求分析、站点规划
在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。
1.2.5 网站色彩搭配
网站的色彩就像人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，所以，网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说，模仿是最容易看到效果的方法。在站点规划完成的基础上，选择网站的主色调和学习色彩搭配。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差，编程对他们来说难度太大，他们走上工作岗位后一般不会从事程序开发工作，大多数学生毕业后从事的是网站美工等，因此，应该在网页美工等方面加强培养。
关键词：网页设计与制作；教学内容；教学方法
中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：
1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；
2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；
3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；
4)使学生能够用Flash进行网页动画的简单设计；
5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1 HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2 DIV+CSS网页设计
DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3 Photoshop图像处理
重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5 JavaScript程序设计
JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法
根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法
在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1 HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
2.1.2 DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
2.1.3 Photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4 Flas制作
实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5 JavaScript程序设计
实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：
1）举办讲座：资深开发人员的经验报告，网页知识讲座；
2）举办竞赛：我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。
参考文献：
[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.
【关键词】网页设计与制作，信息化，项目式教学法，实践技能
当今社会，网页已经深入到生活的各个行业。每天上网浏览网页、获取信息已经成为人们工作生活中的日常行为，对于企业来说，利用网站进行品牌宣传、利用网店销售商品也已经成为企业的工作常态和新的途径。对于高职院校电子商务专业的学生来说，设计和开发企业网站，对网店进行装修和美化是他们以后工作一部分，因此他们需要学习并快速掌握网页设计与制作技术。
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信息化实训教学软件的使用，提升了学生自主学习能力
在信息化实训软件应用到课程实训教学后，学生不仅可以在实训课堂上使用，还可以在课后进行反复练习，为学生的实训学习提供了极大的便利。同时，探索式的学习方法，趣味性的问答设置等多种特色，也极大的提高了学生的主动性和积极性，锻炼了学生的自主学习能力。
5. 总结
本文通过分析传统教学方法在网页设计与制作课程中存在的问题，探索了项目式教学方法的应用，并将信息化的实训教学软件融入到项目教学过程中。在这种方法应用以后，我们发现学生对这门技术类课程的学习兴趣和积极性显著增强。同时，通过分析课程结束后学生上交制作的网站作品可以看出，学生的网页设计制作技术水平明显提高。因此，在高职院校的《网页设计与制作》课程中，引入信息化教学手段，完善项目式教学方法，取得了明显的效果，可以进一步推广应用。
参考文献：
[1]方玲玉，陈炜. 商务网页设计与制作[M].北京：高等教育出版社，2013年.
关键词：网页设计；高职；教学设计
中图分类号：G718
《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。
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 考核办法
以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。
6 结束语
本文针对高职院校网页设计课程的教学设计进行了分析和探讨。首先对网页设计的教学内容和学生情况进行了详细分析，对症下药。对传统的教学设计、教学方法和考核方式进行了改革。经一年多的一线教学实践，学生的学习兴趣浓厚，网页制作能力明显提高。
参考文献：
[1]樊霆.刍议高职计算机教育存在的问题及对策[J].计算机光盘软件与应用，2013（21）：231.
[2]赵培琨，赵娟娟.Web标准化在高等职业教育中网页制作课程的地位和作用[J].大众文艺（理论），2008（05）：112-113.
[3]温荷.对高职高专学生特点的初步探索[J].中国教育导刊，2007（04）：35.
[4]戴士弘，毕蓉.高职教改课程教学设计案例集[M].北京：清华大学出版社，2007：103-104.
作者简介：王圆（1980.9-），女，吉林农安人，讲师，硕士研究生，研究方向：信息处理。
关键词：网页设计；模块化；探索
21世纪是科技的世界，更是互联网的时代，人们的工作、学习已离不开互联网，通过互联网发布和获取信息、展示部门、企业形象，开展网络营销等活动已成为一种新的流行趋势。无论是企业网络构建管理还是网站的开发运营，都需要靠实用型网络技术人才来实现，社会对合格的网站设计人才需求缺口非常大。高职院校为社会培养了大批网站设计人才，但真正符合社会需求的技术应用性人才仍然短缺。这一现象表明，计算机专业的教学和人才培养模式与社会脱节，高职计算机技术人才培养面临很大的挑战。
一、高职院校《网页设计》传统教学模式存在的问题
（一）《网页设计》课程具有实用性、操作性强的特点
在当前高职计算机传统教学模式中，教师通常根据“理论加实践”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌握的知识技能与具体工作任务和就业需要脱轨。
（二）实训环节还是模拟性实验多，内容单一，缺乏真实实践环境，学生未能通过实训有效地梳理所学知识，提高实践操作能力。
（三）一些高职院校学校的现行教材中教学内容比较滞后，脱离实际。实践与能力培养不够突出，专业实习、实训的设备与计算机技术的发展有一定的差距，学生的实验教学往往不能保质保量地进行。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会相关职业岗位的需要。
二、《网页设计》课程模块化教学体系的构建
高职院校的《网页设计》课程是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和发布流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中，将这些知识点合理地贯穿在课程的授课中，将课程内容分段模块化，以应用和职业能力为导向，打破以知识为中心的传统学科章节体系，将工作岗位所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。
在授课内容上打破以往教材只讲授Dreamweaver软件制作网页，或者以Dreamweaver软件为主，Flash、Firworks、Phtoshop几个软件都涉及，但是这几个软却是孤立讲授，学生在学习的过程中学到的知识是零散的，思想是模糊，在制作网页时很难从全局的角度出发，规划设计制作出合格的网页。为此，笔者打破原有课程体系的束缚，调整原有章、节的顺序，增加以往教材中缺少的网站设计的重要知识—版面设计部分，将课程内容结构以应用为导向“模块化”，共分为四个主要模块，每个模块下又分为不同的子模块，根据模块的特点采取与之相对应的教学方法和手段，培养学生的专业素质和能力。
课程的设置模块如下表（课程模块设置表）。
课程模块设置表
课程知识模块子模块学习任务能力目标
模块一 基础模块（一）子模块一 网页设计基础了解网页设计基本概念，包括Internet、WWW、HTTP、HTML等；了解网页设计基本流程；了解网页制作相关工具掌握网络、网页、网站等基本概念，掌握网站设计基本流程
子模块二 网页制作技术掌握站点的管理；文本的处理；表格布局网页；超级链接的创建；css样式表的使用；模板和框架网页；多媒体的应用；层与时间轴；行为的使用等熟练掌握网页制作相关的技术；掌握常用HTML标签的功能和使用
模块二 设计模块子模块一 网页版式设计掌握网页的布局理念；色彩搭配；phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面，并能将页面设计图形成网页
子模块二 动画设计网页页面中动画的位置、设计能利用Flash动画制作软件设计制作引导动画、Banner、导航菜单等动画
模块三 基础模块（二）动态设计了解数据库的链接；IIS的设置；动态页面创建的方法会用ACCESS或SQL创建数据库，链接数据库；会创建简单动态网页；会测试动态网页；能将给定的动态网页（如论坛、留言板）链接到静态网站中
模块四 应用模块模块一 综合设计用户调查分析；材料的收集分类；网站的整体规划；综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程，能独立规划、设计制作一个完整的网站（以集中实训的方式进行）
模块二 网站建设后期管理了解网站发布、网站测试、网站维护。会申请空间；能利用上传工具将网站上传到Internet上
三、《网页设计》课程模块化教学体系的实施
（一）合理安排各教学模块的课时，突出职业应用能力模块的教学
在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识，忽略网站设计知识，使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课，对于网页设计和制作基础等知识的理解接受能力较强的特点，在课时的安排上，基础模块部分只分配总课时的三分之一，设计模块约占总课时的四分之一，将剩余的将近总课时一半的时间分配在应用模块上，并以实训的方式，采用“真题真做”等形式进行教学，对学生着重进行实践和应用能力的培养，使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识，提高岗位技能。
（二）改革课程教学模式，提高学生学习效率
将整个教学过程分为两大任务—模仿型任务和实践型任务。模仿型任务主要是根据教师操作进行模仿训练，基础模块以模仿任务为主，目的是通过模仿训练熟悉基础网页制作的技术，为后面的学习奠定扎实的基础。 从设计模块部分开始，实践型任务就成为学生必须完成的一项重要任务，在这一时期的教学中，模仿型任务是模仿教师制作一个基本能够串连起教材知识点的网站。教师在上课时，首先向学生展示一个完整的网站项目，包括静、动态页面，让学生浏览网站的同时，分析网站的结构、页面布局、色彩的搭配、导航的设计、页面主要动画的设计等，使学生对具体的学习内容有了一个感性的认识，提高学习的兴趣。授课时将每个模块分成若干个子任务，让学生通过模仿子任务的操作熟悉相关知识点。实践型任务是一个由学生独立完成的网站，并将此任务作为学生的期考任务，由学生自定题材或根据教师指定的题材，在完成每堂课的模仿型子任务之后，自行搜索素材，根据所学到的新知识对实践型任务进行一定的设计与制作，为学生较好完成课程考核任务做好了铺垫。在教学任务完成后，学生对该门课程的知识即可形成一个完整的知识结构体系，学生基本能设计制作一个网站。在授课过程中，经常检查学生掌握知识的情况，给学生查漏补缺，弥补平时所学的不足。还可在学生完成的一些子任务中选出部分进行课堂演示和讨论，活跃课堂气氛，有利于学生记牢知识点。
（三）在课程实训环节“真题真做”，提高学生工作技能
实训环节是课程的一个重要部分，通过一段时间的实训，使学生梳理学过的知识，提高实践操作能力。我们在进行综合设计模块的教学时，即以集中实训的方式，采取“真题真做”的方式进行，让学生在真实工作情景中锻炼技能。一种方式是让学生参与计算机协会、团委等学生社团、甚至是学院系部、网站管理建设。如系部学生社团和系部各个部门在校园网上需充实、更新的网页、信息资源，系部制作的网络课程、精品课程网站等，都可让学生参与设计制作，学生在教师的指导下，或由高年级学生帮带，完成与“用户”的沟通，根据“用户”要求，搜集素材，参与项目的策划和实施。另一种方式是将学生带到与学院校企合作的实训基地，在企业中体验网站维护和建设的真实工作情景。这种真题真做的方式不但能让学生充分体验一个真实项目从开始到完成的全过程，检验自己的学习成果和实践能力，还可以考察学生组织协调、与人沟通、策划执行的能力，让学生得到一个综合性的锻炼。通过优秀网页作品的演示、分析，以及学生独立作品设计指导等措施注重提升学生艺术设计水平。
（四）以岗位和职业技能为标准进行课程考核
为增强学生综合应用能力，提高实践技能，期终考核采取两种考核方式，即“课程内容考核+实训考核”考察学生知识技能的掌握状况。要求学生两项成绩都合格，整个课程的成绩才算合格。
1、课程内容考核
《网页设计》课程的最终目的是要求学生应用所学知识，设计出个性化的特色网站。因此课程的考核采取项目开发与项目展示相结合的方式，即让学生在一段比较长的时间内完成一个完整的网站，再组织学生进行项目展示。在教学中后期阶段，也就是在进行设计模块的教学时，就要求学生开始着手收集资料，按照教师给定的主题设计一个具有自己特色的网站。教师设定网站设计要求：作品是原创，主题突出，内容健康，布局合理，色彩搭配合理，至少还有8个页面，深度至少包括二级页面；显示分辨率以1024*768为准，必须上交网站设计过程中所有的源文件包括png、psd和fla文件等；还要求学生上交作品说明（包含设计思路，进度计划等）这样可以考查学生作品完成的态度和原创性，同时也可培养学生实践操作和应用开发能力，发挥学生的学习积极性和主动性。作品完成后，再组织学生进行项目展示，让每名学生都对自己所完成的网站进行一个介绍。然后由老师、同学进行提问，演示学生现场答辩。最后综合学生的作品和提问的表现给出一定的分数。这样既考察了学生的动手能力，也让学生的口头表达能力、临场反应能力得到了提高。
2、实训考核
计算机网络专业的毕业生将来很有可能从事网站开发和网页设计工作，在如今的人才市场招聘中，经常会看到招聘的网页设计人员，必须通过相关认证考试，由此可见，认证的重要性。因此，将网页设计课程教学和网页设计师职业资格认证有机结合势在必行。在课程实训结束，要求学生进行职业证书的考核，考核成绩作为实训成绩。学生选考的职业资格证可以是国家劳动部的ATA网页设计师、目前社会认可度比较高的Macromedia认证网页设计师证书、Adobe认证网页设计师证书(ACCD)等。使高职生生能结合所学课程和专业，进行职业资格能力方面的学习，提前了解职业技能要求，提高职业素质、实践能力和就业竞争能力，缩短就业上岗后的适应期。这无论从学生角度。还是从企业角度看，都是一件“双赢”的事。
经过近两年的探索和实践，教学成效还是比较显著的，相对于以前学完后对网站设计制作无从下手的现象已经很少了，大多数学生能利用所学的知识独立完成一个完整网站的设计制作，页面效果符合规范；ATA考证合格率95%以上，相当一部分学生毕业后能立即上岗，用人单位评价良好。但教学改革是一个动态的过程，要根据实施过程中的具体情况灵活运用，并不断加以充实完善，以期取得更好的教学效果，
参考文献
[1]安颖莲.网页设计与制作课程教学设计与实践[J]．中国教育信息化，2007，(9)．
[2]沈志刚、于晓霞．“模块项目化”教学法在网页设计与制作课程中的应用[J]．福建电脑，2009，(5).
【关键词】
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
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 结论与总结
项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。
【参考文献】
每一位学生都拥有不同的兴趣和爱好，且他们对于知识的掌握能力也存在一定的差异性。所以，针对学生合理实行分组教学更能够跟个性化的教学模式相近，以积极提高学生学习知识的情绪和热情，从而达到创新教学实践的目的。具体而言，高职计算机网页设计教师可以从学生的学习兴趣及性格特征出发，将学生大致分为三个小组，针对每一个分组设立单独的学习目标。分组的方式是灵活多变的，教师也可以从学生的爱好及学习的实际情况出发，采取恰当的分组方式开展课堂教学活动。分组教学并不代表教师要在各个小组之间实施独立教学，因为网页设计工作拥有很强的整体性。所以在分组教学实行之前，教师要先让学生对网页设计的过程有一个整体的了解，并清晰阐述在网页设计教学中每一个小组占据的地位及应当发挥的作用，有效避免出现各个小组彼此孤立的不良局面。程序小组：这一小组的成员主要由理科成绩较好的学生组成，他们拥有较强的理科思维，有利于程序的编写；学生学习目标：对HTML、XML、PHP、ASP等编程语言有一定程度的掌握。美工小组：该组成员主要在那些喜欢绘画、制作动画、处理图像的同学当中遴选，并积极吸纳拥有一定计算机网页设计操作经验的学生；学生学习目标：熟练运用一些动画制作及图像处理的软件，如Flash、Photoshop、Firework等。框架小组：这一组成员主要包含那些学习态度不端正、学习能力偏弱、不太喜欢网页设计的学生；学生学习目标：学会应用一些常见的制作网页框架的软件，如FrontPage、Dreamweaver等。
2科学设置课堂教学目标
在传统的教学模式里，几乎固定了每一门课程的教学目标，而合理实行分组教学之后，计算机网页设计的教学实践得到创新。在高职课堂的分组教学中，每一小组需要掌握的知识结构均存在差异，因此教师要科学设置课堂教学的目标。这就如同是盖一座大厦，虽然每个部门负责的建筑任务不同，但都要在打好基础的前提下才能施工。所以教师首先要设置出一个基础的教学目标，帮助全班学生从总体上初步认识计算机网页设计的理念，熟悉其开发过程。当学生满足这一基础要求之后，教师再以每个小组的具体学习状况进一步实施课堂教学目标的设置。程序小组教学目标：在网页设计的整个过程里，程序设计部分是最复杂的，该小组的学生通常会被学习中的一些复杂问题困扰，极易产生厌学等不良情绪。此时教师应当多给予学生学生鼓励，并耐心为他们解释网页程序设计知识的重要性，告知他们程序设计的发展前景和就业前景，致力于提高学生学习的信心及积极性。考核目标：由于该小组学习内容相对复杂，考核的目标不能太高，可以划分为几个阶段，每个阶段都设置相应的目标，循序渐进地进行考核，美工小组教学目标：教师不仅仅要在课堂上教会学生操作图像处理及动画制作软件，还要重视培养学生的审美情趣，加深他们的美学修养。教师可以多为该小组学生展示一些美感较强的成功作品，为他们以后从事美工制作工作打下审美基础。考核目标：教师可以首先为学生提供一些素材，要求学生模仿这些素材完成网页设计，然后让其他学生进行评价，教师最后做出总结，为学生分析美工设计的优点、缺点。框架小组教学目标：该小组学生普遍存在学习兴趣低下的问题，不具备一定程度的知识掌握能力，因此教师要重视对他们实施鼓励教学，给予他们更多的知识讲解环节。教学创新的关键在于教师要想办法激发该小组学生学习网页框架设计的兴趣，为以后从事框架设计工作打下基础。教师可以多为学生准备一些成功、失败的网页框架设计案例，帮助学生仔细了解网页框架设计内容的搭配十分重要，从而逐步激发出学生的学习热情和信心。该小组学生应当得到教师的重点指导，在及时纠正学生学习上的种种不足的同时提高学生的被关注感，从而激发他们爱好学习的心理。考核目标：该小组学生学习的能力偏低，开始时教师不能设置太过复杂的考核目标，要以学生学习知识的兴趣程度及知识的掌握程度出发，分阶段设置不同的考核目标。
3加强学生实训实习环节
通过加强网页设计课程的综合应用类实训环节，教师能够帮助学生初步了解网页设计实践的重要性，在更好地掌握基本的网页设计方法的同时持续提高自己解决实际问题的能力，为以后走上企业的网页设计岗位奠定坚实的基础。学生的实训环节主要是实例实训，能够促使学生对网页设计的实际工作过程有一个真实的体验。当然，教师可以创新使用机房的网络资源，让学生在教师机跟学生机上安装配置Web服务器管理程序IIS，从而构建一个真实的实验环境，供学生熟悉网络及网站的开发、建立和管理等工作，促使他们能够在自己的计算机上完成网页设计的实训环节，从而深层次掌握网页设计技术。在就业过程中，计算机专业的学生务必要拥有较强的实践能力才能够得到企业的聘用。因此，高职网页设计课程的教学不仅仅要重视实训，同时也要加强学生的实习操作能力。在具体的教学实践过程中，教师要始终秉持创新的精神，积极跟一些企业联系，让学生进入到企业去实习，为学生提供切身体验网页设计工作的平台，这不仅能锻炼学生理论联系实际的能力，还能够提高他们的沟通交流水平及团队合作水平，加强他们的创新能力及应变能力等。有学者曾经指出：学校教学应当在课程安排方面适当加大实训实习教学的比重，因为高等职业教育最重要的人才培养特征正是实际应用能力。所以提高高职计算机专业学生综合应用能力的关键在于加强学生网页设计的实训实习环节，力求在教学实践上追求创新。
4鼓励学生参加认证考试
在当下我国的人才市场招聘里，我们通常会看到“招聘网页设计人员，且必须通过相关认证考试”或“招聘网页设计师”等招聘内容，因此，资格认证具备一定的价值。其一，认证能够证明自己的个人才华及能力，适当表现出了人员的技能职业化特征；其二，当前用人单位招聘录用、给出工资待遇最主要的依据已经发展成了认证证书；其三，个人品味及价值的提升在认证证书上得到体现，在一定程度上拓宽了人员的就业渠道，也提高了学生求职、工作的信心。面对这样的市场需求环境，高职计算机专业的教师有必要在教学过程中积极鼓励学生参加认证考试，尽量通过自己的努力考取网页设计师的认证证书。在证书的考取过程中，学生不仅可以系统地复习已经学过的网页设计知识，还能够获取新的知识，在提升学生个人价值的同时促使教学质量得到了巩固。
5结束语
关键词：网页设计；课程设计；教学方法
中图分类号：G4 文献标识码：A 文章编号：16723198（2012）16014701
网页设计是高职计算机应用专业一门操作性极强的必修专业课程，具有很强的岗位针对性，而现今传统的计算机应用专业毕业生的社会需求趋于饱和，单项专业性精通的人才却明显短缺。现今，各个高等院校纷纷开设了网页设计的课程，培养网页设计的专门人员，网页设计课程的教学显得尤为重要。为此，为了提高网页设计课程的教学质量，笔者从课程设置特点、课程设计、教学内容、教学方法、实验环节等多方面对本课程进行了积极的探索，并总结如下。
1 明确课程地位，彰显课程的特点
高职院校计算机应用专业开设的网页设计课程不是仅作为一门孤立课程存在的，它是要靠多门学科的知识给予支撑，并且它们之间相互渗透和依赖，而构成的一个科学的、完整的课程体系。网页设计课程的主要目的，是通过对本课程的学习，培养学生对该软件的实际动手使用和综合应用能力，使学生能够运用所学的知识进行网页设计，制作出专业的、精美的网页页面和网站站点，包括站点构建、页面设计、数据库和网站后期维护和管理等。其中还重点体现在它的教学内容实践性较强，能极大的激发学生的参与性，锻炼学生动手能力，培养学生的专业兴趣。教师在教学中也一定要注意理论与实践相结合，实践操作内容是教学的基础，应该给予学生充足的动手实践机会，使学生在学中练、练中学。
2 了解社会需求，调整课程设计
在信息迅速膨胀、网络飞速发展的今天，国际互联网也正以其惊人的速度空前发展，我国互联网的用户正在持续递增，该行业的人才缺口相当惊人，预计我国在未来10年大约需要200万名企业商务网站设计专业人才。因此，针对社会市场岗位需求，课程设计也应紧跟市场步伐，在课程设计中，应突出对企业网站和电子商务网站建设方面技术的掌握，如访问计数器、意见反馈单或各类商务单证、动画及广告模式、商贸业务及相关热门话题论坛、导航器及搜索引擎、菜单以及数据库等。为此在对传统网页知识技术掌握的同时，还必须有其他相关知识点的穿插，在动态网页设计和数据库方面有待加强，这样才能更符合社会市场的人才需求和对课程设计更具针对性。
3 及时更新知识，重组教学内容
当前计算机科学技术的日新月异，网页设计技术不断的更新，网页设计软件也层出不穷，学生对新知识的渴望也十分迫切，这就要求教师本身也要不断的加强学习和专业技能培训，更新和强化新知识新技术，同时根据专业培养的目标及企业的岗位需求重组符合实际的教学内容。目前，网页设计课程教学内容是以Dreamweaver作为主要工具，其中以静态网页设计作为学习的重点，主要培养设计人才，但在培养方面，也需要配以Flash、Photoshop等软件的介绍，使学生在熟练掌握静态网页设计技术的基础上，还应掌握HTML语言、JAVASCRIPT脚本语言、VBSCRIPT脚本语言、ASP、数据库等相关内容，为学生今后更进一步的学习打下坚实的基础。
4 注重因材施教，改革教学方法
早在孔孟时代就提出了“因材施教”和“授之以渔”的教育理念，学生在学习过程中，由于学生智能及动手能力各有差异的，因此，在网页设计教学过程中，教师更应该注重因材施教，教师可对本班学生情况进行分类，根据学生实际水平的差异，对不同水平的学生给予不同的要求，设计基本要求和提高要求两类题型，对能力较强的同学要求完成相应提高部分的题目。为此，不同的学生、不同的要求，对教学方法提出了更高的要求，传统的教学方法肯定不能适应学生的需求，改革教学方法就显得极为关键，网页设计实际操作性很强，相比那些理论性的课程，学生更容易产生兴趣，教师应利用这个特点，注重培养学生的动手能力，让学生在实际操作的过程中发现问题并解决问题。同时，在教学过程中，教学方法还应不断摸索和创新，采用多种教学方法并重的方式，除常规的教学方法外，还可以采用案例教学法，任务驱动教学法，讲练结合等教学方法，整个教学过程主要以展示案例、分析案例、讲解知识点、教师演示和学生操练，最后再进行综合案例的应用，这样既让学生对案例有了实质性的接触和学习，又能充分的去完成对知识的自我构建和强化实训。
5 加强实训环节，变革考核方式
网页设计是一门操作性和实用性很强的实训课程，实训至关重要，要提高学生实践动手能力，必须加强实训环节。在教学过程中的教学任务都应紧密围绕教学内容进行来设计实训，每次课都经过精心设计做成实训单元，每2节课为一个实训环节，并详细描述实训要求、实训目标、实训内容及步骤等。学生实训时将具体网站案例进行模块化分工，全班进行分小组完成各自实训模块，并且实训完成后要求写出完整的实训报告。同时，在对学生的考核方面，传统的考试模式主要是以理论考试为主，而这种考试模式对该课程很不适应，因此笔者将课程的考核分为三个部分：平时成绩（20%）+理论成绩（20%）+实训成绩（60%），其中平时成绩按每堂课的作业完成情况和学生考勤进行打分；理论考试注重学生对网页设计基础知识、基本理论的掌握，采用选择题判断题等客观题的方式进行，为学生进一步的学习夯实基础；实训考试则考查学生实际动手能力，以便学生学完本课程后能有一技之长，真正做到学以致用。
参考文献
