时间：2023-02-25 18:14:46
关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用
中图分类号：G642文献标识码：A文章编号：1009-3044（2017）30-0199-02
《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。
1微课在《网页设计与制作》课程教学中的应用现状及存在问题
微课在当前的教育领域应用广泛，它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中，运用微课这一新媒体开展授课过程已经成为潮流，它深入探索了当前学科教育的教学思路与教学模式，在不断发展进步的同时也面临着诸多困境。
1.1应用现状
微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例，它就首先在高职院校内部建立了教学资源平台，营造现代化教学环境，并以微课作为切入点来推动教学改革进程，某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的，它所谈到的“设计”主要对应于艺术层面，而“制作”则与技术层面相对应，所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中，应该将每一个知识操作点都作为微课视频来制作，即通过微课视频形式来导入课程案例，并整合知识点，深化教学课程的系统性、规范性和完整性。
1.2存在的问题
当然，在《网页设计与制作》课程中引入微课教学模式，它也存在一定现实问题，这些问题或来自于教学本身，也来自于学生和学校，具体来讲可以总结归纳3点内容。
首先在教学方面，《网页设计与制作》课程本身在学术性质方面存在复杂性，即它所涉及的知识点体系规模非常庞大且复杂，可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说，它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术，也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上，由于知识体系太过庞大和复杂，高职生很可能无法做到多点知识技巧兼顾，也常常会出现顾此失彼的情况。
其次在学生方面，客观讲高职生的文化与专业能力都存在严重的参差不齐，相比于普通高校学生有一定差距，这是我国职业教育领域所一直存在的弊端问题，难以回避。高职生整体素质偏差，特别是基础教育功底薄弱，没有良好的学习习惯，在课堂学习过程中也表现出定力和认知能力不足的严重缺陷，这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。
最后是学校方面，许多高职院校在信息技术教学领域的应用研究并不到位，甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术，其所设计的教学方案还仅仅停留在课件制作表层层面，不能基于信息技术深入教学辅助过程，无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用，导致微课应用前景并不理想[1]。
2微课融入《网页设计与制作》课程教学中的意义
微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。
从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。
从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。
第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。
第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。
第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。
3微课在《网页设计与制作》课程教学中的实际应用
基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合，例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来，然后再进行相应的教学知识点延展，配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程，在动手动脑制作过程中激发他们的设计学习兴趣，促成探究式深入学习过程。
本文以《江南水乡》的网页设计与制作教学为例，教师先要教会学生如何创建网页，包括对文本信息的插入与文本内容的设置，以及表格布局网页的基本方法技巧，最终独立制作完成简单的文字网页与网页背景，为整个教学过程奠定基础。如上文所述，该课程就运用到了自主探究式教学模式，教师会为学生创设情境，然后要求学生进行自主探究，在探究过程中发现新知，最后渐渐掌握知识技能，实现教学设计与应用过程的程程递进。在该过程中，教师需要引导学生去不断深入探究，并辅助他们发现问题，同时寻求问题解决的有效途径。
3.1知识提取
在《网页设计与制作》这一课中，对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取，提取那些典型的、适合于微课开发的重要知识点。在教学环节，教师要为学生创设情境，激发他们了解江南水乡的学习兴趣，通过播放多媒体课件（约3分钟）来让学生了解江南风光的同时，也明确该微课设计脚本中所涉及的关键知识内容，例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等，先从人文角度让学生总结归纳关键知识内容，进一步了解江南。
第二步，教师要为学生引入与网页制作相关的更多网页页面设计理论知识，比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中，促成网页设计与制作过程。举例来说，像图片插入，它就包含了菜单插入法、代码以及快捷键（Ctrl+Alt+I），教师要让学生去逐一探究这些图片插入方法，并能够灵活运用于实际操作过程当中。同理，插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进，最终达成知识提取目标，让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的，它们对于学生深入学习《网页设计与制作》具有关键意义。
3.2教学过程设计
该教学过程设计的重点在于如何正确插入图片、视频音频文件，并了解该插入设计方法的基本功能属性，特别是在插入flash动画的透明属性设置。另外，教师也要教授学生更多元素的插入方法及相应属性，并教会他们如何表格布局，将网页设计得更美观，并能够灵活运用这些网页设计制作技巧。
在实际的教学过程设计中，教师会首先个创设情境，引入本课的主要教学内容，即《江南水乡》的网页设计与制作，为学生列出微课学习任务列表，为学生播放微课内容。微课播放完毕后，教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法，提出问题任务，让学生或独立或小组合作完成任务，快速推进教学进程。
3.3教学总结
最后教师要进行教学点评总结，先要展示学生的《江南水乡》网页设计制作成品，并要求学生进行作品汇报，随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中，制作者也应该总结自己在设计制作过程中所遇到的各种问题，与大家共同分享制作过程经验与难点，这样更能提高师生对自身作品的关注度，并在总结评价过程中总结经验教训，为下一次更好的作品设计制作奠定经验基础。
将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力，转变他们传统的计算机专业课程学习方式，为他们营造基于新媒体环境的新学习空间环境并创新学习手段，实现对整个学科教育体系的全面革新。
作者：支馨悦
参考文献：
[1] 赵永红.高职院校微课教学策略探究[J].中小企业管理与科技，2014（5）：263-264，265.
一、课程情况
《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
四、总结
高职学生思维活跃，好动手，但是其学习基础较差，没有良好的学习习惯和学习方法，教师在实际的教学活动中应当充分发挥其优点，改变其缺点。在本课程的教学活动中，我们的教学思路和课程内容体系的重构都是围绕这点来设置的，在实际的教学活动中取得了较好的教学效果。
作者：钟永全 唐琴 单位：桂林电子科技大学职业技术学院
[关键词]网页设计与制作 职业能力 教学改革 实践
[作者简介]周小丽（1973- ），女，浙江江山人，浙江同济科技职业学院艺术系，副教授，硕士，研究方向为数码媒体设计与制作。（浙江 杭州 311231）
[中图分类号]G642.0 [文献标识码]A [文章编号]1004-3985（2013）08-0127-02
随着互联网的快速发展，越来越多的单位、部门以及个人利用建立网站进行信息的、交流和互动。电子商务在日常生活和工作中越来越普及，社会对网页设计和制作人才的需求越来越大，对人才水平的要求也越来越高。目前有相当一部分高职院校都开设了“网页设计与制作”课程。学生通过这门课程的学习，掌握静态网站设计、制作的流程和技法，锻炼静态网站开发能力，既可以确定毕业设计的创作方向，也可以设计和制作个人网站来展示自己的优秀作品，有利于就业率的提高。
一、“网页设计与制作”课程教学存在的问题
“网页设计与制作”课程是浙江同济科技职业学院（以下简称“我院”）电脑艺术设计专业的一门专业核心课程，涵盖了站点建立与维护、网页布局、网页元素定位、超链接技术、CSS样式应用、网页动态效果创建、网站测试与等方面的内容，将网页设计与Dreamweaver网页制作软件技术紧密结合，主要培养学生网页美工设计和静态网站开发能力。从学生就业应聘情况和已从事与网站建设相关岗位的毕业生反馈信息来看，目前本课程的教学主要存在以下几个问题：
（一）学习被动，学生的实践能力差
长久以来，“网页设计与制作”课程多是采用理论课与实践课交替进行的授课方式，老师先讲解专业知识点和软件技术操作示范，然后让学生凭着记忆或是课堂笔记进行模仿操作。教学内容枯燥，学生学得被动，学习积极性得不到很好的激发。有的学生不愿听枯燥的理论知识，不愿做老师布置的上机作业，而是玩游戏、玩手机甚至旷课，导致对专业知识的掌握不牢。由于基础理论与专业理论不扎实，学生在遇到问题的时候不能迅速给予反应。理论内容与实践内容的脱节，使学生不能有效整合陈述性知识与过程性知识、理论知识与实践知识，就是认认真真在模仿操作的同学也不能把所学的知识很好地迁移到实际工作岗位上去。
（二）眼高手低，学生的动手能力差
学生看教师在示范时只是鼠标单击拖动，自认为很简单，不愿认真学习，等到实践课上自己操作时，面对给有具体操作步骤的任务不屑动手，认为过于简单，而对于没给操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍。学生没有在自己动手的实践中掌握职业技能、习得专业知识，无法构建属于自己的经验和知识体系，到了实际工作岗位上便无所适从，不能独立地制订计划并付诸实施，无法将所学联系实际，不具备解决问题的能力。
（三）缺乏沟通，学生的适应能力差
从毕业学生反馈的信息来看，学生缺乏沟通意识，没有客户至上的理念，导致适应工作岗位的能力较差。有的不理解客户的要求甚至将其置之不理，而是根据自己的审美观自作主张进行设计；有的对客户的要求理解错误，给客户造成很多的不便。因缺乏沟通或沟通能力弱而造成返工，不但降低工作效率，还影响客户对自己的信任，难逃老板的批评和指责。这些后果容易诱发学生的情绪化，进而影响下一步的工作，陷入恶性循环。于是在这些学生眼中，工作变得无趣，没有成就感，更有甚者无法继续工作。
要解决以上问题，在教学改革中应以职业能力为核心，整合教学内容，采用多种教学方法相结合，让学生既掌握足够的理论知识，又具有很强的实际操作能力，很快适应工作岗位。改变传统课程教学模式，在“网页设计与制作”课程教学中以真实网站建设项目为载体，将整个课程所涉及的知识点穿插到项目中。把本课程内容整合为网站策划、网页设计和网站制作三大职业岗位模块，以模块化和任务驱动方式进行教学设计，根据各模块所涉及的知识点，设计一些由浅入深的模拟制作任务，采用案例教学法对模拟制作任务进行实战式教学训练，同时结合“学院艺术系”网站建设这一实际项目进一步要求学生独立自主完成实践任务，使学生在任务完成的过程中彰显个性，轻松掌握网站建设的工作流程、技术知识和方法。
二、“网页设计与制作”课程教学改革实践探索
在充分了解企业对招聘人才的核心要求与我院教学特点的基础上，笔者在网页设计课程教学中采用阶段性集中授课方式，按照工作过程重新整合、序化教学内容，按“项目需求分析—网站框架界面设计—网站素材设计与处理—网站页面制作—网站测试与分布”等工作任务的完成为驱动，以学生为主体，通过课内与课外相结合的方式，应用项目化教学、案例教学和任务驱动教学法将知识、能力、素质三方面的考核融于项目完成过程中，形成了一套由“专业知识、软件技术与工作流程”组成的三维知识体系，让学生学会设计制作的同时，掌握一线工作需要的技能。
（一）教学方法
1.项目化教学法。以实际项目为载体，强调分析、解决问题能力的培养。在“学院艺术系”网站设计与制作过程的基础上构建学习项目，以完成岗位工作任务为主线确定“网站建设方案编写、网站设计、网站制作”三大模块内容，这样的教学内容贴近职业实际，能激发学生的学习兴趣。按照工作主线提取不同的能力目标，分配到网页基础知识储备、编写网站建设方案等11个不同的模拟制作任务中，主要培养学生在从事网站设计与制作工作时的分析、解决问题的能力。然后设计独立实践任务，让学生在完成任务的过程中有效巩固所学知识，进一步熟练网页制作技能。
2.任务驱动教学法。以模拟制作任务和独立实践任务为载体，强调技术应用能力、工作能力及学习能力的培养。教学中设计11个模拟制作任务，把知识穿插在任务中。通过任务背景分析、操作步骤详解、知识点拓展等流程，启发学生思考。学生在解决问题中掌握知识，通过任务将所学用于现实问题的解决，从而锻炼动手和解决问题的能力。另外要求学生完成独立实践任务部分，强化学生技能应用能力训练和自学能力训练。
以制作学院艺术系网站引导页任务为例，具体操作如下：（1）背景分析。通过艺术系网站，扩大艺术系的影响力，促进师生之间、校企之间、家校之间的沟通。（2）任务要求。更好地体现“学院艺术系网站”的特色，吸引浏览者，给浏览者留下深刻印象。（3）任务分析。在设计前对艺术系网站的用户需求进行详细的分析，定位网站风格，可以使用图片或Flas制作引导页，以图片作为引导页首先使用Photoshop设计好引导页效果图和Flas，然后进行切片，最后使用表格布局，并把Flas、切好的图片置入网页中来吸引浏览者，提高访问量。（4）素材准备。设计好效果图，制作好Flas。（5）任务制作。（6）知识点拓展。切片的概念和优点、切片技巧、设置表格属性、设置单元格属性。（7）解决问题。为了提高网页的浏览速度，往往需要把大图切成小图。
在任务制作过程中进行知识点拓展教学，有针对性地让学生在理论知识够用的同时掌握知识获取方法和途径，提高学习效率。教师要考虑知识够用度，也要考虑知识点的完整性，因为技术的发展会影响学生职业的变迁。要给学生足够的知识面，在选定知识点时既要针对岗位群，留有适当的余量，结合技术的发展及设备的更新给学生职业所带来的影响。在整个教学过程中，侧重综合职业能力与职业素质的培养，融教、学、做为一体，尽可能适应以“能力本位”为主旨的学生为主、教师为辅的新型教学模式的需要。每一个模拟制作任务都对能力目标、知识目标提出明确的要求，强调“能用什么做什么”，充分体现本课程教学与就业岗位能力要求的密切联系，使学生的学习更加具有针对性和实用性。
3.案例教学法。案例教学法是将实际的网页设计与制作案例引入课堂，真正做到实战式、探索式、启发式教学，它不同于单一的网页效果制作，而是将理论教学与实践教学有机结合，着力培养学生的积极性和主动性，能够提高学生的实践能力、创新能力，促进课程教学的改革与创新，达到更理想的教学效果。如本项目中的“网站首页设计与制作”任务，对于艺术系网站首页要有自己的个性，通过首页展示整个网站的风格与内容。这没有统一的标准，学生需要把学到的知识与技能在首页设计与制作中体现出来，把创意设计与Dreamweaver软件制作技术紧密地结合起来，有力地培养学生的创新能力和实践能力，推动学生专业技能和工作能力的快速提升。
（二）作品展示
作品展示可以充分调动学生学习的好胜心和竞争意识，提高学生学习的积极性。在展示学习成果时，要求学生上台汇报，阐述自己的观点，其他同学可以对提出的观点进行交流、探讨，充分发表自己的意见。要求学生对项目任务学习效果进行总结，进一步提高专业能力，同时锻炼语言表达能力。
（三）考核评价
注重完成项目任务的过程，而不仅仅是最终的结果。考核评价方式采取形成性考核和独立实践项目任务完成情况考核两部分相结合的方式， 所占比例为6∶4。形成性考核主要是对学生的模拟制作任务完成情况、学习过程中的学习行为表现等方面进行考核评价，独立实践项目完成情况考核主要考核学生综合运用所学知识解决问题和实际开发设计的能力。
独立实践项目完成后，按照评分要求和细则，根据学生自评、学生互评、教师总评相结合的方法对学生的作品进行评价。学生自评，不仅有利于学生自主学习，而且有利于课程或教学设计的改进；学生互评，引导学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见；教师总评，对学生作品综合评价必须要有“重过程、轻结果”的意识，这是对学生劳动成果的一种肯定，也是对学生的一种激励。注重的是任务完成的过程，即学生自己探索钻研的过程，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生自愿进行网页设计与制作。
三、结束语
通过实施“网页设计与制作”课程教学改革使学习过程成为一个人人参与的创造实践活动过程，学生自己处理、克服在项目任务完成过程中出现的问题和困难，灵活运用新学习的知识和技能来解决实际问题，有明确而具体的作品成果展示，采用学生自评、学生互评、教师总评相结合的方式共同评价作品成果，不是只注重最终的结果，而是更加关注学生完成项目任务的过程。学生在项目任务实践过程中，理解和把握课程要求的知识和技能，积累项目经验，总结经验教训，培养分析问题和解决问题的能力，从而提升综合素质。只有进行课程教学改革，网页设计与制作课才能提高教学效率，实现教学目标。
[参考文献]
[1]张健.职业学校电脑美术设计专业教学改革初探[J].现代阅读，2011（5）.
[2]王清政.模块化教学在网站设计与制作中的应用[J].科技资讯，2008（24）.
关键词：网页设计与制作；教学内容；教学方法
中图分类号：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].
1《网页设计与制作》课程教学中存在的问题
结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：
1.1不够积极主动，学生实践能力不足
长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.
1.2不够实事求是，学生动手能力不足
教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.
1.3各方缺乏沟通，学生适应能力不足
结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.
2《网页设计与制作》课程教学模式改革策略
在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：
2.1强化教学内容改革
高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.
2.2强化教学方法改革
2.2.1案例教学法
要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.
2.2.2项目化教学法
选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.
2.2.3任务驱动教学法
将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.
2.2.4激励教学法
要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.
2.3强化教学手段改革
2.3.1联机教学
借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.
2.3.2开设
《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.
3结束语
总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.
作者：逯杉楠 单位：绥化学院文学与传媒学院
参考文献：
《网站创作始于规划》选自上海科技教育出版社出版的《网络技术应用》第四单元《网站的设计与评价》。本单元以网站设计为工作任务，让学生通过完成网页制作的过程，亲历利用信息技术加工信息和表达思想的过程与方法，同时将网络技术的基础理论与实际应用技能有机结合起来。在网站制作中，一份详细的规划书有利于指导创作过程，而我们学生所缺少的也正是这种统筹规划能力，因而我从实际出发把网站的规划单独提了出来，以网页规划设计表为载体设计了一课时的教学内容。本节课的《普通高中信息技术课程标准（实验）》要求是：通过开发实践，学会规划、设计简单网站的基本方法并能够根据网站主题要求设计评价指标。从课标和教材可以看出，本节内容至关重要，有着承上启下的作用。承上：承接必修教材中《信息作品的集成》环节。启下：本课是《网站的设计与评价》单元的开篇，网页规划的合理与否，主题的确定是否恰当，小组成员的分工是否详细，对于后续的网页制作起着至关重要的作用。
学情分析
高一学生经过近一个学期的学习，已经具备了一定的信息获取、加工、管理能力，同时了解了网络技术的基础理论，对精彩的网页很感兴趣，非常向往掌握网页制作的技术，很想亲自创作网页作品来表达自己的想法进行有效交流。但他们会忽略电子作品制作的前期规划，对于网页设计的一般流程，以及如何确定适合的主题、如何在作品中体现主题，缺少必要的经验，因此本节课有必要在规划设计方面加以训练。
教学目标
知识与技能目标：了解创作电子作品的一般流程，理解网页规划的重要性；能够根据网站主题要求设计评价指标，对网站的质量与运行状况进行评价。
过程与方法目标：通过赏析、评价网页作品，了解网页规划的设计要素，提高审美意识；能根据任务需求，确定主题，进行科学规划，初步掌握网页规划的方法。
情感态度与价值观目标：通过小组合作，感受同学友谊，增强集体意识和协作意识；学会欣赏他人的劳动成果，提高艺术修养和审美情趣。
教学设计思路
通过赏析网页，让学生感受优秀网页所具有的特征，了解网页规划的设计要素，形成网页规划设计的思路。通过往届学生网页作品投票和评分的过程，明确网页规划的注意事项，初步了解网页评价量规，激发学生的创作兴趣。最后，结合实际表达需求，小组协作，确定创作主题，进行创意设计，完成网页规划设计。
教学过程
1.创设情境，导入新课
师：因特网在全球的迅速普及和发展，为人类开启了一方全新的文化空间。在网上我们可以浏览各种各样的网页，获取无穷无尽的知识。因特网上的每一个网页都从属于某一网站，可以说，包含着各种信息的因特网就是由无数的网站组成的。只要拥有了一个属于自己的网站，你就可以在茫茫的网络世界中拥有一片属于自己的天空。同学们想不想做一个属于自己的网站呢？
生：想。
师：网站也是一个信息作品，请同学们思考前面学到的信息集成的一般过程。
生：确定作品主题—规划设计作品—采集处理素材—制作加工作品—测试作品。
师：那么网站的制作流程是什么呢？
生：网站的规划—素材的搜集、加工—网站的制作—网站的测试与—网站的评价。
师：由网站创作流程我们可以看出，网站创作、始于规划，本节课我们学习网站的规划与设计。要求以小组为单位制作一个网页规划设计表。
设计意图：导课承上信息集成的一般过程，启下引出网页创作流程，揭示规划的重要性，从而点题。
2.规划开始，确定主题
这是一个承上启下的教学环节。时间不长，但作用很大。首先提出问题。
师：同学们平时都喜欢去什么网站？
生：百度、新浪、人人、QQ、4399……
师：这些网站要表达的主要内容，也就是网站的主题是什么？
生：百度是全球最大的中文搜索引擎，新浪以全面而及时的新闻而著称……
师：主题是信息作品的灵魂，由大家来制作网页，你想表达什么主题呢？你对哪方面的主题感兴趣？提示确定主题的原则：小而精，目标定位准确，积极、健康、向上，网页名称有创意，符合主题（幻灯片展示）。
设计意图：明确主题的含义，了解主题的重要性，它是信息作品的灵魂，思考启发网页主题，为后面的制定规划做铺垫，提供选题参考。本环节主要采用谈话法，谈话法的运用，有利于建立民主平等的师生关系，而课堂上的民主气氛是学生创造性思维得以激发的一个重要条件。
3.网页欣赏，归纳网页设计元素
师：我们来欣赏一个网页，百年世博，落户上海，城市让生活更美好，同学们说说这个网站的主题是什么，并思考如何在网页中体现这一主题。
教师引导学生从网页设计要素中来体现主题，如内容、色彩、版面布局、导航设计、图标设计、图片等。
教师组织学生从以下几个设计要素讨论网站内容和风格，分析网页框架和风格。
（1）栏目设置
师：确定好网站主题后，要把网站的内容按一定的方法进行分类，并设置专门的栏目（如图1）。
网站栏目设计原则一是要紧扣主题，二是要突出重点。
（2）网站色彩
师：不同的颜色给人不同的感受，同学们看这几个网站主要是什么色调，给人什么样的视觉感受呢？
学生思考回答问题。
教师总结图2所示的网站色彩与感觉之间的关系。
（3）网站LOGO
师：我们重点来看图片3中网站的Logo，什么是网站的Logo呢？
生：网站的标识。
师：我们来欣赏图片3中几个网站的Logo，并思考他们所表达的含义。
学生思考，教师予以引导：百度的“熊掌”Logo的灵感来源于“猎人追寻熊爪印迹”的刺激，这与李先生的“分析搜索技术”非常相似，从而构成了百度的搜索概念。熊掌图案也最终成为了百度公司的Logo；新浪的大眼睛寓意世界尽在你的眼中等。
设计意图：采用了比较法、归纳法以及“基于问题的学习”等教学方法，让学生学会欣赏网站，通过欣赏和思考问题，初步归纳网页设计要素，并意识到：要根据主题，设计恰当的网页风格和内容结构。
4.网页评价，明确优秀网页的标准
活动要求：快速浏览学科网页上展示的上届学生的网站作品，选出自己感兴趣的网站进行投票。
活动过程：教师观察学生评分过程，实时展示各网页作品的投票人数柱状图，查看相应网页的评分结果。
分析评价结果，总结网站评价标准。首先，分析学生对网页评价的结果——引出网页规划设计应注意的问题：选题不能过大，网页名称有新意；内容栏目设置有条理，清晰；色彩搭配合理；版面布局规范，美观；导航设计恰当。
设计意图：让学生深刻体验优秀网页的设计标准，学生在学科网上投票评价网页，首先学生很感兴趣，其次大大提高了教学效率，将评价的结果作为讨论的依据总结出网站评价标准，环环相扣，从而轻松自然地突破难点（网站评价指标的讨论和确立）。
5.课堂实践，制定小组主题网页的规划
教师提出学习任务：以小组为单位完成网页规划设计表。而后，教师介绍学习资源，并提出组内按栏目和角色两个维度分工的建议（如图4、图5）。
设计意图：本环节主要采用了小组协作法和自主探究法，让学生去规划设计网页，为学生创造力的发挥提供了平台。学科网提供了大量的网站规划和设计的指导资源，并采用“半成品加工”教学策略给学生一个网页规划设计表和案例，尊重学生的个体差异，让学生有表可依快速进入了课堂实践。同时在组间形成竞争，促进了组内团结。按栏目和角色二维分工，使学生的责任更加明确，课后能有针对性地收集资料和素材。
6.展示规划，相互交流
请1～2组学生交流展示自己本小组的规划设计。学生浏览并讨论。
7.课堂小结
强调规划的重要性，以及规划的思路和方法。同时渗透我们学校的教育部国家级课题《人生规划意识》。你不规划人生，就要被人生规划，希望我们的人生经过规划和设计后，可以成功和幸福。
教学反思
本节内容的基础知识和基本技能主要是利用学习网站设置问题情境、提供学习资源，学生可以通过自主学习获得，教师对部分重点难点进行讲解和演示。而动手规划部分要求学生主动地与同伴探讨、合作，将知识与技能内在化、系统化，达到认知结构的有效调整和重构。合作学习在这一建构过程中起了关键的作用。因而本课主要采用了自主探究法、小组协作法，个别地方采用了比较法、归纳法，而教法主要采用了任务驱动法、基于问题的学习、讨论法、讲授法。应该说，整个教学过程比较流畅，基本上都按照教师的教学预想开展教学，学生在教学中能够积极地思考和回答问题，能够学会有效地规划网站的方法，提升了规划能力和审美能力。
点 评
这是一个在借鉴基础上进行创新的优秀案例。说其优秀，是因为每一环节都体现出了设计者的精心、细心。
导入新课部分，由信息集成的一般过程引入，巧妙利用学生已学知识与技能进行迁移，即将信息集成中学习到的规划设计迁移到网站制作中，有利于促进学生在制作作品（包括多媒体与网站制作）中形成规划意识，这也是本次课的核心指向。
网站评价部分，引导学生根据网站分析的结果总结网站评价标准，实现了以评促学、以评导学的目的，在此过程中潜移默化地促进了学生对规划中应注意问题的关注，从而避免了类似问题的出现，以提升规划的效果。
网站规划部分，学生的规划不是空洞的存在，培养规划能力也不是纸上谈兵，因此教学中必须借助各种形式促使“虚”的规划设计落到“实”处，该案例使用的是规划表，也有案例采用了思维导图等方式来实现规划的具体化与可视化。
分组合作部分，作品制作课中学生工作量相对较大，因此分组合作是常见的方式。二维分工方式的采用，既保证所有学生都能经历网站制作，在此过程中形成对网站制作的体验与感悟，也较好关照了学生兴趣爱好等方面的差异。
课堂小结部分，在本次课教学内容的基础上，拓展延伸至人生规划意识的培养。既与教学伊始的设计呼应，又有很大程度的提升。设计者强调的是与该校相关课题的联系，其实，就作品（包括多媒体与网站制作）中的规划部分教学而言，最后提升至人生规划方是此部分的终极追求及应然境界。这一点，当为信息技术教师进行相关内容教学时所借鉴。
整体而言，该案例在设计上思路非常清晰，引领学生由理论认识到实践探索再到理论提升，实现了认识上的螺旋上升，由欣赏分析到具体设计，符合学生认知发展的基本规律，能够较好地达成教学目标。
关键词：网页设计与制作 教学 改革
随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。
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、考核方式
该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。
关键词：网页设计与制作 项目化教学 创新意识 兴趣
中图分类号：G421 文献标识码：A 文章编号：1674-098X（2012）12（b）-0-01
个人或单位运用网页通过网络向社会展示自身的形象，发展自身的产品营销以及活动是目前比较受欢迎的发展方向。随着科学水平的提高，网页制作的技术也不断发展。各大高校也逐渐开设《网页设计与制作》课程，《网页设计与制作》课程具有很强的实用和操作性。在过去的教学工作者，笔者通过项目化教学有效的提升了教学质量，主要是通过教学方法及成绩评定方式的创新实现了项目化教学的实施，以此总结出一些经验感想和广大同行交流沟通。
1 明确课程特点，把握教学内容和教学目标
《网页设计与制作》课程是高职院校计算机专业的重要课程，要以让学生掌握网站设计全过程，自主开发一定规模网站为最终的教学目的开展教学工作。《网页设计与制作》这门课程操作性和综合实践性较强，另外知识接受的速度和遗忘的速度都比较快。所以教师要重视对学生能力的培养，将知识结合到实际案例中进行教学，重点教授实际需要的知识内容，重视学以致用的教学观念的教育实施。
2 激发学生学习兴趣，以学生为主导，采用适当的教学方法
在教学过程中想要提高学生的学习兴趣，进一步提高其网页制作的能力可以从以下几方面入手。
1）采用“案例”+“任务驱动”教学方法，让学生变被动学习为主动学习，如果在教学过程中始终运用传统知识点对应案例的案例教学法，就会自然形成教师为主体，学生被动倾听的教学模式，这种情况下学生的学习主动性和积极性不能被调动起来。所以，教师要将任务驱动式教学方法应用到教学，结合案例法使用。也就是以任务为指引，结合时间里，设置教学课程安排和结构顺序，保证教学循序渐进，由浅入深的进行。在进行每章知识内容的教学的时候，教师要总结整章知识结合经典案例实施教学。在课程完成之前，教师将案例展示给学生引导学生思考安利的实施方法，引导其带着问题和任务展开新课程的预习。这种任务和案例相结合的教学模式，不仅能够活跃课堂氛围，也能引发学生的学习兴趣，使其积极主动地参与到学习当中。
2）举办学生作品大赛，展示成果、促进交流，教师可以通过组织 “网页设计大赛”鼓励学生积极展示自己的能力，提高学生参与的积极性，提升其学习的主动性，另外这类比赛对学生的学习方法和方向都有很强的指导意义，也能够在一定程度上加强学生的实践能力，对学生的创新意识和进去思想的培养也有很重要的作用。
3）精彩网站案例展示，开展评析活动，教师平时应注意收集一些有创意、有特色的优秀网站及网页，推荐给学生学习、欣赏，在展示优秀网站案例的同时，教师对网站的整体设计，网站的布局，以及网站特效等多方面进行分析，学生可以一边欣赏一边听教师讲解，同时，引导学生思考网站的美工、动画、布局、样式等，思考自己能否通过努力完成如此优秀的站点。几节课下来，不少学生都跃跃欲试，从而有效地激发了学生的学习热情。
4）自主选择网站设计内容，提高学生学习积极性，在实训过程中，要求学生自定主题进行网站的制作与设计，通过自拟主题，使学生在自己的兴趣基础上完成相关网页，学生学习积极性明显提高。
3 具体实施
整学期的《网页设计与制作》课程由以下四个部分组成。
（1）网页基础知识介绍；（2）网页页面制作；（3）网页特效制作；（4）网页图像处理和动画制作。这四个部分的知识和技能考核就是完成一个网站的制作。
1）项目的确定。网站的主题是什么呢？ 首堂课先让学生欣赏精品网页，同时提出相关问题。然后通过筛选，初步确定主题。因为这些主题都是学生自己选择的，所以学生兴趣特别浓厚，为以后网站内容的丰富奠定基础。
2）制定计划。在设计过程中，可以通过分组的形式方便学生互相讨论交流，互相学习，教师要鼓励学生以团队形式完成设计任务。学生可以自行组成四到无名成员的小组，推选出组长，确定组名。之后教师要指导各小组确定项目实施计划，分配组员职责，确定任务范围。这样的任务分配能够让每个学生都感受到自身在组内的存在感，使其积极主动地参与到设计活动中来，能够统一努力完成网站。另外，各个小组之间要形成竞争关系，在实训完成的时候小组推举一名成员介绍组内作品，全体统一评选最优作品。这些活动的开展，能够在提高学生学习兴趣的同时锻炼其集体协作和表达能力。
3）计划实施。在这一阶段，项目小组开始落实项目。教师要作为一个指导者，及时指导学生的实施行为，及时解答学生的疑问。例如，为学生网页主题的选定提供必要的建议；协助学生测试网页等。但是教师不应该过多干预学生的实践行为。
4）检查评估。检查评估要在项目进行过程中实施，可以让学生首先进行自我评价和反思，然后教师要对学生对知识点的掌握情况，使用效果，应用水平作出总体评价。
5）评价考核。主要分阶段性考核和综合项目考核等，根据阶段性考核反映出来的问题及时调整教学进度、教学内容等，从而实施全过程监控。重视基本技能考核，以能力考核为本位。具体来说评价内容包括：①平时项目中的子任务完成情况占20%；②平时学习态度的评价占10%；③综合项目完成情况的评价占50%；④组内评价和组间互评各占10%。
值得注意的是，无论项目最终的成果有没有达到预期的效果，教师都应该对学生的努力进行肯定，做出表扬。通过鼓励的方式，让学生建立起学习信心，使得学生在以后的项目实践中不断进步。笔者通过对两年教学过程中所应用的教学方法进行总结和思考，最终得出这些教学方法能够有效提高学生的学习兴趣，可以提升其参与的积极性，同时还能锻炼其创新和实践能力，可以有效提高其交流协作能力，这种情况使教学效果整体有了很大提升。
参考文献
关键词：网页设计与制作 网页与网站设计原则 教学改革
中图分类号：G71 文献标识码：A 文章编号：1672-3791（2014）03（a）-0209-02
内蒙古科技大学是地方高等院校，毕业生大多到企业从事设计、生产、管理等技术工作，故人才培养定位于“工程实施型人才”，要求学生具有扎实的基础理论和专业基础知识，能够教深入地掌握专业知识和流行生产技术，具有较强的工程实施能力，因此内蒙古科技大学的毕业生具有“上手快，留得住，后劲足”的特点，毕业生就业率连续多年位居自治区高校前列，被国务院授予“全国就业先进工作单位”光荣称号。该校的计算机科学与技术专业在学校人才培养思想的指导下完成了专业定位，重新制定了人才培养方案和课程体系，在此背景下，计算机科学与技术专业开设了《网页设计与制作》课程。
1 《网页设计与制作》课程现状及存在的问题
根据企业用人标准及对毕业生的回访调查，总结出了网页设计师的从业要求：具备优秀网站设计能力，能综合运用各类软件设计视觉创意网站，能独立进行平面网页的创意设计，具有良好的艺术触觉和美术色彩搭配功底，深刻理解web标准，熟悉CSS+DIV模式，能手写XHTML及CSS样式代码，懂得javascript应用，精通设计与网页设计软件，如photoshop、fireworks、dreamweaver等，能独立完成网站的规划和静态页面制作。可以看出一个优秀的网页设计师能够对网页的构成元素进行艺术规划和创造性思维活动，通过网页制作技术实现网页设计的目的，达到了艺术与技术的和谐统一。[1]为了培养大一新生对计算机专业的学习兴趣和热情，许多高校包括我校在内，将《网页设计与制作》课程规划为必修课安排在大一下学期开课，目的通过本课程所见即所得的特点，激发新生对计算机专业的学生兴趣和热情。可在以往的本课程教学内容安排上，重网页制作技术的讲授，对网页设计相关知识涉及甚少，即便学生掌握了XHTML、css+div、JavaScript等网页制作技术，可没有遵循网站与网页设计原则，致使学生制作出来的网页粗糙拙劣，毫无美感可言，这样的教学安排，难以培养学生的专业学习兴趣和热情。
2 《网页设计与制作》课程改革思路
以适应企业需求为导向，以培养学生网页设计能力为根本，以项目教学和案例教学为手段，以实际网站为目标，进行课程内容的编排和改革。[2]紧跟当前市场需求，及时对教学内容作出调整，特别强调网站与网页设计原则理论知识，在讲授网页制作技术的过程中注重网页设计基本理论与基础知识的渗透，努力提高学生的审美情趣，在潜移默化中让学生形成“技术为设计服务”的思想，让这种思想指导其网页设计与制作行为，最后将这种认识转换为能力，最终体现在其网页设计作品上。
3 《网页设计与制作》课程教学改革方案
以“技术为设计服务”为指导思想，以项目教学和案例教学为手段，通过项目驱动，[3]让学生在32学时讲授+32学时上机的学习过程中，独立完成上机项目。上机项目按照具备知识水平由易到难，需求由低到高，设计方案由局部到整体的梯度进行，符合教育教学的基本规律。结课后，以一个综合项目的开发作为对学生学习效果的最后的评价。综合项目的开发，实际上是学生实践和独立探究的过程，在此过程中，增长了学生的知识，培养了学生创造性思维和发现问题、解决问题的能力。
3.1 教学内容的编排
按照WEB标准，网页由三部分组成：结构（structure）、表现（presentation）和行为（behavior），因此，在教学内容的编排上，将《网页设计与制作》课程分为四大模块进行讲授和实践。分别为：网页与网站设计原则、XHTML基础知识、css+div、javascript。
网页与网站设计原则模块：在本课程的教学过程中处于指导地位和核心地位。通过该模块的教学，首先让学生掌握网站的3C设计原则，即简洁、一致性、对比度。通过一些优秀网站设计案例的展示，使学生对3C设计原则有初步的体会和认识。其次让学生掌握页面设计要点，包括：精心组织的内容、格式美观的正文、和谐的色彩搭配、较好的对比度、生动的背景图案、页面元素大小适中，布局均匀、不同元素间的留白等。通过优秀网站设计案例的讲解，让学生初步体会每一个页面设计要点。在随后的课程讲授及上机实践中，通过具体案例，强调网页与网站设计原则，让学生对3C设计原则及页面设计要点有更深的体会和认识，在潜移默化中，学会用网页与网站设计原则指导自己的网站制作行为。
其他三个模块为《网页设计与制作》课程的技术范畴。通过XHTML、css+div、javascript的讲授及配合各类上机项目的实践，使学生具备认识网页创建站点应用网页元素对网页布局应用CSS美化页面给网页添加动态行为的能力。最后以网页与网站设计原则为指导，设计开发一个综合项目。该综合项目要求要有鲜明的主题，内容与形式统一，个性突出、布局合理、配色美观。可以看出，通过本课程技术层面的学习，为学生奠定了制作综合项目的技术基础，而其掌握的网页与网站设计原则又将反作用于其网页制作的行为上，提高其网页制作水平，逐步达到技术与设计的和谐统一。
4 《网页设计与制作》课程考核体系
本课程的考核方式为考察，主要考察学生的实践能力及学生网页与网站设计原则的掌握情况。将平时表现，上机项目完成情况、综合项目的开况相结合，从而得出学生的最终成绩。
考核方案设计如下。
平时表现10分：包括上课出勤，上机出勤。有课堂主动回答问题的额外加3分。
上机实验40分：内容包括：包含文本、图像、超链接、多媒体的简单网页设计（3分）；包含表格的简单网页设计（3分）；包含表单的简单网页设计（3分）；利用框架进行简单网页设计（3分）；利用CSS样式表美化网页（10分）；利用表格进行网页布局（3分）、利用DIV进行网页布局（5分）、利用DIV嵌套表格进行网页布局（5分）；利用javascript实现网页特效（5分）。
综合项目开发：通过本课程掌握的网站设计原则及制作方法，完成综合项目的设计与制作。（50分）
设计要求（25分）：需求分析充分，栏目设计合理，功能完善，网站深度不低于3级别（5分）；主题鲜明，页面布局合理，配色和谐，形式美观，风格统一（10分）；logo、banner的设计应突出主题，与页面风格相协调（5分）；要有便捷的导航信息。网站内容丰富，具有良好的可读性（5分）。
技术要求（25分）：站点文件组织规划合理，主页必须以index命名（2分）；代码书写符合XHTML语法规范（3分）；用Div对网站进行总体布局，局部布局可用表格（6分）；用css进行页面的美化，对样式的定义统一写在外部样式表中（6分）；多媒体元素运用得当，适合网络传输（3分）；页面中包含有JavaScript实现的特效（5分）。
5 结语
改革后的《网页设计与制作》课程重视学生网页设计能力的培养，在每一次的教学实践环节中，都在强调网页与网站设计原则，在潜移默化中让学生学会用网页与网站设计原则来指导自己的制作行为。在此原则的指导下，74名学生完成的综合项目开发作品中，符合网站与网页设计原则的作品有62.3%，其中优秀作品比例为 12.6%，较未实行教改前学生的设计与制作水平有了明显提高。实践证明，以“技术为设计服务”为指导思想的《网页设计与制作》课程教学改革实在可行，提高了学生网站设计与制作水平，为其以后的就业打下了良好基础。
参考文献
[1] 邵小兰.浅析网页设计中的艺术设计[J].科技资讯，2011（15）：14.
关键词：心智技能；网页设计；教学研究
中图分类号：G434 文献标志码：A 文章编号：1674-9324（2013）37-0154-03
一、心智技能理论概述
技能分为操作技能和心智技能，操作技能是一种动作技能，培养操作技能使学生“知其然”，比如网页设计中建立页面布局、插入表格这些功能如何实现。而心智技能是一种思维的技能，是调节和控制心智活动的经验，培养心智技能使学生“知其所以然”，比如为何要使用网页布局、使用何种布局更好、网页元素如何搭配更美观等，从而使学生能够更合理地应用其所具备的操作技能。
对于课程教学而言，不仅要培养学生的操作技能，还应更注重心智技能的培养。比如制作一个完整网站项目，不仅需要操作Dreamweaver、Fireworks等设计软件的技能，更需要需求分析、网站规划、风格设计和色彩搭配等心智技能。
因此，要提高学生的技能水平，就必须在教学中加强心智技能的培养，培养学生的创造性思维，提高学生学习创造能力以及解决实际问题的能力。
二、网页设计教学中存在的问题分析
目前，案例教学法是较为主流的网页设计课程教学方式，在教学过程中，往往以软件操作为主要内容，针对其中的各个功能设计教学案例并进行讲解。这种方式虽然能使学生在短时间内掌握软件使用技能，但学生对各个功能适用的场景和条件却不甚了解，不能真正做到学以致用，在独立面对一个完整的设计任务时会有无从下手的感觉。笔者采用课堂观察、学生访谈及学生作品指导等途径，开展调查研究之后发现，学生设计的网页作品普遍存在一些共性问题，主要体现在以下几个方面。
1.网页主题策划。当要求学生为某个网站主题制作一系列网页时，某些作品主题定位不准确，比如原本网站主题是品牌产品宣传，最后的作品却是购物网站。有的作品则是主题不统一，想展现的内容太多，多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。
2.网页风格设计。在网页布局及风格设计方面，常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大，影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足，不能在内容不同时实现形式上的统一。
3.网页元素的编排。网页元素的编排，主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有：（1）文字的处理。网页中使用的字体太多，造成页面混乱；字体、字号过于单一，标题或重点不突出；行距过大或过小等。（2）图片的处理。图片过度拉伸造成显示模糊；图片过大造成页面加载速度缓慢；并排显示的图片尺寸不统一等。（3）网页布局。页面宽度过大，在一屏内无法显示，造成浏览困难；页面内容多而杂，各部分跨度太大，整体可读性不好，重点内容不突出等。
4.网页色彩搭配。网页的色彩搭配应该均衡、协调，使人感觉舒适、美观，又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有：网页色彩过于单一，无吸引力；色彩过于花哨，容易造成视觉疲劳；文字颜色与背景颜色相似，造成阅读困难等。
5.交互性设计。用户浏览网页是一个人与网页信息交互的过程，交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有：网页无标题；导航栏不全，引导性不佳；链接层次过深，造成连续浏览不便捷等。
6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构，虽然不会影响到网页的功能和外观，但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性，存在着网页命名随意无规则，不同层次的网页文件存放在同级目录，图片文件随意存放等问题。
综合上述问题分析可以看出，学生在创造能力及设计思维上相对较弱，实际上通过操作实践，学生基本都能完全掌握网页设计软件操作，比如插入文字和图片、设置字体和颜色、插入超链接等，但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现，因此培养心智技能是提高学生网页设计能力的关键。
三、心智技能阶段性理论在网页设计教学中的应用
1.网页设计心智技能形成分析。根据冯忠良教授的研究，心智技能的形成是阶段性的，其过程分为原型定向、原型操作和原型内化三个阶段[1]。原型定向阶段以理论知识传授为主，让主体掌握技能操作的原理；原型操作阶段通过实践让主体熟练掌握操作技能，为原型内化奠定基础；在主体大脑中形成内化的思维模式，使主体能够灵活运用操作技能解决实际问题[1-3]。
根据上述理论，结合网页设计教学的实际过程，网页设计心智技能的形成阶段如图1所示。
网页设计心智技能的形成可分为：掌握基本理论、熟练实践操作和总结设计模式三个阶段。这三个阶段不仅体现在整个学期的教学过程，更应该体现在每一章节的教学中，甚至在每次课的教学中不断重复，才能强化巩固心智技能。在整个学期的网页设计教学过程中，基本理论、熟练实践操作和总结设计模式三个阶段的主要教学内容是：（1）网站和网页的组成、网页设计的一般过程、HTML原理和常用设计工具。（2）网页设计工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指导学生综合应用设计工具进行完整设计，总结网页设计中的经验和模式。而在某项软件操作的教学过程中也应遵循三阶段原则。教师首先结合HTML语言讲解此项操作的后台原理。然后教师进行演示，学生操作，期间教师不断进行指导。最后教师总结该操作中应当注意的一些原则，以及常用的一些设计模式，可通过展示优秀的设计作品进行对比讲解。
2.教学实践。在前述理论研究的基础上，笔者进行了教学实践。根据课程教材，首先设置了“网页设计概述”、“HTML基础”、“Dreamweaver CS 4应用”、“Firewoks CS 4应用”、“Flash CS 4应用”、“综合实例”六章课程内容[4]。其中第一、二章以纯理论教学为主，难点在于HTML基础知识，须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果，增加了第七章“网页设计模式精讲”，对网页设计中的常见问题进行总结，介绍设计原则和方法。下面以第三章“Dreamweaver CS 4应用”和第七章“网页设计模式精讲”为例介绍教学思路。
“Dreamweaver CS 4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前，应使学生明白网页的本质是HTML代码，Dreamweaver本质是辅助设计工具，其作用是自动生成HTML代码，比如在Dreamweaver中执行插入表格的命令，就会在源文件中加入表格的HTML代码。在此后的讲课过程中，帮助学生理解操作的原理，为心智技能的建立奠定基础。以文本的插入和编辑为例，在教学中首先向学生讲解文本编辑中HTML标签
与
的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作，并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则，比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能，使学生在自主设计时能够编排出美观的、可读性强的文本效果。
“网页设计模式精讲”根据本文中对学生作品中常见问题的分类进行集中讲解，主要分为网页主题策划、网页风格设计、网页元素的编排、网页色彩搭配、交互性设计、网站文件结构六项主要内容。设计模式教学是一种经验的传授，目的是教会学生某一场景下问题的解决方法，因此在教学中，必须要明确模式适用的场景，以及模式如何实现，如表1所示是几个网页设计的模式。
在教学过程中仍主要依靠案例讲解进行，并在过程中要求学生在总结和思考之后进行相似模拟，但不能与原例一致。学生掌握正确的网页设计模式后，网页设计质量得到了一定改善，从侧面证明了学生网页设计心智技能的提升。
四、小结
笔者通过教学实践发现，结合心智技能形成的阶段性理论进行网页设计课程教学，确实对提高学生的网页设计能力起到了积极作用，但由于课时限制、教师经验等因素，教学质量仍有很大的上升空间。在后续教学过程中，仍需要不断地进行尝试和总结，探索更高效的心智技能教学方法，培养出更高素质的网页设计人才。
参考文献：
[1]冯忠良.教育心理学[M].北京：人民教育出版社，2000.
[2]丁清.论高职高专学生的心智技能培养[J].昆明冶金高等专科学校学报，2004，（1）：81-84.
[3]陈军民.高职生心智技能培养探讨[J].新课程学习，2012，（03）：77.
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。
1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计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的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。
2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训网页的制作
不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
论文摘要：项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中，着重培养学生的“四种能力”，以实现培养网站构建人才的课程教学目标。
项目教学法简介
项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。
项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：
确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。
制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。
实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。
评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。
归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。
《网页制作技术》课引入项目教学法
《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。
《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。
将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。
项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。
《网页制作技术》课实施项目教学法的过程
笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。
（一）网站项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。
（二）网站项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。
完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。
（三）网站项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。
第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。
第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。
第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。
（四）网站项目展示与评价
项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。
（五）网站项目的总结和应用
项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。
项目教学法的成果
《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。
参考文献
王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005，（11）.
