基于MOOCs的网页设计课程教学模式研究

1、基于MOOCs的网页设计课程教学模式研究李蓉，周维柏（华南师范大学增城学院计算机系， 广州 511363）摘要：网页设计技术众多，开发工具复杂，传统的教学方法只能做非常初步的介绍，距离灵活运用网页设计技能还有相当一段距离。而MOOCs可以有力推动知识传承类的学习，非常适合网页设计课程的教学。因此本文探讨MOOCs教学模式在网页设计课程中的运用，我们采用前3周老师讲授网页设计的基本概念，后12周学生分组自主学习，围绕自己组的作品专题有针对性的学习，最后2周学生对作品进行互评。平台的资源由老师和学习汇聚而成。关键词：MOOCs，网页设计，教学模式中图分类号：G642 文献标志码：A网页设计课程包含

2、客户端、服务器端、数据库以及网络传输诸多技术概念。网站的开发包含系统规划、评估系统、搜寻引用现有组件及技术、以及调试过程的除错分析。这些过程很难在课堂讲授的过程中进行，在课堂教学过程中也很难训练学生程序开发所需的规划、分析、思考能力。现行学校教学模式所具备的能力与企业的实际需求还有很大差距1。而使用网络教学可打破时空限制，以专题开发为主轴，辅助相关参考在线教程，进行实际网站系统开发，这样能培养学生构思规划，自我学习，灵活运用的能力。也能体会到整个网站设计的实际设计过程，让学生了解到网站开发的困难以及设计过程应注意的细节。因此本文探讨MOOCs教学模式在网页设计课程中的运用，以此提升学生学习效率

3、，提高学生自主学习的积极性。一、 网页设计课程教学现状网页设计课程在我院大一第二学期开设，学生对于网页设计所需的语言、开发环境、以及设计概念并不熟悉，其中涉及的内容繁多，课堂的时间无法对这些内容做详细的介绍，即使把相关技巧介绍给学生，学生也不一定能熟练地在设计过程中运用。事实上，专业设计人员亦不需对相关技术都完全了解熟悉，他们并不一定熟悉所有相关的程序设计语法与设计技巧，但却能根据需要灵活处理客户所需功能，这就是问题导向式的学习。但现在的大学网页设计课程的教学却正好相反，还是以前说教式的教学模式。二、MOOCS教学模式2012年省高等学校教学质量与教学改革工程专项资金资助、华南师范大学增城学院

4、校级项目资助、广东省自然科学基金MOOCs是一种新型的教学模式，2008年加拿大学者Dave Cormier和Bryan Alexander提出的。MOOCs综合运用了人本化学习、掌握学习、建构主义学习、程序教学及有意义学习等理论2。MOOCs课程的基本原则为3：汇聚。在我们传统教学中学习内容有主讲老师提前准备好，而MOOCs课程的内容大部分是通过网页形式聚合，以提供给课程的使用者，是动态汇聚的。学习者则根据自己的需要、兴趣选择所要学的内容。混合。学习者通过网络撰写博客、论坛讨论、微博、QQ日志等，将课程内容和课外知识相互混合，将自己的有关资源和课程资源混合。转用。MOOCs课程不是让学习者重

5、复课程已有内容，而是鼓励学习者基于课程已有知识，根据自己的理解和想法撰写出新的内容，供后来者参考。推动分享。学习者应该把自己的新资源、新观点、新见解分享给其他学习者，课程协调者把这些内容中有价值的部分聚合到课程资源中。三、基于MOOCs的网页设计课程教学模式的设计1. 平台的设计根据MOOCS的主要理念，我们以共享、汇聚、协作、自主为原则，设计本课程的学习系统。系统平台的前台界面如图1。平台只是一个基本框架，大部分内容由学生自己补充，课题组协调人对学生的新资源、新看法进行聚合，对价值不大的进行删除。图1 平台的主界面（1）课程在线教材与平台互动功能设计网页设计课程不管是纸质书籍还是网络教程都相

6、当丰富、琳琅盲目。对学习者而言，困扰的不是缺乏参考资料，而是相关资料太多，不知从何下手，亦不清楚要参考那些知识和技术。因此我们自己编写了以概念为主的内部参考资料，同时为学生推荐了一本参考书。除教材外，我们的平台提供了多样的学习互动功能，如讨论区、每周话题、作业研讨、网络测试、作品互评、学习笔记的评价等。善用这些功能可增进师生之间、学生之间的互动，可增进学生网络学习的动机，由平台双向的互动功能，老师可了解学生的学习状况和想法，同学之间也可以相互了解学习进程，互相激励。透过学生作业互评，让学生们相互观摩，这样迫使学生重视自己所设计开发的作品，了解其他学生的创意，深度挖掘自己的潜力，思考自己作品的创

7、意，从而做出比较炫酷的网站。总而言之，本平台功能设计以符合学习者自学模式为原则。（2）资源中心的设计我们的系统要对每个学生的整个学习过程中的全部学习行为进行自动记录下来，而学生在线学习的相关数据汇集起来是非常大的，课程资源也是相当大的，因此我们采用云存储技术来存储数据。资源由教学团队和学习者共同提供，学习者可把一些新技术和优秀的插件上传到资源中心，供其他同学学习，学习者还可以把好的网站或资源链接发到平台中。课程协调者对学生上传的数据进行审核，对不好的要删除，对好的要加以推广。除了课程资源，学院数字图书与课程相关资源也是我们MOOCs资源中心的重要组成部分。（3）视频的设计把课程分章节，每节分成

