中图分类号：G642 文献标识码：A 文章编号：1009-3044（2016）08-0121-02
Abstract： Web Design is a practical course， according to the problems encountered in the actual teaching， project teaching mode is introduced， in the process of the project can improve the students' cooperative communication， discussion， such as organization and presentation on basic skills.
Key words： higher； the teaching reform； Web Design
1 背景
《网页设计》是综合应用信息技术的课程，它主要有：网站建设dreamweaver、图像处理fireworks、网页动画flash等。为后续的《网页程序设计》、《交互式网页动画设计》等编程课程的顺利进行做好铺垫。针对这门课程使用项目化教学法可以将比较零碎的知识内容变为许多个项目块，然后再根据项目来展开具体的教学，这样整个项目过程学生们都可以参与其中了.这种教法就是以学生为中心，教师只是起到一个协助的作用，以设计的项目为支点、知识内容为依据来完成整个学期网页设计的教学过程。采用这种实践方法可以让学生更深切的理解课本中的理论知识，培养了学生在实际项目中解决问题的能力，有利于开拓学生的思维。
2 项目化教学模式实施的必要性分析
《网页设计》包含的内容很多，涉及图形图像的处理技术、程序设计基础、动画设计、网页制作技术等，其目的是让学生能熟练图像文字及媒体的链接、表格的布局、互动表单的制作等网页制作的操作技能。首先，这些内容在规定的学时内依据课程的章节按顺序讲完是非常困难的。其次，即使能讲完学生也只能简单复制不会自己发挥创造，这样主观能动性根本不能发挥出来，违背学生普遍的认知规律，最后导致学生感到枯燥，打击他们学习的积极性。将《网页设计》的具体教学内容和教学任务分别进行项目化组织和实施。根据这种项目教学模式可以将规划网站和网站整体设计的知识与个人能力融合起来，可在一定程度上解决教学时数与教学内容以及教学中学生职业技能的综合培养难以系统协同的问题。使专业人才培养的能力目标得以实现。
3 项目化教学模式的实施
首先，我选取dreamweaver、fireworks 和flash这三个软件来完成整个网页设计的图片处理、动画设计及网站规划。以制作网页为主线，涉及哪个知识点再有针对性的讲授，这样知识要点也掌握了，同时学生更清楚自己的需求及该知识的运用。
为了更好地将理论知识应用到实践中来，这门课程的知识讲解及实验都应安排在机房完成，在机房环境下可以比较真实的模拟网站项目的运作情况，通过具体的上机实践将讲授内容直接应用到项目之中。项目化实施模式可以分为基础知识讲解、项目的设计、项目小组任务分配、项目小组的实现和评价四个阶段。
对于没有任何编程基础的学生来说，我采取循序渐进的方法来安排我的项目化教学。在项目设计之前，先讲述图形图片的处理及动画的制作的原理，并以最直观的上网浏览的方式逐步讲解。这种方式在实践过程时，学生的兴致普遍很高，主动学习的欲望明显增高。
在学生了解并掌握基本网页知识之后开始我们的项目的分析与设计。它也是进行项目教学实施最为关键的一步。我们在课堂教学中设定的项目要符合教学大纲要求，既要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。这样，既可以保证学生在完成项目的过程中努力学习，又让学生体会到成功的喜悦。
根据学生的兴趣爱好和门户网站的主流趋势，我们设计了这样几个项目：门户网站的欣赏、郑州科技学院校友录（学生参与度较高的一个子网站）、个人网站（模拟QQ空间或个人博客）、淘宝网个人网店板块及优秀企业网站。
门户网站的欣赏：让学生浏览搜狐、新浪、百度、雅虎等大的门户网站，通过浏览这些主流网站可以让学生对网站布局、图文排版、色彩背景搭配等等进行初步了解，同时也会产生学好网页设计这门课程的想法。另外通过学生平时上个人QQ空间、个人微博等积累的个人网站知识，都会对自己制作网页有一定的影响。
郑州科技学院校友录：这是一个具有我们学校特色的网站，可以作为与学校往届师兄师姐交流的一个子网站。通过使用表格布局或DIV+CSS设计布局，可以让学生掌握几种网页布局的方法。制作导航板块时需要自己动手制作漂亮的导航条，这样就激发了学生使用fireworks制作想要的图片，借机可以让学生学习如何处理图片的知识和技巧。利用这种方式学生比较容易接受，可以达到较好的效果。在展示历届学长照片时采用“marquee”标记来制作滚动图片时，采用先欣赏引导再讲述尝试制作的模式，让每一个学生都产生较大的兴趣，自然会事半功倍。
个人网站：为了更好的展示自己，学生们可以自己积攒生活或学习的素材用网页的形式展现出来，供更多的人认识自己。因此设计个人网站项目可以调动学生们学习的积极性与主动性。很多学生每天会逛一逛QQ空间，对这里的布局非常熟悉，让他们动手模拟这类网站也很有兴趣。通过制作这类个人网站可以掌握网站素材的制作技能，也就是图片的处理，以及使用不同的布局方法来制作网站的技巧与方法。 淘宝网个人网店板块：随着网络技术的飞速发展，便捷的网络购物已经成为购物的主流方式。这个项目需要老师提供需求和技术支持，学生分组完成项目实施过程。目前淘宝网站是非常成熟的购物类网站，其中的个人网店板块的需求分析师非常明确的。使用需求分析之后，可以根据小组的讨论结果商定一个合适的LOGO和色彩搭配进行主题的设计。这就要求小组成员之间的分工和合作、讨论和商议，无形之中就将课本知识的内容应用到整个项目过程中了，不仅如此还锻炼学生们之间协作沟通能力、研讨、组织等基本能力。
优秀企业网站：在目前的互联网飞速发展的大背景下，不论企业规模的大小，都想拥有自己的网站来展示自己的企业，因此设计该这个项目特别符合社会的需求。班级项目小组应在老师的引导下，完成从网站的分析、设计和实现的全过程，在项目中可以规划出该企业的主页、新闻动态板块、人力资源板块、企业文化板块、服务与支持板块等。学生们通过制作这样一个完整的企业项目为以后进入社会接手这种类型的项目打好坚实的基础。
其实每个项目的实现需要分配出项目任务，在课堂上组织的每个项目我们都会分成若干个子任务，根据项目的具体操作步骤分配项目小组，每个小组由4-6人组成，可以分别担任各种角色，包括客户、经理、分析员、程序员、测试员、验收人员等等。这些项目的角色要轮流担当，互换角色，让每一个角色都能亲自体验。通过这种分工合作让学生们的智慧得到最大程度的应用。
接下来就是项目实现，在这一过程中，各个小组结合其自身的项目计划来实施项目。具体来说，每一个小组成员都必须做到下面的两个要求：一方面，必须保证具备团结协作意识，提升工作效率；另一方面，每一个小组成员都必须详细记录具体的项目操作流程。在项目实施的过程中，教师不应该放任自流，而必须进行适当的引导。考虑到每一个小组成员在进行主页的设计过程中，存在着分工的差异，负责图片处理工作的学生和负责版式布局的设计的学生一般并非同一个人，这就导致处理得到的图片可能会和布局规格不吻合。这就要求教师引导学生根据设计图来科学合理地设计网页。在具体实践的过程中，学生可能不能够达到计划书中的部分预期的设计效果，比如，不能够准确地定位内容等等，教师有必要加以引导和帮助，以便保证项目的顺利完成。
最后是项目评价，包括自我评价和教师评价两种。 首先小组成员自我评估，然后教师会根据项目分工情况进行整体和细节审查与评价。根据提出的意见，每个项目小组成员之间再进行整改，不会的技术问题有老师和学生们共同讨论，最终找到解决的办法。
4 注意事项
我们进行的项目化教学在其实施的过程中，学习的主体是学生，充当引导者角色的是教师。因此在选择教学项目时不但要结合实际更要有典型性，在课堂上实践的项目既能用到课本的基础知识，又能通过该项目使学生触类旁通。另外就是教师的角色问题，老师本人要彻底改变传统的在讲台讲授模式，要从单一课堂的讲授角色转变为项目小组的技术顾问角色。因为每个学生的基础和理解接受能力的不同，所以来时也要兼顾项目小组成员的个性差异，做到不同能力的学生可以完成不同的项目，能力较强的学生引导更深层的学习。
5 结束语
通过引入项目化教学方法超越了传统式的教学模式，同时也充分地调动了学生们的学习《网页设计》这门课的积极性，更拓宽了学生的思维模式、发挥了潜能、培养了个性和团队精神，更提高了学生的自信心和成就感。使用这种教学模式让课堂教学不再是单纯的老师教学生学，而变为学生为主线从始至终参与到项目的全过程之中。学习知识不再是盲目地学习，而是主动的积极的学习，实现了学生和教师的“双赢”。
