在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。

　　对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。

　　“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。

　　教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。

　　传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。

　　为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。

　　学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。

　　我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。

　　随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。

　　在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。

　　网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。

　　在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。

　　如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。

　　期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。

　　《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。

　　基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。

　　通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。

　　本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。

　　在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。

　　通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。

　　学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。

　　《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。

　　课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。

　　《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。

　　通过对IT行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。

　　在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。

　　兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。

　　网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。

　　本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。

　　网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。

　　在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。

　　在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。

　　在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。

　　在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60%+平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+纪律+团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。

　　从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。

　　首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。

　　第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。

　　第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。

　　随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。

　　随着计算机技术的不断发展与革新，《网页设计与制作》是近些年来计算机专业领域发展最快的和应用最广泛的课程之一。社会急需培养掌握网页设计、面向不用应用层次的专业人才。根据多方面的调研，再结合我校学生的实际情况，我把我校计算机平面与网页设计、计算机网络技术、软件与信息服务等计算机相关专业的学生学习本课程的职业定位为大部分从事UI的开发，很少从事程序开发工作，因此在网页设计与制作主要以Dreamweaver软件教学为主。那如何调动学生学习兴趣、如何选择更加适合的教学方法及如何在教学过程中取得更好的教学效果，是值得我们共同探讨的问题。在不断学习先进教学理论及结合实际教学实践，我认为可以从以下三方面入手。

　　当前中职学校大部分学生都是考不上普通高中，想来中职学校学一技之长以谋生，但也有不少抱着玩三年然后等年龄够了出去打工的态度，学生的厌学情绪比较严重，要么上课不专心，要么随意旷课，学生学习的积极性极差，更谈不上创新。所以在上本课程之前，首先要找些优秀出色网站设计案例供学生欣赏，并且要分析当前本课程的应用领域、社会需求及就业前景，激发学生的学习兴趣，树立信心。另一方面，要合理安排教学内容。因为中职学生普遍存在特点就是没有一个良好的学习习惯和方法，就算刚开始带着好奇和兴趣学习网页课程，但过一段时间就会出现厌学的状态，出现这样的状况主要原因是课程章节内容的安排问题。在教学过程中，有些内容跟之前所学的知识有相似就稍显枯燥或者出现新的较难掌握的内容就容易导致厌学。所以将课程内容分阶段和模块化教学，各阶段和模块之间既相互独立，也相互关联，同时将课程难点分解到各个不同的模块中，化解了学生的畏惧和厌学心理。每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握《网页设计与制作》的核心。因此，教师在教学中应将“教、学、练、博鱼体育做”融为一体，对每个学习情景都设计好案例，然后进行在上课的时候明确任务、教师演示、学生设计、展示评价等。例如：教师可将《网页设计与制作》教学内容分为五个阶段，每一阶段设计了若干教学模块。第一阶段使学生能熟练使用网页设计的入门篇；第二阶段能熟悉并熟练使用网页制作工具Dreamweaver、Photo-shop、Flash等，能制作布局得当、内容精彩的网页；第三阶段能进行动态网站的开发；第四阶段掌握网站与维护方法；第五阶段进行综合案例项目实训。每一阶段的教学内容完成后，在专业机房组织单元考核，以实现分阶段达标，最终使学生能独立设计小型WEB站点。

　　教无定法，因材施教。教师要根据学生的实际学习情况，不断调整自己的教学方法，不断将先进教学方法应用教学当中，才能激发学生的学习兴趣，取得更好的教学效果。若采用传统教学模式即课堂主要是教师的讲解再辅以学生练习，这是教学模式是很难激发学生的学习兴趣的，最后可能是教师累得精疲力竭、学生却收获甚微。通过实践，我主要是采用案例教学法、项目教学法进行教学。案例教学法是在教师的指导下，根据教学目标的要求，利用案例引起教学活动，组织学生进行学习和研讨的一种教学方法。与传统的灌输教学相比，案例教学是一种强调师生互动的开放式研究型的教学方法，它注重学生的实操能力，符合中职教育的教育特点。具体做法是：教师通过具体案例提出任务，将任务分解到每次的课堂教学中实现，教学过程中为了调动学生的学习积极性，教学过程中常常采用互动方式，即教师提出一种解决问题的思路，然后让学生采用其它方式来解决同一个问题，课堂上每介绍一个任务后都要首先让学生上机去模仿着实现，然后再要求学生采用自己的解决方案来完成任务。例如：在“创建企业展示型网站”的教学过程中，教师的教法是“案例驱动下的自主学习———分组协作学习———探究发现学习”，既鼓励个性张扬，又提倡某些问题的分组协作与自主探究，指导学生对图片及文字的来源进行探究发现（从网络中搜集）。建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。以案例驱动，激发求知欲望，让学生带着逐个任务通过探究发现、相互合作、实际操作等方式，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。项目教学法是教师在教学过程中以项目为主线贯穿始终，将课程中的知识点融入到项目中，学生以完成项目为主要目的、教师以学生的项目质量来评定学习效果的一种新的教学方法。学生全部或者部分独立组织、安排学习行为解决在处理项目所遇到的问题，提高学习兴趣。教师在选择项目时需要注意将教学的理论和实践结合在一起，同时项目要与企业实践生产过程和现实经商活动有直接关系，才能使学生所学知识又具有价值，同时也会极大激发学生的兴趣。例如：在《网页设计与制作》教学中将一个班级分成多个项目小组，教师是项目经理，学生则是项目的开发人员，学生通过以小组分工的形式完成项目，再派学生代表进行项目展示，达到师生、生生之间交流和讨论的目的。项目开发小组经常以幻灯片方式展示成果，陈述自己通过学习掌握了哪些知识和技能，运用了哪些方法，怎么用的？如何改进？获得了什么亲身体验？初步提高了自己的哪些能力？问题是怎么解决的？解决的过程是什么？类似的交流穿插在整个学习过程中。这种方法有助于学生学习思维的发展，学生通过和其他学生的交流，解决疑惑，论证自己的观点，开拓了思路，有利于发展学生的智力，整个教学过程同时也是学生学习的体验过程。