8、若干个基本教学单元，以基本教学单元录制视频，每个视频控制在8分钟以内。通过后期制作和网页技术，在视频中插入课件、插件和动画，以及专门为视频制作的表格、提示和各种协助课程内容的相关辅助音像资料，同时视频还嵌入小测试、编写程序作业、课程讨论问题等，采用闯关学习的模式，只有按教师要求完成一个基本教学单元，测试并通过后才能观看下一个视频，进行下一个基本教学单元的学习。并在视频中嵌入相关背景材料，方便学生延展知识。总之这种短视频方式，方便学习者按主题学习，而不感觉疲惫。2.教学设计本方法的教学机制如图2。导师团队主要起协调、指导作用，以学习者为中心，学习者围绕学习中心，互动，提供资源。教学采取采用混合式

9、教学的模式和案例导向式的课程设计。图2 本方法的教学机制（1）采用混合式教学的模式把视频和老师讲解混合。课程主讲采用网络集中视频授课的在线教学方式。参与课程学习的学生还能获得本地教师的个性化授课和辅导。此外参与该课程的助教团队会根据课程内容的要求提前录制好相应的视频上传到网络平台上供学生集中学习讨论。学习环境的混合。我们的方法将课堂教学环境、网络教学活动环境、网络施教环境、网络讨论环境、网络互评环境有机结合4。老师在教学过程中，可发布话题、问卷调查、专题等活动，调动学生学习的趣味性和主动性。学生可写学习感受、心得，而且学生的整个学习活动都被存储在系统中，学生随时可查看，这便于学生复习、总结。学

10、习方式的混合。充分利用平台的力量，将网络互助自主学习同老师面授有机混合，小组内部协作学习、进行讨论，共同为完成一个目标而学习。同时小组之间也可以讨论，请教问题。（2）案例导向式的课程设计网页设计有许多专业的要求，搭配不同的领域应用需求，可产生多样的设计框架，配合相关技术有许多精彩的开发模式。但常规教学方法要在课程快结束时才接触到。而且这时学生往往觉得老师讲得太深，学生容易失去信心，没心思去深入了解、研究。在实际的开发过程中，即使资深的开发人员也常碰到许多不了解的技术和概念，此时，了解此技术的好心同仁也只会给你一个方向，让你自己去摸索。而现在网页开发技术在飞速发展，就算是有经验的开发人员在不同的

11、系统开发过程中，都会碰到许多全新的技术挑战。而现在的大学里，不少同学都依赖于老师教授的内容，变得越来越被动。这样的学习态度很难应付现代企业苛刻的职场要求。因此我们的课程在第一周就把本学期的大作业题目提供给学生，前3周把基础的原理做简单介绍，后面大部分课程以专题开发为主，老师在此阶段将不进行统一讲课，只是回答学生疑惑，指导学生，了解每个学生开发的进度。而学生碰到全新的技术挑战时，主要是借助平台相应模块的视频教学，也可向老师询问。专题向导式教学可促进学生的学习动机，并在开发过程中碰到问题时，给予学习的方向。3.教学的实施我们这门课的教学周为17周，前3周由教师对课程任务做总体布置，并对网页设计的基

12、本概念做简单介绍，第四周开始由学生进行自主学习。学生首先自由组合，每组最多不超过3人，由小组讨论，选择自己的最终的题目，然后围绕这个题目进行网站的设计，当面临新的技术时，学生自己上平台或互联网搜索并学习。期中老师对每组的作品进行检查，指出不足的地方，那些地方需继续改进，那些地方不行，需重新设计，哪些地方值得发扬。期末时，每组学生把自己的作品放在平台上，供其他组别的学生进行互评。四、考核方法的改进1.考核标准本课程采用的评价标准如表1。每个组可根据此标准，评价其他组别的作品，评分结果在网上提交，并公示在平台上，有异议的可向课程协调人反映。表1 考核评价标准一级指标二级指标设计内容（20分）1.

13、内容健康，符合主题（5分）2.能够清晰表达设计意图（5分）3.知识体系结构完整（制作内容全面）（10分）设计结构（35分）1.结构清晰、布局合理、整体结构有连贯性（10分）2.导航明确、浏览方便（5分）3. 栏目划分与内容组织合理（5分）4.页面标题清晰（5分）5.首页是否使用index命名（5分）6.整个网站的命名是否含中文（包括图片名）（5分）设计艺术性（20分）1.整体风格一致、色彩搭配合理、和谐、页面美观（10分）2.页面元素的制作美观使用（5分）3.充分利用多媒体技术（5分）创意与技术（25分）1.内容有创意（5分）2.页面具有个性化设计风格、观赏性好（5分）3.图片和文字原创性（5

14、分）4.网页图片经过优化（5分）5.网页能够适应各种分辨率（5分）2. 具体实施 采用MOOCs的同伴互评模式，学生在提交作业后按照标准互相评分，最终由课程协调人进行审核生成最终成绩。通过同伴互评，不仅解决了MOOCs大规模课程学习的作业批改问题，更关键的是在互评过程中，学习者可以通过观看同学的作业，实现思维火花的碰撞，获得新的灵感，达到互相学习，延展知识边界的目的。五、总结我院通过2年来的实践，学生普遍反映良好，学生水平一届比一届高，作品一届比一届有优秀，学生作品在选送参加中国大学生计算机设计大赛中，获得的成绩一届比一届好。在“慕课”浪潮席卷之下，我们大学教师应对现有教学进行反思，对现有教学模式进行探索、研究，这有助于推动教师角色的转变，从一个讲授者、讲解者真正变为学习的激励者、启发者，学习也将变得更加有效。参考文献：1 叶丽萍.任务驱动式教学法在网页设计课程中的应用研究J. 计算机光盘软件