时间：2023-07-28 17:31:23
开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页的设计与制作，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。
一、O2O教学模式的概念及特点
O2O教学模式，是利用互联网技术，综合线上、线下的优质教学资源，构建双向互动的新型教学模式。其具有的特点如下。(一)对学生实现了个性化学习。学生对于线上学习时间的安排比较自由，可有选择性的对教学视频进行观看。(二)对教师实现了素养的提高。对于每一堂课，教师都必须以基于线下来做线上，以及基于线上来改进线下为原则来准备线上和线下教学资源，且线上线下教学资源必须相互融合。线下教案的设计，线上教学视频的录制与编辑等课前准备工作，教学资源的完成对教师的素养实现了本质的改变。(三)学习资源的丰富性及共享性。为了能更好地利用O2O教学模式进行教学，在网络平台上必须上传丰富的学习资源。(四)能实现师生间的多向交流性。教师与学生、学生与学生之间可以在线上、也可以在线下、同时还可以从线下到线上，再从线上到线下等进行交流讨论，大大的突破了时间与地点上的限制。
二、采用
O2O教学模式的必要性和可行性
(一)必要性
现在的高职院校学生生源主要来自两个渠道，一是通过高考录取进来的专科生，另一部分是通过中考录取为五年一贯制的专科生，生源素质普遍较低，学生学习兴趣不高，自学能力较差。本文作者通过问卷和实地访问调查发现，在传统的教学模式课堂上学生喜欢玩手机，课外时间更是玩得不亦乐乎，甚至达到忘我的境界。为了能达到理想的教学效果，学院管理人员和教职人员齐抓共管，针对问题制定了一系列的对策用以阻止学生玩手机。鉴于此，何不利用学生痴迷于手机这种心态，充分发挥手机移动端的最大作用，结合移动互联网技术，采取O2O模式进行教学。
(二)可行性
通过调查分析，免费无线WIFI已覆盖全院，人人都拥有至少一台移动终端设备，学院机房课外时间都为学生开放。我院已购买了支持手机端学习的超星慕课平台，这些软硬件设备都为开展O2O教学提供了良好的基础。此外，通过调查发现教师很愿意尝试利用这种与互联网关系密切的具有创新的现代信息技术教授方式，学生也很愿意接受这种具有自由灵活性的学习方式。
三、《网页设计与制作》课程应用
O2O教学模式的背景《网页设计与制作》课程的特点是理论难度较大、实践性强。课程的知识点较多且比较抽象，课堂上大多数知识点学生能听懂，但不能将各个知识点融会贯通，遇到实际的WEB页面设计工程时便是无从下手。在传统的教学模式课堂上，教师通过举例展现实际效果将知识点解释清楚，并对各个知识点的关系进行梳理。但由于课时的原因，学生听完之后就没有更多的时间进行下一步讨论，在没有听懂的情况下也没有时间向老师请教，就更不用说对本堂课的知识进行扩充延伸。为了改变传统教学模式教学效果和效率低下问题，2016年5月，我院引进了超星慕课平台，将《网页设计与制作》课程作为试点进行教学改革，探索出一套适合我院的O2O教学模式，然后在全院范围内推广至其他课程。
四、基于O2O教学模式在《网页设计与制作》课程改革与实践
(一)线上网络平台资源的建设
在超星慕课平台上建立网页设计与制作课程，在平台上多种教学资源供学生观看与下载。教师通过appMaker富媒体编辑器对教学视频中知识点的重点、难点进行回放、放大等编辑操作，用以强调内容的重要性。
(二)线上与线下课堂教学模式的改革
在传统教学模式课堂中，教师讲课的基本流程为复习导入新课、新课讲授、课堂小结、布置作业、课后小结五个环节。一堂课45分钟，每个环节分别占用的时间大概为:5－8分钟，30－35分钟，3－4分钟，2－3分钟(课后小结是利用课外的时间完成)。一堂课下来，教师与学生、学生与学生之间基本没有互动环节(除了教师提问环节)，这样不利于学生对知识的吸收与内化。而利用O2O教学模式进行教学，教学环节与时间分配都必须重新设计。
(三)O2O教学模式的教学环节设计
通过探讨总结分析，将O2O教学模式学习时段分为课前、课堂、课后三个时段，具体工作如下:(1)课前时段:课前时段即线上学习时段。在每堂课上课之前，老师都会通过超星慕课平台推送下节课学习内容的消息到学生的移动端。学生收到消息后首先进行的是课程预习及视频的自主学习，学习过程中遇到的问题，可以通过平台中的互动课堂版块进行在线提问和讨论，也可以记录在纸质笔记本上，带到线下课堂上请教老师或与同学进行交流。学生在完成课前时段作业的同时，相应的对下一节课内容已完成记性和理解两个过程，为课堂时段提供充足的准备。(2)课堂时段:课堂时段即线下学习时段。在课堂上，老师首先利用10－15分钟的时间对视频中的知识点、重难点进行梳理，并对学生进行提问以了解学生课前学习的情况。其次利用15－20分钟的时间让学生提问，通过老师或学生(已完全理解该内容的学生)进行解答。再剩下的10－15分钟，学生通过分组的形式讨论老师布置的案例。老师参与程度或分组形式以具体内容而定，最后由每组的组长向老师表述讨论结果，进而老师对每组讨论结果进行总结点评。课堂时段的进行能增强人与人情感上的交流、教师面对面个性化的指导、教师和学生及学生和学生之间的即时讨论等，是很重要的一个环节。(3)课后时段:课后学生再利用时间去观看上一堂课的教学视频，把之前遇到的问题(课堂时段已解决的)再梳理一遍，以达到温故而知新的目的。再完成老师在平台上的在线作业，如有疑问，可以利用超星慕课平台所提供的讨论交流模块在线咨询辅导老师，也可以与同学进行交流，同时对自己的学习效果进行在线测试等。
(四)适应O2O教学模式的教师队伍建设
传统的教学模式中，所有的教学工作基本都是一人完成。而利用O2O教学模式进行教学，虽然老师从主要讲课“降”为只辅导学生、与学生讨论、交流问题的角色，但是平时的工作量不但没有减少，反而成倍增加。老师除了要做在传统的教学模式中准备的工作外，课前必须把教学视频录制编辑好，把教学素材上传到教学平台上，还须与学生保持紧密联系，掌握其学习动态，根据学生的学习效果优化课程教学内容，时刻在线为学生解答问题等。由于一名老师精力有限，是很难独立完成这么大的工作量的。因此，教学团队经过探讨，对团队老师进行分工，将工作量进行分解，明确每个老师在O2O教学模式中各个教学环节的角色、任务及相互协作的关系。将团队分成主讲教师和辅导教师两部分。主讲教师主要由具有丰富的教学实践经验的教师组成，主要负责课前教学视频的录制编辑，课堂时段的讲课并组织学生讨论交流。而辅导教师主要负责课前消息的、课后答疑、题目、作业收集与批改等工作。大家都把自己的工作任务做好，有事情积极沟通，抱着相互协作的态度完成课程教学工作。
(五)O2O教学模式的考核机制
O2O教学模式的考核机制以培养学生实践创新能力目的，以平时的学习态度为基础，依据教学环节进行设计，以期末考试总成绩100%进行计算。平时学习态度占10%，包括线下上课和实训考勤;实训作业和报告完成情况占10%;课前时段学习占10%，包括教学视频观看情况，线上任务点的完成等;课堂时段学习占15%，包括问题的提出、讨论的积极性等。课后时段占10%，包括在线测试、作业完成情况、复习观看教学视频等。最后必须按照要求完成一个综合型的网站作品，这是考查学生综合实践及创新能力的代表作，包括图像的处理、动画的制作、审美观等，所占的比重很大，占45%;期末总评分为以上六环节项分数的总和，只要有一项环节分不及格，课程总评成绩为不及格。
五、O2O教学模式的实施效果
在O2O教学模式的实践过程中，我们设置2015级计算机应用技术专业一班为试点班，二班为对照班。其中一班人数为35人，二班人数为38人。两个班之前的网页设计与制作前导课程均有同一个老师执教，各门课程期末考试成绩统计情况基本一致。通过一个学期的学习，对两个班教学效果进行总结分析。(1)从交上来综合型的网站作品分析，一班学生设计出来的作品在颜色搭配、代码使用、美观整洁度明显优于二班学生;(2)从省级大学生科技创新与职业技能竞赛网页设计与制作项目获奖率分析，一班学生获奖比往年高，而二班基本持平。此外，通过对试点班进行无名问卷调查，85%的学生认为在新的教学模式下，自我控制能力和自学能力得到了很大的提高，75%的学生认为新的教学模式更有趣，82%的学生认为自己的团队协作能力、语言表达能力和自信得到了提升，90%的学生认为自己的实践创新能力得到了提高。
六、总结
实践证明，采用O2O教学模式进行教学，能够提高网络优秀资源共享率，改变了教师的教学方式和学生的学习方式，在教学过程中取得了良好的效果。但也遇到一些不可预测的问题，需要我们一线教学工作人员在以后的教学过程中不断地探索与改进.
参考文献:
［1］井靖，何红旗，王志刚，殷冠英．O2O教学模式”在大学计算机专业教学中的应用原则［J］．计算机教育，2016(2)．
［2］胡小华．O2O电商模式下服务营销课程教学模式的创新思考［J］．长春教育学院学报，2015(11)．
关键词：翻转课堂；网页设计；制作应用方法
1翻转课堂概述
1．1内涵理解翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。1．2应用优势通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。
2网页设计与制作课程教学存在的问题
网页设计与制作是计算机类专业的一门基础课程，具有较强的实践性和操作性，其课堂教学主要采用的是案例教学法，就是通过对案例进行分析，讲解其中的知识，进行实验步骤的演示之后，让学生当堂完成练习。这种教学方法虽然优于传统教学方法，也取得了一定的成效，但是在具体的实施中仍然存在如下问题。2．1学生缺乏主动思考在网页设计与制作的练习中，学生基本上会完全根据教师演示的步骤来完成练习，所以大部分的时间和精力都集中在回忆实验步骤中，没有主动思考，。实验过程是否合理，甚至根本不明白实验的目的。当面对类似的案例或者实际的项目时，就无法灵活应用所学的知识，导致学生的思维存在严重的依赖性，不利于开发其自主学习能力。2．2教学质量较低网页设计与制作课程的教学内容较多，包括了平面设计的技术、HTML、XML、CSS、Javascript、动画技术、服务器配置等，但是课时设置却较少。例如，我校对该课程安排了60个课时，其中教师的课堂讲解和步骤演示课时约占50%，学生学习知识点和上机实践操作的实践只有一半，很难完成教学大纲的要求。为了完成教学任务，很多内容都是一带而过，导致教学质量较低。
3翻转课堂在网页设计与制作课程中的应用方法
本文以网页设计与制作中，个人主页这一内容的教学为例，对翻转课堂在课程教学中的应用方法进行了如下分析:
3．1做好课前准备教师可以采用相关的视频录制软件，例如“屏幕录制专家”，录制2个长度约5min的微视频，并根据视频讲解的内容，设计导学案，并将资料在班级QQ裙或者微信朋友圈共享，学生利用手机终端下载视频，利用课余时间观看视频，查看导学案，提出自己的问题，在QQ群或微信群中讨论。教师则需要对学生的反馈意见和问题进行统计和归纳，便于在课堂中集中解决。做好课前准备，能让学生初步了解和理解个人主页的制作方法。3．2合理安排课中教学在学生完成对个人主页制作教学内容的预习之后，教师可以结合具体的实例来解答课前学生提出的问题，并进行案例的演示操作。这一环节的时间应控制在20min左右。在翻转课堂中，由于学生在上课前已经进行了比较深入的学习，。对教学内容有了一定的理解，所以教师在确认学生基本掌握个人主页的布局之后，就可以布置任务，将学生平均分成若干个小组，采用小组合作的方式完成个人主页的设计，让每一个学生都能参与其中。在学生练习的过程中，教师要积极发挥自身引导者的作用，对遇到问题的小组及时进行指导。设计完成之后，教师可以让各小组展示作品，并对作品进行评价。其中评价分为自我评价、小组互评和教师评价，对课前微视频学习情况、独立学习、问题讨论、合作表现、创意你表达和成果展比等内容进行综合评价。3．3完善课后复习课堂教学完成后，教师可以将评价表的原始数据进行整理，然后放入各个小组创建的网络学习档案中。同时，教师还需要对课堂中遇到的问题进行整理和总结，并提出对应的解决方法和应对策略，将其制作成动态的学习资源，发送到共享平台，长期存放，方便学生能随时观看。对于因为各种原因无法参与课堂学习的学生，教师也可以利用这些资源帮助他们补课。同时，对于在学习上存在一定困难的学生，或者是不敢大胆提问的学生，也可以利用教师提供的资源，在课后进行反复观看。这样既可以进行补救性学习，又可以节省课堂的公共时间，提高课堂教学的整体效率。
4结语
综合上述分析可知，翻转课堂和传统课堂教学方式存在较大的差别，在网页设计与制作的教学中，应该充分发挥出自身的优势，针对当前教学存在的问题，积极进行改革和创新。
参考文献:
［1］柏翠，程巍．浅谈翻转课堂教学模式在《Dreamweaver网页设计与制作》课程中的应用［J］．科技资讯，2015，10(29):164～165．
［2］罗金玲．基于世界大学城云平台的高职翻转课堂教学模式探究———以《Dreamweaver网页制作》课程为例［J］．电脑知识与技术，2016，32(19):108～110．
［3］何敏华．“翻转课堂”在《网页制作》课程教学中的应用［J］．信息与电脑(理论版)，2014，27(11):242．
在传统教学模式下，所有的知识是先经过教师的提炼梳理和加工后再传输给学生，这是一种推送式传授和灌输的教学方式，课堂教学往往还停留在老师讲解，学生听的方式，这种方式的持续时间越长，学生越容易走神，产生疲劳感，并且严重阻碍了学生自学能力的培养。同时，当给多个平行班上同一课程时，老师需要重复地讲授相同的内容，也不知不觉中加大了老师的工作量。传统的教学模式下的实践课通常是学生对理论课上老师所讲的知识进行验证，大部分学生能跟着老师把当堂课的实验任务完成，但是等过一段时间再遇到同样的效果时，又不知道该如何下手，却没有相关的资源进行复习。另外在教学过程中一直面临着学生“非零起点”和“非同一起点”的“两非”状态，这给课堂教学的组织带来困难。由于学生个体的差异，对所授知识点的接受能力不一样，同样的知识点，有些同学能很快理解并掌握，但有些同学则觉得老师讲得太快，作为任课教师，只能尽量照顾到大部分学生的水平，这样容易造成学习能力强的学生“吃不饱”，而学习能力差的同学则感觉特别吃力，从而学习积极性越来越低，甚至直接放弃继续完成课程的学习。在教学过程中还发现，学生因事缺课，则无法完成相应课程内容的学习，而很多知识点是循序渐进的，一堂课或几堂课的不跟班学习，就造成了学生之后很难跟上教学进度。
二、MOOCMOOC是一种新型的教育学习模式
在MOOC中，教学视频通常是10分钟的长度甚至更小的片段，采取问题串联，答对问题才能继续观看，学习者也可随时提出问题并获得在线解答，具有很强的互动性，为广大学习者提供更高质、高效和便利的教育资源和学习机会，其主要具有以下几个方面的特征：
（一）开放性
目前绝大数MOOC免费开放，任何人都可以注册课程平台，只要对相应的课程有兴趣均可加入学习。MOOC开放性的特点让学生在任何时间、任何地点都可以选修相应的课程。
（二）大规模性
MOOC的课程不是一两门，而是具有一定的规模；另外，参与MOOC一门课程的人数动辄上万，多则十几万人。据统计，Coursera平台中，课程数达688门，而学生人数则为808万人。
（三）互动性
MOOC是一种学生交互参与并且基于网络的开放式资源的在线课程，它为学习者形成交互性社区，实现教师和学生之间的交互、学生与学生之间的交互。
（四）独特性
MOOC课程内容通常按照15-20分钟的时长编排视频，每堂课分割成几个相关主题的短视频，方便学习者按主题学习，同时也方便学生利用碎片时间进行高效学习。另外，学生如果有疑问，可以反复观看视频直到理解为止。摘要：MOOC是近几年兴起的教学理念，对中国高校的传统教学方式带来了冲击和挑战。笔者针对传统教学模从MOOC的特征可以看出，它彻底打破了我国传统教学的封闭性和局限性，但是却无法完全取代传统的课堂教学，主要有以下四个方面的原因。（1）MOOC提供开放的课程教学资源，可是不能创造在一起进行长时间的思想交流、协作和互相学习的教学环境，无法创造与传统教学课堂中互动的氛围和效果，学生积极思考问题的热情降低，分析和解决问题的能力也越来越差。（2）MOOC虽然给学生学习带来灵活性，但同时也削弱了外在规范。MOOC需要学习者具有较强的自主学习能力才能按时完成课程学习内容，对于普遍缺乏自制力的学生则容易放弃学习，完成效率普遍偏低。（3）MOOC作为一种在线教育模式，参与同一门MOOC课程的学习对象数量庞大，教师不可能对每个同学的疑问一一解答，教师与学生的互动难以展开，难以对不同的学习者做有针对性的长期辅导，局限了师生之间的交流。（4）MOOC无法实现教育在实践层面的功能，学生需要的应当是全面的教育，除了课程知识，还要鼓励学生独立思考，参与协作交流，培养团队精神，提高实践能力等。
三、MOOC支撑下的《网页设计与制作》课程教学模式
传统高校课堂基本是教师讲授知识的独角戏，教师既是主导又是主体。而如何将MOOC引入我国传统课堂并实现本土化，利用MOOC优质的教学资源，并结合传统课堂面对面教学的优势开展教学，促进教学改革和发展。在MOOC环境支撑下，笔者对《网页设计与制作》课程的教学模式进行探索，将《网页设计与制作》由原来的“课堂内传授知识并完成作业”的教学模式进行改革，“课前自主学习”———“课堂教学”———“课后拓展”的课程教学模式。
第一阶段：课前自主学习。
首先利用MOOC平台，将传统课堂中理论知识的学习在课前让学生通过“听课”的方式自主预习并掌握相关的基础知识，同时对于有疑问的地方通过在线的方式跟同学和老师交流。这种在线学习视频能较好地避免传统课堂存在的“一刀切、齐步走”的缺陷，使不同水平的学生可以根据自己的学习习惯、学习风格和学习能力开展个性化的学习，有利于锻炼和培养学生的自主学习能力。另外，学生能利用移动设备在任何时间、任何地点开展学习，为学习者充分利用碎片化时间进行学习提供了便利，同时解决了传统教学中学生因缺课、未弄懂课程内容或忘记课程内容时没有相关教学资源可供学习的问题。
第二阶段：课堂教学。
传统教学与MOOC相结合的课程教学模式将课堂教学真正转变成“以学生为中心，以学为主”的双主”教学，教师是主导者，主要发挥指导和调控的作用。在课堂教学中，教师首先以问题为基础进行教学引导，运用案例开展研讨，鼓励学生发现和提出问题，善于引导学生积极有效地思考、讨论并解答，改变以往“听或看”为主的教学方式，积极思考、交流、协作和实践，通过教师与学生面对面的课堂教学中的互动讨论，教师能了解每一个学生对已学视频知识的掌握情况，并及时进行纠正和指导，为学生答疑解惑。对于教师而言，课堂教学将节省较多的课时，是重复体力劳动的解放，同时也能给予学生更多的时间。然后对课程教学内容进行提炼、总结和释疑，运用问题求解方法梳理本次课的疑点、难点和重点。然后布置相应的课堂任务，要求学生通过教师的讲解、释疑，完成相应的操作，对已学知识进行巩固。最后对学生的作品进行展示并给予评价和点拨，有利于完善学生的认知结构，既能使学生较全面了解自己的学习水平，又有利于营造比、学、赶、帮的学习氛围，让学生在评价中学会自我评价、自我完善、相互督促、相互学习。
第三阶段：课后拓展。
在MOOC支撑下的《网页设计与制作》课程教学模式的课后拓展阶段，学生既可以继续深入学习MOOC中相关的内容，参与课程的讨论和互动，强化所学知识。同时对课堂内容进行延伸，鼓励学生利用MOOC或其他资源继续深入学习，激发学生的学习热情，提高学生自主学习能力及研究能力。传统教学与MOOC相结合的课程教学模式从根本上实现“学生为主体，教师为主导”，让教师从一个讲授者真正变成学习的启发者、引导者、激励者，而学生也从被动的填鸭式教学中解脱出来，能够积极主动地完成相应的学习活动，有效地解决了目前传统模式下《网页设计与制作》课程教学存在的问题。
四、结束语
《网页设计与制作》课程是计算机网络、电子商务、计算机软件及计算机应用等专业的一门必修的专业课，是进一步学习《动态网站开发与管理》等专业课程的基础。通过课程建设，力求建设一套有效地、完整的教学资源，达到职业教育的教学目标。
关键字：职业教育 课程建设 工学结合
中图分类号：G71 文献标识码：A 文章编号：1672-3791（2015）08（b）-0000-00
课程建设不仅仅是将教学大纲、教学课件、教案首页、例题等教学资料整理在一起就完成的，而是要根据此课程所对应的职业或行业的需求，通过企业调研、企业专家研讨等多种途径从中获取，总结出课程的技能解析表，使之成为课程建设目标的依据。课程建设成功与否的标志在于其群体教学质量与教学水平是否真正得到提高。课程组成员对课程的内容、课程体系及课程的各个环节的认识，这些最终都依赖于在课程教学中起到主导作用的教师，因此教师自身业务水平的提高是课程建设的核心，是提高教学质量的关键。所以在课程建设规划中必须把促进师资队伍建设摆在首位，并且将队伍素质、队伍水平、师资培养及提高都安排出明确的目标，只有这样，才能确保课程建设成为有源之水，才能保证教学质量的稳步提高。
1 课程建设目标
《网页设计与制作》课程是HTML、XHTML、JavaScript、CSS及网页设计制作相关软件应用等专业知识的综合应用，在《网页设计与制作》的基础之上后续课程有《动态网站开发》等内容。通过本课程和相关课程的学习，学生能够胜任WEB前端工程师的工作。在课程建设上，我们一直探索如何有效进行教学，逐步形成了以项目驱动、案例教学为主的符合高职学生学习的教学模式，具体计划如下：
（1）将工学结合的教学理念运用到积极探索教学方法改革中，一方面进行企业调研，根据网站建设的职业技能要求，进一步分析总结本课程的典型工作任务；另一方面，根据项目驱动为主的教学模式，撰写教学大纲、课程设计方案、项目任务书及项目任务指导书，力争提高教学效率和教学的规范化建设。
（2）着力健全本课程的教学资源建设，包括：项目案例集、理论与技能试题库、网页设计素材库、校本讲义等教学资源的整理和完善。同时，进一步增强师资队伍建设和提高教师的业务能力，安排教师积极参加相关专业的培训及企业实习，这些措施的实施不仅开拓了教师的思路及眼界，更提高了课题组成员的专业水平。
（3）教学实践，进一步完善已开发的课程资料，并争取企业人员的意见。“实践是检验真理的唯一标准”，组织教学实践，不断地更新课程内容，调整课程结构，改革教学方法与手段，加快了实训教学条件与教学资源的建设步伐，逐步形成了讲授课、实验课、学习指导课相结合的教学模式，注重增强教学互动性。
2 课程建设内容
明确《网页设计与制作》课程在网站开发工作流程中的作用和职业技能要求，从而对教学方案、教学内容、教学模式等方面的课程设计做出了根本的改变，力求使教学目标更符合实际的行业标准，即网站开发中前端工程师应具备的应聘条件。
《网页设计与制作》课程建设内容主要包括课程目标、课程内容与结构、教学方法和手段、课程团队、课程资源、课程考核、课程管理等几个方面：
（1）在课程目标建设方面：通过广泛的专业调研与市场调查，并结合往届毕业生反馈意见，不断改进完善人才培养方案，适时地调整课程目标，明确了课程的职业岗位指向和职业能力要求，明确课程知识目标、技能目标，进一步明确以职业岗位能力要求的课程目标，使之更加贴近不断发展的职业岗位技能要求。通过市场调研得出的对专业人才的需求有以下几个大的方面：
①拥有过硬专业技术能力；
②善于交际，拥有较好的口才，能与领导同事和客户进行较好的沟通与交流；
③坚守职业道德，能吃苦耐劳、有较强的团队合作精神；
④能及时了解市场行情，思维敏捷，具有创新能力；
⑤不断地学习进取，具有自主学习能力和知识应用的能力。
（2）在课程内容和课程结构建设方面：《网页设计与制作》课程的教学内容是综合应用到HTML/XML、DIV+CSS技术、JavaScript/Ajax、图形图像处理、动画制作等编写代码能力、信息采集处理能力及网页制作技术，同时要熟悉相关软件的操作使用，如：Dreamweaver、Photoshop、Flash、CorelDraw等，是进行动态网站开发的前端工作。在课程建设中过程，收集和整理课程骨干教师、行业中的技术专家的意见，调整和完善课程教学和课程内容设计，围绕培养网站开发应用型人才这一中心目标、注重培养学生创新思维能力和实践动手能力。调整各教学模块的课时分配，加大功能模块和综合实训模块的课时。
（3）教学方法与手段建设方面：为培养学生综合应用知识的能力，采用教学案例教学法，通过对完整项目的工作流程，培养学生从设计网站页面及站点管理到制作整个网站静态页面的综合应用能力，调动学生学习的积极性，充分利用启发式教学原则进行教学，使学生在课堂中能积极思考；注重理论联系实际，使学生在学习过程中能够理解平时上网时所应用到功能的实现过程，不再感到枯燥无味。在机房里采用讲授、教师示范、学生演示、学生练习等多种教学方法， 切实提高教学效果，以提高学生的动手能力、创新能力为目的，将课件、教案、习题、测试题等学习资源提供给学生，实现优质教学资源共享。
在机房授课，学生一人一机，多媒体教学，大大提高了课程的教学效果，但教学课时有限，课后自主学习，加强基本功的训练尤为重要。且计算机的发展日新月异，课程教学的滞后与目前技术的发展，让学生及时了解与课程相关的技术动态，不要与当前社会需求脱节，开阔眼界，扩宽知识面也是非常有必要的，因此在精品课程建设的过程中加大了网上学习功能的建设力度，可以让学生把课堂上没有消化吸收的知识点通过精品课程中的教学资源进行自学，通过项目案例加强实践动手能力训练，进行课外延伸学习。
（4）为企业提供技术服务方面：为学生创造实践机会，与北京航空城宾馆签订了网站开发协议，该网站的主要功能就是企业宣传，包括前台展示和后台管理两个模块。
（5）课程研究建设方面：开展课题组集体教研活动，加强课程目标、课程教学内容、教学方法、教学手段等方面的研究，撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料，并于本学期开始实践教学活动，进一步修订课程设计方案、项目任务书及指导书，完善教学资料。
（6）课程研究建设方面：开展课题组集体教研活动，加强课程目标、课程教学内容、教学方法、教学手段等方面的研究，撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料，并于本学期开始实践教学活动，进一步修订课程设计方案、项目任务书及指导书，完善教学资料。
3 结论
通过《网页设计与制作》课程建设，不仅仅是建立了一套完整的教学资源，更是认知和实践了一套先进的教学理念。
首先，体现在教师自身业务水平的提高。师资队伍建设是课程建设的核心内容，是提高教学质量的关键。创建学习条件，相互听课，取长补短，不断提高业务素质，教师队伍整体水平和业务综合能力上都有了显著提高，建成了一只爱岗敬业、教学基本功扎实、学术水平较高且结构较合理的师资队伍。
其次，体现在教学理念的根本改变。学校曾组织教师参加过“工学结合”的教学思想创新的培训，教师不断学习实践新的教学理念、不断提高教学质量是课程建设的根本所在。在课程建设规划中，必须明确本门课程在不同阶段的教学质量的内涵与目标，以确保课程建设的准确操作，从而达到不断提高课程教学质量的目的。
最后，体现在课程体系的建设。课程标准是教学的法定性文件，是组织教学的基本依据。而教学资源是教学内容、教学方法的重要载体，学生评价是促进教学质量、确保教学实践有效实施的方法和手段。
参考文献
[1] 首珩.高职加强精品课程建设的研究[J].职业技术教育，2003，（25）：39-42.
关键词：网页设计与制作；有效教学；教学方法；考核
中图分类号：G642文献标识码：A文章编号：1009-3044(2012)20-4926-03
Based on the Project "the Webpage Design and Making" the Effective Teaching
CHEN Mu-lan
(Guangzhou Information Engineering Vocational School,Guangzhou 510430,China)
Abstract: Deepening the teaching reform is to train talents of enterprise needs the effective implementation of means. Webpage making is a comprehensive, practical computer application course, according to the characteristics of this course, this article from the selection of teaching content, teaching methods and assessment methods of these aspects on how to improve the teaching effect, so as to enhance the students’ comprehensive quality.
Key words: webpage design and making;effective;teaching method;evaluation
1课程背景
近年来，中职学生生源数量不足、质量偏低，学生基础太差，缺乏学习动力。在这样的生源情况下，课程仍旧以学科课程为主，依然沿用陈旧的教学方式，没有对教学过程进行优化组合，从而加剧了教学效果的恶性循环。目前职业学校人才培养的效果与企业需求之间存在着较大的差距，具体表现在以下两个方面。
1）专业能力方面。专业知识不够扎实、实际操作能力较低。
2）关键能力方面。人文知识缺失，知识面窄，学习能力、分析和解决问题的能力薄弱；团队协作精神、吃苦耐劳、个人道德行为欠佳。
造成这种差距的原因是多方面的，其中职业学校的课程与企业的工作实际脱节是一种重要的方面。因此，广州市中等职业学校全面展开了有效教学和“工学结合”课程模式的改革。
现在网络已经成为人们生活当中不可缺少的一部分，越来越多的企业、个人都拥有了自己的网站。在互联网的世界，展现出吸引眼球的网站，是每一个网页设计师的目标。《网页设计与制作》课程是中等职业学校一门重要的课程，是我校计算机专业的主干课程，它是一门包含一定的理论知识而实践性、技能性相当强的课程。网页制作的实践操作技能对如何设计出与众不同、独树一帜的网页及后续的《动态网站制作》课程学习，具有十分重要的作用。
因此，笔者根据多年的教学实践，结合“以就业为导向、以全面素质为基础、以能力为本位”的职业教育指导思想，着力提高学生的综合职业能力为目标，对《网页设计与制作》课程进行了有效教学的改革。
2教学内容的选取
教学内容应能适应行业技术发展，体现技术的先进性。以就业为导向，将学生日后就业可能遇到的问题纳入到教学内容中，突出“学以致用”。由于计算机技术发展迅猛，若只注重理论或使用过时版本软件，很容易使学生产生厌学情绪，不利于具有创新思维和创新能力职业人才的培养，违背教学目标。
按照我校《网页设计与制作》课程的教学大纲和教学目标，结合教材和课程特点，教学内容选择以项目、案例教学为主。根据总体目标确定课程各个知识点和技能点的具体目标以及教学内容，让学生带着任务学知识、带着任务学技能，使学生既知道该怎么做，又知道为什么这样做。根据学时和学生的实际水平灵活选择教学内容，如表1是《网页设计与制作》部分教学内容。
本门课程教学内容以实践教学为主导，理论为实践服务，以学生为中心，教师为主导，通过分解任务、学做合一和讨论协作有机融合，使学生能够参与，有明确的任务，学习的主动性、积极性得以发挥。在实践教学设计中重视知识点和技能点的综合运用，并充分有效地利用多媒体教学的网络环境和优越的硬件环境，会收到很好的教学效果。
3教学方法的改进
在以往旧的教学方式中，从总体的教学效果上看并不十分理想，学生完成实训任务时目标欠明确，所学知识和技能比较零散，不能产生浓厚兴趣，学生之间的协作性以及教师与学生间的互动性较差。知识和技能的遗忘率较高，不利于学生职业技术素质的提高和职业技能的培养，达不到理想的教学效果。笔者根据往年的教学经验，结合学生及课程特点，对所教的班级采取了以下教学方法：
3.1“学中做、做中学”
为便于学生的学习讨论和设计制作，本课程教学直接在有职业氛围的配备有多媒体教学设备的实训室进行。教师根据学生实施任务时所需知识和技能的情况演示讲解有关的知识和技能。在实施任务的过程中，学生可以小组相互讨论、协作、提问，而教师则在实训室巡视，到学生中间监督任务进程，并给予学生适当引导，必要时进行个别或集体辅导。等学生完成任务后，教师对学生完成的任务成果进行点评，并对任务的总的完成情况进行总结。最后让学有余力的学生开发自选网站项目中类似的任务，对自选项目的完成情况和设计思路应在适当时间进行分析、点评，并可通过学生自己的介绍提高学生的综合素质。
各个任务实施过程如图2所示。
图2
3.2小组教学
近年来，小组学习在我校区的计算机应用教学部对部分计算机专业课程进行了大胆的尝试与创新，取得了较好的教学效果，现在四个校区也全面实行了小组教学。
笔者将学生分成多个小组，每组5人，兼顾学习成绩、学习能力、性格特点等因素，每小组选出一位技能操作性强、责任心强、热心助人的学生作为小组长，小组长主要起到帮学及“小老师”的作用，在完成学习任务过程中，如遇到问题可在小组内互相学习讨论、分析、解决问题，设计制作与创新于一体，能够开拓思维，发挥潜力、培养个性、培养团队精神。学生在“帮”与“被帮”的过程中也体会到了成就感和学习的乐趣，充分调动了学生的学习兴趣，不再因为“难”而不想学。而教师能更好地控制课堂，巡视、引导有需要帮助的学生，也弥补了教师在实训教学过程中，一人面对几十位学生时，不同的学生所遇到的不同问题而不能及时得到解决的不足之处。为了能更好地管理课堂及机房实训室的管理，每三个小组组成一个大组，每一大组选出一位“线长”，做到教师管理“线长”，“线长”管理组长，组长管理组员的层层递进关系的管理方式。
小组教学需要注意的几点：1）小组长人选需要具备“三强”，即操作技能强、责任心强、管理能力强；2）“线长”和组长在上实训课前任课教师需要对他们进行适当的培训，特别是管理的要求及学习任务的具体要求；3）小组教学并不是让教师“放羊”，而是要充分体现出发挥学生是主体，教师是主导的作用。根据本门课程及实训上机的特点，设计项目登记表如下：
备注：1、组员在完成任务进行自评并按时上交作品，然后组长对本小组成员进行评价，课后教师进行师评，评价分为“优秀”“完成”“及格”，没完成的打“×”，并注明原因。
2、“小组加分”一栏由教师根据该次课进行填写。
3、“课后整理”一栏由组长根据该同学有无按要求整理进行填写“√”或“×”
4、组长签名后，在下课后交线长，由线长交回给教师。
3.3充分利用软件教学
为了调动学生的学习积极性，吸引学生的眼球，教师花了大量的时间去做精美的PPT课件，教师在讲台上面讲，而有的学生在下面玩手机、睡觉、讲话等，或坐后面的学生根本就很难看清前面的投影等情况，达不到预期的教学效果。
根据以上情况，笔者采用了“凌波多媒体软件”和网络教学环境进行教学，达到较好的教学效果。利用“凌波多媒体软件”进行控制所有的学生机，使学生在原来的座位上一人看一台电脑，能认真听讲、思考，互不干扰，吸引学生的注意力，学生身监其境，“看在眼里，记在心上”，非常直观，加深了印象利于学生理解，也防止了学生做跟上课内容无关的操作。教师一边分析讲解，进行提问、讨论，并适当的一边演示，一边引导同学进行操作，学生则一边听课，一边思考，并根据自己的想法与教师沟通，随时发现问题及解决问题，建立了一种互动的学习氛围。
利用软件教学，除了可以控制机房所有的电脑外，还可以控制指定的某几台机或一台机，也可以对部分学生进行讲解而其余的学生不受任何影响；能方便发放素材和收取学生作业；能监控学生完成作业的情况。
3.4角色扮演
教师作为客户，要求设计者（学生）按客户的要求进行做某个项目，模拟公司对员工的情景，学生“上机如上岗”，这种角色的扮演，容易激发学生的学习热情和求知欲。
通过恰当的教学方法，在有限的时间内使学生最大限度地掌握各种网页技术，为后续的动态网页课程奠定了基础。注重教师主导作用与学生主体作用的统一，强调学生自我探索、独立研究能力与创新精神的培养，是教好这门课的关键。
4考核方式的改进
过去的计算机课程考试通常是一张试卷就决定了该门课程的成绩，而考核的重点偏向理论知识，《网页设计与制作》是以考查方式考核学生对网页制作的掌握程度，考核的重点放在对学生学习过程的考核上。
在课程考核中增加了课程设计题目，以小组为单位，为了充分考虑到学生的兴趣爱好和主观能动性，不指定单一的项目，而是列出大量题目供参考，学生也可以自选项题目，但是老师要提出项目的设计具体要求。学生在两至三周的时候利用课余时间完成，老师对各个小组成员提出问题，然后根据完成的情况进行评分。通过合作完成一个实际的项目，不仅可以考核学生运用知识的能力，而且可以考查实际动手能力，合作团队精神。
在期末采用上机操作方式完成对技能部分的考核。在规定的时间内（2小时）利用给定素材，考题要求，利用所学软件完成规定技术要求的网站创意设计与制作。模拟公司招聘员工和网页设计工作者工作过程的考核方式，检测学生创意、设计、理解题材、图像加工处理、动画制作、色彩运用、布局等综合能力。
最后，在全年级进行一次主干课程专业技能竞赛，优秀的学生进行加分的奖励。
通过课程考核、综合项目实操相结合；现场操作、制作作品、开发产品相结合；教师、学生、小组评价相结合；通过结合来综合评价学生的知识和技能的掌握情况、综合素质。其中课程考核成绩由5个部分组成：平时表现（包括课堂表现、出勤、提问、作业）35%，小组评价5%，项目作品20%，综合技能考核40%。
5结束语
针对《网页设计与制作》课程的特点和目前学生的状况，根据企业的需求，结合往年教学经验，对课程改革进行了大胆的尝试，取得了较好的教学效果。总之，教师应以培养能力为主线，强化实践性教学。教学工作是学校工作的重点，有效教学和教学改革是一个长期、一个永恒的话题，在教学过程中必须不断探索，不断创新，只有这样才能顺应时代潮流的发展，培养出素质高能力强的人才。
参考文献：
[1]班蕾.网页设计与制作教学方法探究[J].教育纵横,2010,6.
关键词:工作过程;教学改革;网页制作;教学方案
工作过程导向的教学思想和方法是在学习与借鉴德国“双元制”职业教育经验、改革我国职业教育的过程中,逐步在我国教育界受到重视。所谓“工作过程”,是指在企业里为完成一件工作任务并获得工作成果而进行的一个完整工序[1]。工作过程的核心是行动导向,强调学生是学习过程的中心,教师是学习过程的组织者与协调人,教师采取“资讯、计划、决策、实施、检查、评估”的整体行动,在教学中与学生互动,让学生通过“独立地获取信息、独立地制定计划、独立地实施计划、独立地评估计划”,使学生在实践中掌握职业技能、习得专业知识,从而构建属于自己的经验、知识或能力体系[2]。
以工作过程为导向构建教学内容和教学方法的具体思路是:根据确定的职业岗位,先分析其典型工作过程与工作任务,得出完成工作任务对应的职业要求,按照职业要求设计专业知识模块和项目案例,分解工作任务,形成教学情境。从而实现按照职业成长规律与学习规律将职业能力从简单到复杂,从单一到综合进行整合,归纳出相应的行动领域,再转换为学习领域。
1典型工作任务与职业能力分析
根据计算机类专业毕业生的就业调查情况,大多
数学生在中小型软件公司从事网站开发工作,其典型工作过程如图1所示:
图1Web网站开发工作过程
针对该工作过程进行分析,可以得出Web网站开发工程师岗位对应的典型工作任务有:网站的规划与策划、网页界面设计,网页布局,动画设计,Web后台与前台的整合,项目程序开发等。典型工作任务及其对应的职业能力如表1所示:
作者简介:刘万辉(1978-),男,河南巩义人,讲师,工程师,硕士,研究方向为计算机网络、多媒体与网页设计。获江苏省多媒体课件一等奖1项、二等奖1项,主编教材2部,参编教材2部,制作横向企、事业单位网站200余项。
表1典型工作任务与职业能力分析表
工作任务 职业能力
网站的规划与策划 网站的规划与策划能力
网页界面设计 网页色彩搭配与网站布局能力
利用Photoshop进行网站效果图的设计能力
利用Flash进行动画制作的能力
网页布局与编辑 符合Web2.0标准的XHTML代码编辑能力
利用DIV+CSS实现网页布局能力
利用JavaScript实现DOM操作的能力
表格与框架的布局能力
CSS样式表的运用能力
Web前台与后台的代码融合 CMS系统地搜索能力
CMS系统的使用能力
项目程序开发 使用ADO访问数据库的能力
利用Session、Cookie等实现页面间传值、身份验证、权限管理的能力
利用Web控件实现业务逻辑的能力
利用Asp实现简单的MIS系统地的能力
以上这些能力目标,在教学领域中主要对应的是网页设计与制作中应完成的教学任务。但目前高职院校的网页设计与制作教学中均存在很多问题,制约和影响了能力目标的实现。问题之一:双师师资不足,教师能够正常讲授课程但是没有项目开发的工程经验;问题之二:教师选用的案例过于简单,脱离实际工作过程。问题三:教学过程中无法体现关键知识点的前后连续性,这样的案例无法满足实际工作要求,也无法激发学生的学习兴趣。
2将项目资源转化为教学资源的教学情境
设计
要解决教学中存在的一系列问题,顺利实现“网页制作与网站设计”课程的教学目标,首要解决的问题就是如何将项目资源转化为教学资源。在目前高职院校中,每年都有一定的数字化建设项目,各处室网站改版,例如专题学习网站,同时在网络上也很容易找到一些网站外包项目,在社会上也很容易找到一些
横向的网站项目。从中可见,并不缺乏真实的网站项目,但是,如何将这些项目资源转化为教学资源,是一个需要反复实践的课题。本人从2004年开始,以我院创新实验室的近200多名学生作为试点,先后开发了企事业单位网站近200个,开发教学专题网站30多个,几年来,这些项目都以不同程度的在向教学资源的转化,从而对教学形成了良性的循环,每届毕业的学生都能够从中受益。为了更好的指导教学,将项目资源转化为教学资源,我们构造了以网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、HTML语言基础、网页布局与编辑、模板与库的应用、层叠样式表CSS、DIV+CSS网页布局、静态网站动态化、动态程序开发、综合教学案例、项目开发实训14个模块为主教学单元,然后将教学内容进行了重构,整理成5个典型的工作情境,编写了基于工作过程的《网页设计与制作教程》,教材内容体系清晰,教学模块符合岗位需求。表2是结合我院实际情况,制定的关于网页设计与制作的整体教学情境。
表2“网页设计与制作”教学情境设计
学习情境 子情境设计
情境1:教学成果申报网站建设 项目基础与流程设计、效果图设计与切片、网站的后期编辑、网站的与测试
情境2:书法家庄辉个人网站建设 网站项目策划、主页效果图设计与制作、模板页效果图的设计与制作、网站切片与导出、网站动画的设计、网站的后期编辑、HTML学习、CSS样式表的应用、项目完善
情境3:英语等级考试专题学习网站建设 项目前期组织工作、效果图的设计与切片与动画设计、网页的后期编辑、代码融合
情境4:软件项目化综合实训精品课程网站 项目前期策划、效果图的设计与切片与动画设计、DIV+CSS布局网站、使用模板与库完善网站
情境5:班级通讯录管理系统的实现 前期策划与效果图的设计、框架布局图形网站、登录系统的实现、通用查询系统的实现、通讯录管理系统的实现
学习情境是学习领域教学内容的具体化。表2中学习情境的设计思路是:按照Web网站项目开发实际工作过程,将典型的工作任务融入到为这5个工作情境中,这些工作情境从个体上看,都代表了某一类网站;从整体上看,则是难度逐步加深,推动了工作进度,最终完成5种类型的网站项目、网页设计与制作的理论知识点技能要求,分布在这些工作情境之中,它和传统教学顺序完全不同,教学内容设计完全取决于实际开发需要,从而大大激发了学生的兴趣,达到了“学中做、做中学”的效果,学生的学习主观能动性得到了发挥。
3教学模式与教学过程的设计
教学模式采用工作流程模块化,模块内容案例
化,课程考核过程化,理论实践一体化的教学模式,充分实现教学做一体化的教学体系。
工作流程模块化:根据课程培养目标,遵循基于工作过程的课程开发与设计理论,听取IT专家以及历届毕业生的意见,重组教学内容。
模块内容案例化:每一模块下都设立了相应实践教学的教学案例,供学生学习参考。
课程考核过程化:采用形成性过程考核的方式,形成了以能力培养为目的的考核方式。
理论实践一体化:通过理论实践一体化的教学模式,使理论与实践有机融合,教学做合一,不但培养了学生的专业能力,还充分培养了学生的方法能力、社会能力和职业素养。
以项目驱动为主线,遵循教育教学规律,由简单到复杂,实现教学目标。如图2所示:
完善的、科学的、规范的、立体化的课程资源
图2教学模式的设计
教学内容与教学模式确定后,教学过程的实施,首先进行项目分组,然后给各组下发任务单,采用项目资讯、计划与决策、项目实施、项目检查与评价四
步教学法。整个教学过程采用过程考核。
4教学的考核方式
考核方式如表3所示。
表3“网页设计与制作”教学考核方法
考评
方式 过程考评(项目考评) 期末考评
(项目考评)
素质考评 工单考评 实操考评
10分 20分 30分 40分
考评
实施 由指导教师根据学生表现集中考评 由主讲教师根据学生完成的工单情况考评 有指导教师对学生进行项目操作考评 按照教考分离的原则,由学校教务处组织考评
考评
标准 根据遵循实验室规则,能够团结同学,配合小组工作任务等情况打分(10分) 预习内容(10分)
项目操作过程有计划与实施记录(10分) 任务方案正确(10分)
操作过程正确(10分)
任务完成良好(10分) 建议采用项目考试,已完成真实项目的能力来考核
注:1.造成设备损坏的项目计0分。
2.课程结合学习过程可以采用以项目代考、以奖代考、以认证代考。
5对教师的要求
要实施上述教学模式,对教师的能力有以下几点要求:
(1) 具有独立开发中型商业网站的的水平和能力;
(2) 具备一定的项目设计能力和项目组织经验;
(3) 课内实践部分指导教师必须具备现场实际工作经历2年以上;
(4) 具备设计基于行动导向的教学法的设计应用能力;
(5) 能采用先进的教学方法,具有比较强的驾驭课堂的能力;
(6) 具有良好的职业道德和责任心。
6教学效果和体会
在经过2006级学生小班化试点后,我们在2007级计算机软件技术专业学生中应用了基于工作过程导向的,将真实项目资源转化为教学资源的任务驱动教学方法,实践证明,在实际教学过程中,学生能够主动发现问题,并积极主动去解决问题,特别是由于所有的情境都基于同一项目,学生在做后面的实训时,经常能发现以前作业的不足之处,从而主动将业
余时间用来做网站项目,部分同学甚至在学期末将本学期20个工作任务全部重做了一遍,大多数学生具备了学习的主动性和能动性,明确了知识模块的联系和课程的学习目标,为后继课程的学习打下了坚实的基础。
当然,衡量教学效果最重要的是学生的就业质量和可持续发展能力。目前,2006级小班化试点的学生已经走上工作岗位,截至到2009年6月底,两个班级就业率达到95%以上,对口就业率达到70%以上。其中上海壹择软件公司分3批招收了4名学生,南京乐天堂科技有限公司分2批招收了5名学生,苏州电信软件开发中心也分2批招收了4名学生,苏州宏拓科技有限公司也分2批招收了5名同学,学生质量得到了用人单位的肯定。
在实践过程中,发现存在如下问题与不足:由于整个教学情境在逻辑上前后联系,对于动手慢的同学前一个任务没有完成,就失去了实现当前任务的基础。针对这一问题,在下一步工作中,需加强过程管理和课余辅导,鼓励同学间相互帮助与沟通,先进带动后进;另外,需强化基础图象处理训练与审美训练,培养良好的界面设计能力,提高网站设计能力。
作为江苏省首批示范性高等职业建设院校之一,我院积极学习国内外先进的教学模式和教育思想,根据专业和课程的具体情况,努力探索适合自己的教学改革之路。以工作过程为导向,将真实项目资源转化为教学资源,调动学生的主观能动性,在教师引导下来实施教学进程,是培养学生理论知识、实践技能和学习能力的重要手段,是能力本位教学模式的体现。而这种教育模式也对教师的教学水平、责任意识、实践经验等提出了更高的要求。开发多种类型的课程模式,不断深化高职教学改革,提高教学质量和就业质量,是一线教师义不容辞和长期艰巨的任务。
参考文献:
[1] 马英. 工作过程导向的高职机械制图教学探索[J]. 工程图学学报,2008,29(4):137-141.
[2] 姜大源. “行为”、“活动”、与“行动”辩――“行动导向”教学管见[J]. 职教通讯,2003(1):42-43.
[3] 赵志群. 职业教育与培训新概念[M]. 北京:科学出版社,2003:97.
Teaching Research and Practice on Webpage Design and Making Course Based on Working Process
LIU Wan-hui, SONG Gui-ling
(Huaian College of Information Technology, Huaian 223003, China)
【关键词】 工作过程系统化；《网页设计与制作》；课程开发
【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01
基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。
基于工作过程系统化的课程开发有以下步骤：
第一步：本地区及周边地区人才市场调研；
第二步：职业分析；
第三步：提炼本课程所设计的职业行动领域；
第四步：按照工作过程系统化对课程知识体系进行解构和重构；
第五步：精心设计教学内容和教学过程；
第六步：精心学习情境设计。
总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。
一、工作任务分析、行动领域归纳
《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。
二、学习领域
网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。
三、学习情境设计
根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：
其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。
参考文献
[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。
关键词：中职；网页设计与制作；教学
为了让中职院校的学生掌握网页设计与制作的基本技能，适应社会的信息化发展，许多高职院校在教学方面进行了许多的改革，以提升教职工的教学质量、提高学生的文化素养。
一、网页设计与制作的概述
网页设计与制作，是一种建立在新型媒体上的设计技术。它把技术和艺术、理论和实际相结合，是提供信息的一种重要方式，也是企业展开电子商务的信息平台。随着信息社会的发展，网页已经成为人们了解信息的一种方式，它具有速度快、容量大、功能多、可互动、传播空间大等特点。网页设计是一个网站的门面，是用户进入网站的第一印象，也是网站运作的必备条件之一。
想要成功地完成一个网页设计，首先要具有活跃的思维方式，其次，还要具有过硬的操作技术，只有二者相结合，才能增加用户浏览页面的兴趣。
二、中职计算机专业学生的特点以及存在的问题分析
1.中职计算机学生的特点
中职院校的招生对象为应届初中毕业生，他们大多年龄偏小、文化程度不高、多为农村生源。他们正风华正茂，喜欢新事物，追求自由和时尚，对于社会还不了解。并且大多数文化基础薄弱，知识水平不高，对技术学习有一定的恐惧心理。再加上农村生源占大多数，许多学生从未使用过电脑，没有操作能力。
2.中职计算机专业学生存在的问题
中职院校的学生没有良好的学习习惯。部分学生更是缺乏基本的价值观和是非观。他们还未意识到知识和技能的重要性。很多学生连课程都不愿意接触，沉迷于网络和游戏；还有一些是基础太差，缺乏学习能力而没有什么收获。再加上中职院校的教材品种繁多，良莠不齐。教师授课按部就班，有条理性，可是对于学生来说，却不能建立基本框架，再加上学生自身的学习跟不上，从而导致学习效果差。
三、网页设计与制作教学方案的探索与改进
1.做好学习动员，激发学生的热情
想要提高教学效果，最关键的还是学生自己。所以首先要做好以下两方面的工作。
（1）因为中职生在初中时并没有打下扎实的基础，也没有形成良好的学习习惯，缺乏学习兴趣，所以我们首先需要让学生树立自信心，其次，应该帮助学生分析就业形势，以增强学生的学习动力。
（2）改变学习方法，对学生提出三个要求：上课要做笔记；上机认真操作并写实习日记；最后，就是要多多注意本门科相关的报纸、书籍和杂志。不断扩大自己的知识面，形成自己的知识体系。
2.创造适合的学习环境，选取适合的教材
中职院校的教材繁多，教师教学要与学生的实际相结合，为学生学习创造相应的学习情境，选取适合的学习教材，使学生跟上教师的教导进程。课前多收集一些多媒体的文字图片，也可以多收集一些精美的网页来吸引学生的注意力，增强他们的学习乐趣，才能顺利地开展教学活动，使他们积极主动地学习有关方面的专业知识，掌握了解专业方面的知识，学得一门重要的操作技能。
3.任务的引用、完成和拓展
教师要根据实际情况提出问题，明确目标。让学生明白通过学习可以掌握的技能；根据目标，让学生系统地完成教学课程；在实现教学目标后对学生学习进行进一步的要求和提高。多多鼓励学生，以达到课程的技能培训目标。
4.培养学生的艺术气息
网页设计与制作这门学科，也蕴含了丰富的艺术气息。设计网页需要一定的鉴赏能力，所以我们要适当地对学生进行艺术鉴赏教育，以便他们更好地掌握网页设计这门理论与实际、技术与艺术相结合的操作技能。
综上所述，中职计算机专业网页设计与制作要以学为主、以教为铺，以技术和艺术、理论与实际相结合。教师要对学生进行思想教育，提高他们的自信，激发他们的进取心，提升他们的主动性，这样他们才会积极主动地去学习。教师也要准备好选材，争取环环相扣，做好良好的学习体系。及时为学生解答疑难问题，让学生更好地掌握学习专业技术知识。教师要对学生的教学内容和操作内容合理安排，对学生进行正确的引导，提高学生的动手操作能力。希望通过这次对教学的探索和改进，可以提高中职院校学生对网页设计与制作的学习积极性和学习效果。
参考文献：
【关键词】网页设计与制作 能力培养 教学改革
当前社会计算机的发展速度越来越快，特别是网络的普及，所以自然网络方面的课程就慢慢普及了，所以网页设计类的课程已经成为计算机专业的首要课程。这门课程实践性比较强，主要体现了自主和创新的内容，学生可以自主地来设计，没有任何的局限性，所以这门课程的开设还是非常有意义的。
一、教学目标的确定
教学目标的确定意义是非常重大的，这门课程和其他课程不同，重视的是学生的实际动手能力。要让学生在这个学习过程当中通过实际操作来熟悉网页中的各技术的实现，在学习这门课之前，要先开设一些课程，如《计算机基础》《数据库》《C 语言程序设计》等前期课程，提供必要的知识储备，这样对于学习网页设计非常有帮助，完善了学生学习的知识架构，为学生在实际工作中提供方便。所以通过这门课程的学习，可以提高学生分析问题的能力、团队合作的能力还有创新思维的能力，这些能力都是其他课程中很难一下都能够学习到的。目标的确定，让老师和学生都带着目的去教学和学习，这样的效果来得更好、更快。
二、教学内容的确定
本门课程的教学内容应该要满足当今社会发展的模式，突出新技术，体现出当代学生的实际动手能力。要满足今后学生的就业方向，这个是目前必须要针对的问题，教学内容一定要新颖，突出实用价值，而且相应的软件也要同时更新，不能用版本太老的软件，不利于学生的就业发展。按照网页设计课程的教学计划，内容要按照当前企业里所用的软件来进行，并及时的进行更新和下载，主要软件包括Flash、Fireworks、Dreamweaver和Photoshop这些，这些都是必学的软件。在这里面，Dreamweaver的课时是最多的，至少要占到一半，PS和Fireworks可以只讲其中一款软件就可以了，因为都是图像处理软件，Flash的课时其次。所以教学内容除了课本的选择，另外一个非常重要的就是软件的更新和维护。
三、教学方法的确定
网页设计课程是一个非常重视能力培养的课程，而且这样的能力在今后的工作中也要用到，所以必须要适应目前社会企业需要什么样的人才，要着重培养适应社会发展和社会需要的人才，所以，网页设计课程的教学方法一定要突出这些。首先，我们可以使用多媒体教学的方式，让声音、图像和操作过程一并同时显示出来，这样的教学手段其实很多地方已经用到了，这样做的好处就是可以增加学生的学习激情，让学生首先可以对这门课程感兴趣，有了兴趣，学生自然就会自觉的去学习，通过反复的操作和实践，不断的加强练习，这样自然就可以体会网页设计的精髓。所以多媒体教学确实是一个很好用的教学方法和手段，除了这个之外，也许还有其他的教学方法可以选择。
（1）建立网络平台
我们可以建立一个这样的网络平台，让学生可以自由的探讨网页设计问题，老师可以在这样的一个平台上发现问题、解决问题，拉近师生之间的距离。可以有一个BBS讨论和留言的网络平台，在这个平台中，老师可以布置作业，批改作业，可以把一些好的作品上传到这样一个平台上，而学生可以通过这个平台得到一些课本所没有的知识点或者技术，下了课堂同样可以和老师进行网络上的沟通。我觉得这样的一种方式确实是可以锻炼学生的自我学习能力和自主创新的意识，这样就正好达到了网页设计课程的教学目标。
（2）比赛制度的教学
在教学的过程当中，我们可以把一些练习或者题目转换成比赛，在课堂上我们可以让学生在一定时间内完成这个比赛，锻炼学生的积极性和知识的掌握能力 ，对于完成情况比较好的作品我们可以和大家一同来分享，并且加以鼓励学生，同样的对于最后没有完成比赛的同学我们要加以鼓励，希望他们能在以后的比赛过程中提高。这样的方式不仅仅可以让学生在这个过程中得到锻炼，同时也可以让学生体会在比赛中的感觉，在今后的一些大赛中能够克服一些问题，在比赛中取得更好的成绩。
所以我们要摆脱传统教学时间上和空间上的一些限制，积极的采用多种教学方法的融合，这样的好处可以让学生对于这门课程的体会更深刻，同时也是让学生在这样的一个教学环境中轻松的成长起来。
四、总结
以作者多年来在网页设计课程教学中的经验，对课程进行了大胆的尝试，在这门课程中一定要注重实践能力的培养，而且必须要和社会和企业接轨，这个是我们教学的最终目的。其他类似于网页设计的课程，都可以采取以上所谈到的教学方式的改革，这样不仅仅可以锻炼学生，同时也可以让老师在这个过程当中得到学习，说明教学方法是可以改变的，而且要有成效。通过一系列的验证，最终达到了预期效果，所以我们必然要努力的进行教学改革，争取让网页设计课程达到一个最完美的状态。
【参考文献】
[1]谢良辰.对《网页制作技术》课程实验教学设计探讨[J].教学与管理，2006（21） .
[2]粟圣森.基于工作过程的计算机网络专业课程改革的探讨[J].广西轻工业，2009（06）.
关键词：高职；Web 2.0；项目教学法
中图分类号：TP393.092-4
《网页设计与制作》是高职高专计算机专业的一门操作性和实践性较强的课程，以专业培养目标和专业教学计划为依据，遵循适用、实用、会用、通用的原则，系统讲授网页设计与制作的相关技术。笔者在最初教授这门课时，采用传统教学方法进行教授，但发现学生学完本课程后，对所学的理论知识掌握尚可，但在实践过程中往往出现不知所学知识点如何运用的情况。这与高职高专培养应用型人才的目标相背离，同时无疑对学生后期就业等都会产生很大的影响。在以往的课程教学效果评估中，我们发现主要存在以下三个问题：
（1）沿袭传统的按章节来组织内容，缺失了对整体布局网站的职业能力的培养，学生只会照搬实例，不能融会贯通，无法把知识点串接以及组合起来布局综合型的网站。究其原因在于学生缺失了对整个网站布局和规划等综合能力的训练，而这些技能往往是从事这一职业最关键的能力。
（2）教学过程以讲解理论为主、上机实践为辅，学生很难接受这种“满堂灌”的方式，上机实践也只是为了验证理论知识或加强对理论知识的熟悉程度，很难适应当今社会对应用型人才的要求。
（3）学生在课下碰到网页设计与制作的相关问题时，很少去和同学们或者教师交流，这与缺乏交流平台以及缺乏团队合作意识有关，导致问题不能及时解决，逐渐将问题堆积。
鉴于上述现状，为提高课程的教学效果，充分调动学生学习本课程的积极性，加强培养学生网页设计与制作的实践能力，我在近两年《网页设计与制作》课程的实际教学过程中，尝试进行了基于Web 2.0技术的项目教学法教学模式的探索与实践。
1 基于Web 2.0技术的项目教学法的内涵
项目教学法是教师以研究某种或多种学科的概念和原理为中心，以完成具体的任务为目的，在真实的社会实践中借助多种资源开展探究活动，并在一定时间内解决一系列相关联问题的教学方法。但是由于教师知识范围的局限，其所设计资源并不一定能满足学生的学习需要。Web 2.0能轻易帮助我们解决这个问题，因其开放性和协作性的特点，给学习者参与进行资源的完善和共建提供了方便，可以发挥群体的优势，实现学习活动中问题的解决，并在问题解决的过程中学会协作，学会学习。
基于Web 2.0技术的项目教学法为学习者提供了开放式的学习，提供的资源是开放的，可以修改、增加、共建。这样的项目教学法可以通过Wiki、博客技术手段来实现，学习者通过博客或Wiki来自己项目主题、项目计划、阶段性成果等相关内容，借助SNS、Tag聚集对项目主题感兴趣的人，让学生及时捕捉到其他学生最新的项目信息及项目成果，从而及时分析项目成果，来进行开展深入研究。因此基于Web 2.0技术的项目教学法是基于开放式特征的研究性学习。
2 高职《网页设计与制作》教学实践改革设计
本研究中，首先设计一个学生熟悉并易于接受的整体项目，然后将上述整体项目分解成若干子模块，再将子模块分解成子项目，直到每个子项目可通过各个知识点来解决。
本课程选取的整体项目是“建立一个学校的网站”，将其分解成了七个子模块：创建学校介绍页面、学校各部门介绍页面、制作网站的留言板页面、制作网站的首页或引导页、站点上传与、使用CSS进行网页布局、制作网站的创建流程。下面以第二个项目“学校各部门介绍页面”的实现为例说明。
（1）根据教学目标和教学内容，创设情境
根据教学目标，学生学完本门课程后，应能熟练掌握网页设计与制作中的各种操作技术，具备开发、维护小型网站的知识和能力。因此教师在授课之前，先在Wiki上提出教学要求，教学内容提纲，激发学生思考。在Wiki页面上把搜集的一些有着生动文字、精美图片、动听音乐以及有趣动画的网页给学生们欣赏，使学生对本门课程产生浓厚兴趣。
（2）根据情境分解目标，确定项目
我们利用“学校各部门介绍页面的实现”子项目让同学们逐步掌握为网页添加各种链接、创建导航条、利用层的嵌套与重叠顺序设置层的属性等知识点，并将其进一步分解成七个子项目，逐一对应以上各知识点。子项目的具体要求如下所述。
①子项目一：学校部门介绍与素材资料的准备。
具体描述：搜集学校介绍和各部门的文字、图片、表格等资料素材。
项目重点：资料搜集的方法及提炼。
②子项目二：制作“友情链接”。
具体描述：为网页添加文本链接、图像链接、E-mail链接、锚点链接、空链接和脚本链接。
项目重点：不同链接的添加方法。
③子项目三：创建导航条。
具体描述：为网页添加导航条，利用插入图片和利用“导航条”两种方式，学会使用热图链接。
项目重点：创建导航条的方法。
④子项目四：制作利用层布局的网页。
具体描述：创建和选择层、改变层的重叠顺序，设置层的属性，将层对齐到网格。
项目重点：层的嵌套与重叠顺序、层的属性。
⑤子项目五：制作框架网页。
具体描述：认识创建和保存框架与框架集、框架和框架集属性、插入预定义框架集和制作新的框架、在框架集中创建链接。
项目重点：区分框架与框架集、学会保存框架与框架集、插入预定义框架集和制作新的框架。
⑥子项目六：创建库项目。
具体描述：创建库项目、添加库项目、编辑库项目。
项目重点：创建与应用库项目。
⑦子项目七：利用模板创建出大量的具有形同布局的页面。
具体描述：创建模板、定义可编辑区域、使用模板创建统一风格的网页、把模板应用与现有的文档、编辑模板文件、管理模板。
项目重点：创建、编辑、管理模板，使用模板创建统一风格的网页。
（3）利用Web 2.0技术提供资源、创建小组、小组协作、完成项目
教师需在Wiki页面上向学生提供必要的资源与素材，供学生们引用。此外，教师还需在学生着手开始实施项目之前，为同学们讲授在实施项目过程中将用到的各基础知识，并通过小的实例项目操作练习，加强学生对语法知识点的掌握和训练，开阔学生编程的思路。
在教师指导下，遵循差异性、公平性、交互性、协作性原则，在适度自主组合基础上划分若干个学习小组，每组5至8人。教师要关注小组间成员的技术力量是否均衡，认知能力是否均衡，学习方式是否均衡，比较可行的办法是先由学生自愿组合，再由教师适度调整，在听取小组成员意见的基础上指派一名小组协调员和一名技术辅导员。一旦小组成员确定，学生必须注册成Wiki成员，并由技术辅导员申请维客小组，根据教师布置的任务创建条目，其他成员加入小组进行讨论共同学习。
学生借助网络主动搜集材料，应用如Tag、SNS、RSS等技术，Web 2.0能“主动”为学生寻求合作的目标群，并“主动”在各学生的Wiki之间建立起连结，然后在Wiki上创建该问题的相关页面阐述各自的见解，并提供相关链接，通过组内和组间的讨论、启发对该页面不断修改、完善。小组成员可以邀请别组成员加入本小组，也可邀请游客加入本组，其版面和WORD一样，即可对本组的条目进行编辑、添加，也可删除。
教师通过Wiki平台及时观察Wiki条目的创作情况、资源的整理和添加情况。同时教师也可以一个平等的学习伙伴身份随时随地加入各学习小组，对学生在条目中表现出的学习状况及时反馈和应对，时刻关注学习者的认知反应，必要时对条目中明显的谬误直接做出修正，对反映出的共性问题可在第一时间反馈至课堂教学环节中，指导学生更好地完成项目。
（4）成果上交，展示作品，交流评价
学生以小组的形式完成项目后，上交成果。提交方式有多种：直接在Wiki上供老师和学生查看；也可以提交给老师，老师展示小组成员的作品。作品展示完后，开始对其进行评价。评价的内容包括对学习者的评价、对教师的评价、对教学内容的评价等，其中对学习者的评价是重点。评价形式可以采取组间互评、组内互评、教师评价、自我评价等。项目教学法的一个重要条件是小组成员的积极互助，每个成员的成绩受制于小组的整体表现，每个成员的成绩应当以组内互评为主，将小组成绩加权成员的贡献度，形成个体的最终成绩。在设计评价量规时，评价指标包括网页内容（30分）、技术（20分）、网页外观（20分）、协作（30分），总分100分。
3 结束语
基于Web 2.0技术的项目教学法的开展有利于激发学生的学习兴趣，对学生掌握知识与培养能力有帮助，使学习变得积极主动，能培养和锻炼学生的实践能力，有利于提高学生的自主学习能力、个人知识建构能力、合作学习与交流的能力。因此，在高职院校尝试基于Web 2.0技术的的项目教学法的教学方法与学习方法是有必要的，也是可行的。同时在实施基于Web 2.0技术的项目教学法的过程中需要加强对师生进行Web 2.0技术应用的培训、加强项目的选题与组织管理以及完善学习资源库及课题资源库的建设，力求能够构建出一种真正适应社会教育需求和学生学习需求的新的高职人才培养模式及相应的教学模式与学习模式。
参考文献：
[1]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].计算机教学，2013（23）：113-114.
[2]饶志凌.Web 2.0环境下高职大学生《网页设计与制作》构建个人PLE的研究[J].多媒体设计，2013（06）：57-58.
[3]刘海琴，王江涛.项目化教学在高职网络数据库教学中的实践与探索[J].职业技术，2009（10）：23-24.
[4]蔡洪民，赵文光，陈素，陈沁群.基于Web2.0的《网络技术与实践》课程网站的设计与实现[J].微计算机应用，2008（10）：36-41.
作者简介：肖菲（1977-），女，湖北武汉人，副教授，硕士研究生，主要从事高职教育、信息技术方面的研究。
关键词：网页制作；职业能力；高职教育
作者简介：柳珺（1963-），女，北京人，河北政法职业学院计算机系，副教授。（河北 石家庄 050061）
中图分类号：712 文献标识码：A 文章编号：1007-0079（2013）10-0135-03
一、高职教育概述
高等职业教育作为高等教育中的一个类型，其人才培养规律不同于学术人才培养规律。高等职业教育应该以社会需求为目标，实践动手能力的培养为主线，所学知识、技能具有岗位针对性。因此高等职业教育的教育过程应以“项目化”的实训任务为引领，以培养学生职业能力为核心，通过职业技能的培养，努力挖掘学生的动手能力，能够让学生在学中做、做中学、学做一体，从而提升学生的专业知识应用能力和职业技能的迁移能力。
当前高等职业教育所面临的核心任务是课程的改革，而“任务引领”教学模式符合职业教育规律，强调理实一体、做中学的理念，[1]因此“任务引领”教学模式是突出高职办学特色、促使课程改革走向优质的一条有效途径。
“任务引领”是指在整个教学过程中以工作任务为主体，强调理论与实践相结合，在真实的工作环境下将所要学习的新技能、新知识渗入学习任务中，以完成任务的过程作为教学活动的核心，教学活动、教材内容和教学条件等环节均围绕一系列的任务进行，实践和理论高度融合。[2]
“任务引领”教学模式的特点可以概括为：以工作任务为引领；以岗位技能为导向；以实践教学为主题；以掌握能力为目的。任务引领让学生在享受工作过程的乐趣中，学习知识、掌握技能、培养责任、积累信心、完成教学任务，同时激发了学生的学习兴趣，调动了学生学习热情。[3]
在教学实践中，将“任务引领、学做一体”的教学模式引入的了高职“网页设计与制作”课程中，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的实践任务，使学生在任务完成的过程中，获得了网页设计制作的知识和技能，取得了较好的教学效果。
二、“网页设计与制作”课程设计理念
1.根据“网页设计与制作员”职业岗位需求确定课程目标
“网页设计与制作”课程是培养学生网站规划、设计与网页制作能力的课程，其对应的职业岗位是网页设计与制作员。因此，该课程的目标是掌握网页制作方法、强化网页制作技能、积累网页制作经验，以满足网页设计与制作员职业岗位的需求。
2.以职业能力为依据组织课程内容
“网页设计与制作”课程根据网站开发和网页制作技术领域和网页设计与制作员职业岗位的任职要求，参照网站开发和网页制作的职业资格标准，以网页设计与制作员岗位应具备的职业技能为核心，并考虑后续课程的衔接统筹选择课程教学内容，突出职业能力培养，实现理论和实践的完善统一。
3.以“任务”为主线设计教学环节
教学全过程围绕任务（实际的网页）进行，把网页设计与制作员所需要掌握的知识点和技术要点穿插到各个任务中，教师边分析讲解、操作演示，学生边模仿操作、动手练习，真正做到讲练有机结合。这样，既可以提高学习效率，又可以激发学生的学习兴趣，进而提高学生分析问题、解决问题的实际能力，使学生能够轻松学习、自主学习。
4.通过“阶梯上升式”实践教学模式强化技能训练
“网页设计与制作”课程设置了课内实训、课外拓展、模块综合实训、项目综合实训四个阶梯上升式实训教学环节，学生通过不断实践，实现网页制作技能由点到线再到面的不断推进。而每一个实践环节，都围绕着真实任务（网站或网页）进行，最终使学生达到与网页设计与制作员职业岗位的“零距离”接触。“阶梯式上升式”实践教学模式如图1所示。
三、“网页设计与制作”课程教学内容的选取
“网页设计与制作”课程以培养学生开发网站与设计制作网页的职业能力为课程设计的主线，在课程体系与课程内容上突出“应用”、“实用”。教学中注重处理好理论知识讲授与技能素质培养之间的关系，教学重点不仅仅是使学生掌握课程所讲授的理论知识，而是侧重于培养学生实际能力与才干。
“网页设计与制作”课程按照培养技能型、应用型人才的目标，根据行业企业对网页设计人才的知识、能力、素质的需求，并考虑前导、后续课程的衔接，确定课程教学标准与教学内容，同时按照实际工作流程重新组织教学内容，使教学内容具有很强的针对性和适用性。
“网页设计与制作”课程教学内容选取流程图如图2所示：
在选定课程内容的前提下，选择Dreamweaver、Fireworks、Flash网页设计三剑客软件包分别作为网页制作、图像处理和动画制作的工具，把网页制作技能的培养转变为三种软件使用方法的学习。
四、“网页设计与制作”课程的实施
“网页设计与制作”是一门实践性很强的课程，课程的目标是培养学生网页、网站的开发设计能力、软件工具的应用能力、再学习能力和创新能力，实现与网页设计与制作员职业岗位的“零距离”接触。为了达到课程的培养目标，在教学内容的组织与安排上突出了以能力为本位的教学设计，以培养职业综合能力为基础，以胜任岗位要求为出发点，在课程的整个教学过程中采用“任务引领、学做一体”的教学模式。
教学过程均是围绕着一个个教学任务（网页案例）展开。课堂教学采用任务引领、项目（实际网站或网页）驱动，学做一体化授课，将知识点嵌入项目中进行讲解、练习、实验，使学生在“学中做、做中学”，逐步掌握所学知识，提高操作技能。
1.课程结构“模块化”
在“网页设计与制作”课程的具体实施中，为了适应网页设计与制作员职业岗位工作的需要，并考虑高职学生的认知水平和认知能力，将网站开发工作流程和内容有机地融合到教学内容中，构建以“网站开发工作过程”为导向的模块化课程结构，将知识和技能分为网站规划、网页制作基础、网站管理、初级网页制作、图像处理、动画制作、高级网页制作、网站维护和综合实训9个模块若干个教学单元，每一个教学单元又包含若干个具体操作任务，在任务完成过程中进行教学内容的讲解。
2.课程内容随着网页制作技术的发展不断调整、更新
随着计算机技术和网络技术的发展，网页设计三剑客软件包的版本在不断更新，网页设计与制作技术也在不断升级换代，为此“网页设计与制作”课程的内容也必须根据网页制作技术发展不断地改进、更新，以适应计算机技术、网络技术的发展和社会的需要，保证学生所学的知识不过时。
3.教学环节标准化
每一个教学单元的教学都按照“任务展示”、“教师演示”、“课内实训”和“总结提高”的过程展开，体现“以学生为主体”、“以实践为核心”的教学思想。
在任务展示环节，教师首先说明本次课要完成的目标并展示本次课任务（网页）的浏览效果，让学生了解本次课的教学目标和需要完成的任务，激发学生对新知识的学习兴趣；在教师演示环节，教师逐步示范任务（网页）的制作过程，给出任务的操作方法；在课内实训环节，学生通过模仿教师完成相应任务，训练网页制作的基本技能；在总结提高环节，教师对任务完成过程中涉及的知识点和技术要点进行归纳讲解，使学生达到举一反三的目的。
4.“阶梯上升式”实践教学模式
实践教学是高职课程教学的生命线，而以“做”为特征的“网页设计与制作”课程，重视实践教学更是具有突出的意义。网页设计与制作的理论知识必须通过学生动手练习才能变成学生具备的网页制作职业技能。基于这些，形成了“课内实训、课外拓展、模块综合实训、项目综合实训”阶梯上升式的实践教学环节。这种教学模式的实施说明如表1所示。
5.采用符合高职学生认知规律的教学方法
高职层次的学生善于形象思维、动手能力强，厌学理论知识、乐学实际操作，因而最适合“做中学、学中做”。基于此采用了基于真实项目的“任务引领、学做一体”教学模式。
课程的教学过程围绕着一个个任务（网站或网页）进行，在课堂中，教师通过分析解剖一个个具体的任务，围绕一个个实际网站的构建及实现的方法，从简到繁，从易到难，引导学生制作网页，理论与实践相结合，边学边练，以练为主，最终完成实训任务，达到“课完即会、课后即能”的效果。
通过不断的探索和改进，我院“网页设计与制作”课程已经形成了“围绕一条主线，通过三个构建，实现三个目标”的教学特色：
一条主线即任务；三个构建为任务引领、学做一体化教学模式的构建，“模块化”课程结构的构建和“阶梯式”实践环节的构建。
达到三个目标，第一，素质综合化，通过任务的学习和网页设计开发，培养了学生刻苦钻研、勇于开拓的创新精神，培养了学生科学严谨、实事求是的工作态度，加深了学生团结协作、互帮互助的集体观念，全方位地提高了学生综合素质；第二，设计个性化，通过任务的学习和网页设计开发使学生的设计思想得到充分的展现，设计的作品更具有个性；第三，能力岗位化，通过任务的学习和网页设计开发让学生的能力更符合岗位的要求，实现与网页设计制作员岗位“零距离”接触。
多年的教学实践证明，在“网页设计与制作”课程中引入“任务引领、学做一体”教学模式，用任务作为教学的载体，让学生在学中做、做中学、学做一体，通过学生主动的实践、探索，使学生在获得网页设计与制作职业能力的同时，还锻炼了学生的动手能力，提高了学生分析问题和解决问题的能力，培养了学生严谨的工作态度和团结协作精神，达到了学生与网页设计与制作员职业岗位的“零距离”接触。
参考文献：
[1]李亚桂，竺辉.“任务引领型”专业课教学的实践与启示——以《建筑组合体的投影》一节课为例[J].职业，2011，（11）.
关键词：中职院校；计算机专业；网页制作；专题学习网站
中图分类号：G434 文献标识码：A 论文编号：1674-2117（2016）01-0079-02
中职计算机专业“网页制作”课程教学的重要性
作为我国教育体系重要的组成部分，中职院校在人才培养中扮演着重要的角色。在当前时代与社会的发展要求下，中职院校更需要强化发展。[1]计算机专业中的“网页制作”课程其培养方向与中职计算机专业人才培养的目标相一致，即提高学生的专业知识、专业技能以及实践能力。因此，强化中职计算机专业“网页制作”课程的教学有着重要的意义和作用。
中职计算机专业“网页制作”课程利用专题学习网站的实践
当前，计算机被广泛应用到各个行业和领域中，为了提高计算机专业的教学质量，为社会培养更多的实用性人才，中职院校在计算机专业的教学中增加了“网页制作”课程。而在实际教学中，专题学习网站能为学生学习“网页制作”课程提供帮助，从而提高他们的实践能力。[2]
专题学习网站，是在互联网环境下，将各科学习课程或者某些教学课程之间的某一项或者多项学习的知识点有机结合起来的学习专题，是可以让学习者进一步研究和学习的一个资源型学习网站。它可以用来进行资源信息的存储和加工，对学生的学习情况进行在线反馈等。[3]在中职计算机专业“网页制作”课程的教学中，由于其操作性强、专业性强等特点，教师需要让学生在网页制作设计中充分利用各种资源。而专题学习网站能为学生提供丰富的资源，满足学生的设计需求。“网页制作”专题学习网站的结构如图1所示。
在专题学习网站中，基础知识部分为网页制作的基础教学资源，包含了网页制作基础理论、网页制作设计软件操作、网页制作技巧等，是学生学习“网页制作”课程的入门知识。专题学习网站中的实例教学，则是以教学实例为例子，使用任务驱动教学法，为学生提供网页制作所需要的各种资源，以教学实例为网页制作知识学习的主线，循序渐进，使学生掌握网页制作的相关知识，并提高网页制作实践技能。
网站界面的主要功能是为用户提供服务，所以在网页的制作和设计中，一般需要做到以下几点：①保证网页的简洁性。在网页制作的过程中，界面的简洁可以方便用户的操作、使用和了解，从而减少错误操作。②一致性。在网页设计中，需要保证每个网页的一致性，做到结构一致、清晰，风格一致等。③清楚。制作网页需要保证网页的清晰度，因为清楚的视觉效果便于用户的浏览和使用。④安全性。在网页制作中，需要保证网页的安全性，在保证用户可以自主选择的同时，也要给予用户选择错误时必要的系统信息提示等。[4]除此之外，还需要具有灵活性、排列性等。
“网页制作”课程利用专题学习网站，既可以用于课堂教学，也可以用于学生的课外网站学习。例如，“网页设计”专题学习网站的实例教学部分，主要是制作教学案例。案例多以课程教学中的实施为基础和依托，案例的设计不只是一个知识点的应用，还会包含多个知识点，是计算机专业“网页制作”课程知识的综合利用。实例教学的界面如图2所示。
教师指导学生利用专题学习网站进行网页制作的主要步骤为：
第一步，欣赏借鉴。教师让学生上网浏览、欣赏、搜集自己觉得精彩的网页、个人主页等。
第二步，设计网站的基本框架。教师指导学生建站、链接、文本链接、图像链接等，建立与E-mail超链接。
第三步，设计页面布局。学生利用自己所学的知识，进行网页、表格、文字等的布局设置，在网页中输入图像、背景颜色、背景音乐等，设置文件的保存、命名、移动、删除等操作。
第四步，创建动态页面。学生利用所学的计算机知识，设置动态的网站页面，如字幕、悬停按钮、图像、文字等动态的效果画面。
第五步，上传网页。学生完成网页设计之后，可以申请免费的个人网站主页，在网站空间里上传自己设计的网站、网页。
第六步，评价网页设计。教师对学生上传的网页设计实践成果进行评价，并针对其存在的不足和错误进行纠正，以帮助学生认识网页设计的不足，并逐步完善。
结语
中职计算机专业“网页制作”课程教学，充分利用专题学习网站进行实践，既可以培养和锻炼学生的网页制作设计技能，还可以为学生的网页制作、设计，提供丰富的信息资源。因此，在中职计算机专业“网页制作”课程教学中，利用专题学习网站进行教学实践，对培养计算机专业人才具有重要意义。
参考文献：
[1]黄以宝.《网页设计与制作》专题学习网站的设计[J].电脑知识与技术，2009（15）：4089-4090.
[2]李鸿琴.应用专题学习网站教学“网页设计与制作”[J].中国信息技术教育，2009（15）：43-45.