　　在课程考核方面，将单纯的课程考核转向学生职业能力考核，主要包括三部分：第一部分，平时成绩占总成绩的30%，包括平时出勤、课堂纪律、课堂表现和作业等。第二部分，阶段性项目设计考核占总成绩的40%，分2次考核，根据网页及网站制作流程，以职业岗位工作过程为依据，对学生分组，通过自评、互评，还有教师评，对每个项目进行评分。在交流评价的基础上对自己获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。第三部分，期末综合考核占30%，主要考查学生对知识的综合应用能力。《网页设计与制作》是一门实践性很强的课程，教学方法也多种多样，只要在教学结合实际，不断探索、不断总结，勇于创新，一定能寻出适合的教学方法，激发学生学习兴趣，培养分析问题解决问题的能力，更具有职业岗位实务能力，完成胜任网页设计与制作相关岗位的工作。

　　[1]邰琦珲.中职计算机网页设计教学的若干实践探索[J].信息与电脑，2013（5）：208-209.

　　[2]颜谦和.《网页设计与制作》课程运用案例教学法初探[J].电脑知识与技术，2014.

　　超链接可将因特网上众多分散的网页联系起来，构成一个有机整体。如何制作和应用超链接？网页制作工具Dreamwraver提供了非常简便的创建超链接的方法，用户可以将文字、图片、Flash等网页元素设置为链接对象，实现网页间的跳转功能。

　　按链接范围一般分为内部链接和外部链接。外部链接：与外部网站的页面间的链接；内部链接：网站内部页面间的链接。按链接路径来说，一般包含以下类型：文档链接：链接到其他文档，最为常见；电子邮件链接：创建允许用户给网页制作人员发送邮件的链接；书签链接：链接到相同文档或其他文档的书签位置；空链接：不会跳转到任何位置，用于附加Dreamweaver行为；脚本链接：执行JavaScript代码或调用JavaScript函数。

　　建立超链接到外部站点有两种方法可以实现：一是直接输入地址，在属性面板中的“链接”文本框中直接输入外部链接的地址，如http：//；二是使用“常用”插入栏中的“超级链接”对话框，分别对文本、链接、目标、标题、访问键等五个属性进行设置。

　　如何快速在站点内创建链接？有三种创建和修改的方法：一是使用“属性”面板创建链接，键入文件路径或单击浏览按钮选取需链接的文件；二是使用“指向文件”图标直接指向想要链接的文件；三是使用“资源”面板创建或修改超级链接。

　　在网页中设置电子邮件链接已经非常普遍，电子邮件链接可以附加在按钮图片上，也可以附加在文本上。当页面浏览者单击具在电子邮件链接的文本或按钮时，可以直接打开安装在系统中的电子邮件应用程序，例如Outlook等并且在“收件人”位置已经自动填写好电子邮件的地址，浏览者只需在填写完内容后，直接发送即可。若要在图片或文字上直接附加电子邮件链接，可选中该对象，然后在“属性”面板的“链接”栏中输入“mailto：电子邮件”。在“mailto：”后面不要添加空格，例如：mailto：，按回车键确定。

