中图分类号：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教学总结
最后教师要进行教学点评总结，先要展示学生的《江南水乡》网页设计制作成品，并要求学生进行作品汇报，随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中，制作者也应该总结自己在设计制作过程中所遇到的各种问题，与大家共同分享制作过程经验与难点，这样更能提高师生对自身作品的关注度，并在总结评价过程中总结经验教训，为下一次更好的作品设计制作奠定经验基础。
将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力，转变他们传统的计算机专业课程学习方式，为他们营造基于新媒体环境的新学习空间环境并创新学习手段，实现对整个学科教育体系的全面革新。
作者：支馨悦
参考文献：
【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01
基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。
基于工作过程系统化的课程开发有以下步骤：
第一步：本地区及周边地区人才市场调研；
第二步：职业分析；
第三步：提炼本课程所设计的职业行动领域；
第四步：按照工作过程系统化对课程知识体系进行解构和重构；
第五步：精心设计教学内容和教学过程；
第六步：精心学习情境设计。
总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。
一、工作任务分析、行动领域归纳
《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。
二、学习领域
网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。
三、学习情境设计
根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：
其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。
参考文献
网页设计与制作是技工院校电子商务专业的核心必修课，课程培养目标是从事网站建设与维护、网页美工等岗位的高技能型人才。因此，网页设计与制作对于电子商务学生就业具有举足轻重的作用，值得电子商务专任教师高度重视，并在教学中不断探索与改革。
一、技工院校电子商务网页设计与制作课程教学中存在的问题
近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。
1.教学内容设计不合理
虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。
2.教学案例不连贯
电子商务网站是一个完整的系统。网站各网页的设计应该围绕某一个或者某一些产品进行营销服务，因此，设计的各网页应该考虑整体风格。但是，在实际教学中，老师依照教材提供的案例进行教学，各案例主要是服务于本项目的教学任务，彼此之间缺乏统一性，导致各案例成为“孤岛”，比如我院选择的张苏中等编写的教材共涉及10个项目，每个项目各有一案例，案例之间缺乏整体性。这往往会影响后续学生实践教学的效果，难以培养学生独立完成一个完整的网站。
3.课程与专业的关联性不强
从调研结果发现，许多技工院校老师在讲授网页设计与制作课程时，在处理教学内容等只考虑该课程，而没有和专业建立必要的关联性。该课程培养目标是能适应电子商务企业工作岗位的人才，因此，教学中应该把握商务特点，而不能一味地为讲技术而技术。
二、技工院校电子商务网页设计与制作课程教学建议
针对以上存在的问题，笔者根据自己多年的教学实践经历，结合当前技工院校电子商务网页设计与制作课程教学现状，提出以下建议，旨在抛砖引玉，与同行交流。
1.专业视角设计教学内容
电子商务专业课程应该考虑该专业的特征，也就是说，教学内容应该着重考虑“商”的特点，以某一产品营销平台构建教学内容，比如在讲授网页编辑时，可以按照电子商务企业岗位工作任务要求，把图像美化等内容充实到课程教学中，提高学生技能。
2.专业角度选择教学案例
教师在教学中，应该尽量选择完整的电子商务网站案例。假如不便于选择完整的电子商务网站案例进行课堂教学，可以在布置学生作业环节中以完整的电子商务网站内容安排课外作业。教师在围绕完整的电子商务网站案例教学时，可以将总教学任务分成若干模块，每一模块完成一定的教学任务，在结束整个学期的教学后，学生就能掌握网站建设的全过程技能。这种贴近实际工作的教学有助于提高学生就业的竞争力。
3.考核方式改革
该课程的考核可以采用“形成性考核+阶段性考核+终结性考核”的综合性考核方式。其中，形成性考核的内容包括学生出勤率、课堂表现、作业完成情况和平常实训教学中动手操作能力等，分值建议确定为考核总分的30%。阶段性考核指的是老师要求学生调研后，自己确定网站主题和网站策划书，自己完成创作过程，老师考核学生完成的最终作品，分值建议确定为考核总分的35%。终结性考核是老师提供模板网站，学生现场独立完成网站的制作（这是为了防止学生课外找而蒙混过关的有效手段），分值建议确定为考核总分的35%。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
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 结论与总结
项目化教学不但充分调动了学生学习《网页设计》这门课程的积极性，提高了学生的自信心，而且培养了学生的创新能力、小组协作能力等职业综合能力。这种超越了传统教学模式的教学方法非常适用于《网页设计》课程，值得在教学实践中进一步探索。
[作者简介]周小丽（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）.
1引言
随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。
2高职网页设计与制作课程教学改革的发展研究
2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。
3结论
通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。
3结束语
综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。
参考文献：
[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.
[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.
中图分类号：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]
二、基于工作过程的高职网页设计课程构建
（一）分析职业能力需求，明确教学目标
为使网页设计课程构建更符合学生与企业需求，高职院校应加强调研，结合企业用人单位调查、企业专家访谈等方式，对网页设计专业人才需求展开系统调查，理清网站编辑、网站制作人员等具体社会需求；同时对计算机专业从事网页设计相关岗位的毕业生进行调研，进行对岗位能力等各项内容的调研。同时，高职院校应突破原有课程教学体系，去除以知识体系为主的模式，以网站工程师、网页设计师等专业职业技能为目标进行课程开发与设计，网頁设计课程以培养优秀网页制作人员为教学目标，确立以学生职业能力与职业素质培养为重点的课程构建理念，注重基本实践能力的培训，让学生掌握各类网页设计制作技能，使其具备一定网页设计开发、网站维护等能力。[2]使其课程构建既能够培养学生职业岗位所必须的技能素质，也可让学生更快更好地养成职业习惯，提升职业能力，为学生职业生涯发展打下坚实基础。
（二）制定课程标准
结合计算机专业技术要求以及企业用人需求构建网页设计课程教学大纲，制定系统化的课程标准。首先应明确能力目标，也即让学生能够熟练应用技术设计与制作网页，具备自主动手、信息整合以及自学、合作等能力；其次为知识目标的确定，要求学生掌握网页设计制作方法，会使用HTML语言，能够设计与制作网页动画等。此外为素质目标，使学生具备自主创新思维，有网站策划能力等。
（三）完善教学内容
高职院校课程组教师应深入企业与社会，了解专业最新要求；院校也有必要加强与企业合作，共建校外实训基地，开发设计基于工作过程的网页设计课程，以工作项目作为载体，将教学融入项目当中，围绕工作过程明确课程内容，结合工作任务完成流程，提炼出以学生职业能力培养为核心的模块，合理选取工作当中使用率高、典型性工作任务作为学习项目，对网页设计教学内容实施科学整合与序化，同工作实践中的应用组合成功能模块，促进工作过程与教学过程的融合度，实现理论与实践结合。
（四）重构教学模式
基于工作过程的高职网页设计教学模式也应满足教学目标需求，采用工作过程化的模式。具体可通过工作任务、企业任务等针对性强的工作情境引入，让学生掌握理论基础知识以及技能方法等；同时引导学生自主解决相关问题，为完成网页设计制作问题加强合作与交流，充分发挥主观能动性；最后则通过“情景拓展”，引导学生自主实践，进一步提升自主学习能力与职业能力，例如鼓励学生参与网页设计大赛等，全面培养学生实践操作与开发应用能力。[3]
（五）更新教学方法
高职院校网页设计课程教学方法也应实现进一步更新，具体应结合用人单位网站设计制作岗位要求，对岗位能力进行全面分解并归结出对应的课程知识点，构建起课程系统，结合案例教学法、项目教学法、任务驱动教学法等方式，明确网页设计、网站运营、网页测试等课程内容，引导学生以工作过程为基础，掌握网页设计制作构件、明确网站架设，提升专业技能。例如任务驱动教学法的应用，具体可将学生网页设计实训内容分为独立任务模块，包括模仿操作内容、独立操作内容以及工学结合三种类型，其中模仿操作开展为通过一个系统的网站，引导学生分次完成，使其掌握基础理论以及基础操作技能；独立操作即向学生布置任务，让学生以小组为基础自主完成项目任务；工学结合则可通过与企业合作，或利用工作室项目，组织学生完成实际网页设计项目。总而言之，通过此类实践教学充分调动学生积极性，培养学生职业态度，提升其实践创新能力。
三、结语
基于工作过程的高职网页设计课程构建，能够将繁杂、分散的网页设计课程知识点有效整合与分解，以工作任务项目为载体，实现教学与学习的工作化，进而充分挖掘学生的积极主动性与实践创新能力。因此，高职院校网页设计教学应不断研究与完善基于工作过程的课程体系构建，使专业人才培养定位更为精确，使学生职业竞争力得到进一步提升。
参考文献：