　　“书签链接”可让用户在页面内容较多时只浏览自己感兴趣的内容。制作“书签链接”通常会在网页上端位置设置一个内容列表，列表下面分别是针对各列表项的详细说明位置。当用户单击内容列表中感兴趣的某一项后，网页会自动跳转到该列表项的详细说明位置。“书签”一词是转译而来的，它的英语原词是anchor，意即“锚”，所以“书签链接”也常称为“锚点链接”。“书签链接”可让用户根据需求更方便快捷地找到相应内容，而不必浏览网页中的所有内容，使网页更具人性化。“书签链接”的制作方法：将光标定位到内容介绍的标题处DDD单击“插入记录/命名锚记 ”或按Cutrl+Alt+A快捷键，在出现的对话框中输入书签名，然后单击“确定”按钮DDD选取列表中的文字，在“属性”面板的“链接”域中，输入符号“#”和书签名。数字和字母都可以作为书签名，但是最好不要使用中文。除了使用菜单命令外还可以通过“插入栏”中的“常用”项插入“命名锚记”进行操作。

　　在Dreamweaver中除了上述内容所讲到的链接方式外，还有无址链接和脚本链接，这两种链接方式不再是实现简单意义上网页间的跳转，而是赋予了链接更多的含义。

　　无址链接如同它的名字一样，它不会跳转到任何地方。但是，这种链接对于读取某些JavaScript事件是非常有用的，例如：在大多数浏览器中，图像不能识别onMouseOer事件，可以通过使用无址链接实现图像变换，此外，在制作具有较多内容的网页时，通常都要在网页最底端添加“返回页首”的链接，以方便浏览者在浏览完所有网页内容后直接返回页面顶端。创建无址链接的方法很简单，选取“返回页首”，在“属性”面板的“链接”域中键入“#”号，在“目标”下拉菜单中选取“-top”。

　　脚本链接能够在不离开当前 Web 页面的情况下为访问者提供有关某项的附加信息。通过javaScript脚本链接，可以执行JavaScript代码或调用JavaScript函数，也可以用来在用户单击时执行计算、表单验证和其他处理任务。如在介绍某一景点的旅游网站中，选取网页logo“***旅游网”，在“属性”面板的“链接”框中输入“javascript：”后接JavaScript代码或函数调用，即可在“链接”域中键入“javacript：alert （‘欢迎光临***旅游网’） ”，在预览网页效果时，单击网页logo，就会弹出一个JavaScript提示框“欢迎光临***旅游网”。因为Javascript代码中出现在双引号之间，因此在脚本代码中必须使用单引号或在双引号之前加斜杠，例如：＼”欢迎光临＼”。

　　在传统教学模式下，所有的知识是先经过教师的提炼梳理和加工后再传输给学生，这是一种推送式传授和灌输的教学方式，课堂教学往往还停留在老师讲解，学生听的方式，这种方式的持续时间越长，学生越容易走神，产生疲劳感，并且严重阻碍了学生自学能力的培养。同时，当给多个平行班上同一课程时，老师需要重复地讲授相同的内容，也不知不觉中加大了老师的工作量。传统的教学模式下的实践课通常是学生对理论课上老师所讲的知识进行验证，大部分学生能跟着老师把当堂课的实验任务完成，但是等过一段时间再遇到同样的效果时，又不知道该如何下手，却没有相关的资源进行复习。另外在教学过程中一直面临着学生“非零起点”和“非同一起点”的“两非”状态，这给课堂教学的组织带来困难。由于学生个体的差异，对所授知识点的接受能力不一样，同样的知识点，有些同学能很快理解并掌握，但有些同学则觉得老师讲得太快，作为任课教师，只能尽量照顾到大部分学生的水平，这样容易造成学习能力强的学生“吃不饱”，而学习能力差的同学则感觉特别吃力，从而学习积极性越来越低，甚至直接放弃继续完成课程的学习。在教学过程中还发现，学生因事缺课，则无法完成相应课程内容的学习，而很多知识点是循序渐进的，一堂课或几堂课的不跟班学习，就造成了学生之后很难跟上教学进度。

　　在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相结合的课程教学模式从根本上实现“学生为主体，教师为主导”，让教师从一个讲授者真正变成学习的启发者、引导者、激励者，而学生也从被动的填鸭式教学中解脱出来，能够积极主动地完成相应的学习活动，有效地解决了目前传统模式下《网页设计与制作》课程教学存在的问题。

　　如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。

　　《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。

　　《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。

　　造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。

　　《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。

　　传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。

　　为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。

　　针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。

　　这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。

　　1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。

　　2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。

　　3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。

　　笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。

　　期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。

　　[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]

　　“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。

　　[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.

　　[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.

　　[3] 张辉. 网页制作类课程的教学改革与实践――先整体、后切分、再拼合的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.

　　[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.

　　[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.

　　[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）

　　[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.

　　[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.

　　[9] 韩勇. 案例驱动教学法在《网页制作》课程分阶段教学中的运用[J]. 电脑与信息技术， 2010，18（4）.