《网页设计与制作》课程MOOC教学模式研究

王迎云

【摘 要】基于目前基于目前MOOC教学模式的需求，本文以《网页设计与制作》课程为例本文以《网页设计与制作》课程为例，探索一系列改革措施并应用在新的教学模式中，体现了MOOC教学模式的优势。

【关键字】网页设计；MOOC；教学模式

中图分类号： TP393.092-4；G434 文献标识码： A 文章编号： 2095-2457（2018）17-0104-002

DOI：10.19694/j.cnki.issn2095-2457.2018.17.052

【Abstract】Based on the current needs of MOOC teaching mode，taking “web design and production” course as an example， this paper explores a series of reform measures and applies them to the new teaching mode， which shows the advantages of MOOC teaching mode.

【Key words】Web Design；MOOC；Teaching Mode

0 前言

随着知识经济和信息社会的快速发展，网络普及化程度越来越高， 计算机技术已成为核心的信息技术，而网页设计与制作不仅是一门热门课程，而且也是目前社会上流行的一种网络技术手段。该课程是既包含了一定的理论知识，并且实践性、技能性相当强，该课程对培养学生的正确的设计理念和方法、信息处理能力、解决问题能力、自我学习能力、创新思维及合作精神有着巨大的推动作用，另外对培养网页制作的实践操作技能、满足职业岗位需求，也有着十分重要的作用[1]。《网页设计与制作》这门课程在我校已连续开设17年，面向全校各本科、专科专业，文理科均开设，是我校覆盖面最广的专业基础课程之一。

《网页设计与制作》课程主要讲授网页设计相关软件的使用，其中以网页设计专业软件Dreamweaver为主，以图形图像编辑软件Photoshop和动画制作软件Flash为辅，重点培养网页制作的实践操作技能，以满足职业岗位的需求。随着计算机技术的发展和社会需求变化，本课程与时俱进，不断进行着教学改革，在教学方式方法上也不断地进行完善[2]。

目前该课程采用项目式教学，带着问题去学知识，目的是使学生掌握网页设计基础知识、基本操作及网页设计相关软件的使用，培养学生动手操作能力，并为后续课程的学习奠定扎实的基础。虽然取得了一些成绩，但是发现对于学生的闲暇时间并没有很好地利用，也有的同学在课下想要学习，但却苦于没有资料和平台[3]。

1 MOOC教学模式及采取的措施

关于MOOC教学模式的研究旨在结合《网页设计与制作》的课程特点，采用形式多样的教学方法和先进的录播技术，针对当前的就业前景和社会需求，对课程内容、知识点、课程资源等进行详细地再规划与再改革，形成详细又通俗易懂的视频资源文件，在线开放这些教学相关资源，既可以提供在校学生课后巩固学习及练习，又可以随时随地与学生交流沟通，及时得到教学反馈。

在研究过程中我们采取了一系列的措施来提高MOOC教学模式的教学效果。具体有：

1.1 模块化教学及教学内容的更新

在传统《网页设计与制作》教学中，我们主要以Dreamweaver软件模块为主线，附加Photoshop和Flash两个软件模块作为补充，随着时代的发展，目前现实网络中对于网页的要求越来越高，需要图文并茂、布局美观，且有更多的用户交互和更好的用户体验。由于不同的专业对网页设计的技能有着不同的需求，课程教学团队在教学时就针对不同专业的人才培养目标将《网页设计与制作》的课程内容按模块化思想增加相应的模块，例如我校动漫学院相关专业对动态网页的需求较高，我们新增了Javascript和PHP语言模块，从而达到让学生能够设计出高标准网页的效果。

1.2 专业的教师队伍拍摄

拍摄视频时，我们选取的教师均为本校本课程长期执教的一线骨干教师，教学团队职称与年龄结构合理，团队中具有高级职称教师1人、中级职称教师5人，团队成员均为具有3年以上教龄的老教师，且历年教学评价效果良好，具有丰富的教学经验。每位教师都认真对待自己的拍摄任务，精心設计视频中的教学课件，对视频中的每一句话进行仔细斟酌，反复练习录屏中的每一个操作，并不断地修改和完善，最终经过专业拍摄队伍在专业拍摄设备条件下拍摄，完成整个视频的录制。

1.3 灵活的课程教学方法与教学形式

在理论教学过程中，课前要求同们进行预习，了解上课过程中教师进行课堂启发讲解，采用“引导式”和“案例式”两种教学方法提高学生的学习兴趣，通过引导学生发现问题、提出和思考问题，增强学生“问题”意识，培养学生的创新能力，学生在课后多看多做，加深映像，进行巩固和强化。

在实践教学过程中，主要采用“任务驱动式”和“项目式”教学法，主要抓以下五个环节：预习准备、讲解分析、实验操作、分析讨论、讲评总结，培养学生自主分析问题和解决问题的能力[4]。

另外在学校还定期开展专题讲座，按学期举办校级网页设计技能大赛，组织同学们积极参加省级及国家级网页设计大赛等，以提高同学们的网页设计的实战能力。

1.4 在线教育平台提供丰富的课程教学资源

视频及相关的教学资源均开放在在e会学安徽省网络课程学习中心即安徽省教育厅MOOC平台上，主要资源包括：教学大纲与授课进度表、授课教案与讲稿、多媒体课件、实验指导教材、大型案例的详细设计步骤以及课程作业、补充讲义等。每节课程对应地布置一些针对本次课程的作业，并且每次作业都设定一个完成的期限，要求学习者按时完成。

1.5 全面公正的考核与评价体系

在e会学安徽省网络课程学习中心平台上提供课后习题及实验选题，增加论坛互动环节，让学生与学生之间、教师与学生之间能够及时沟通。并通过学生课后习题完成的情况给予平时分记录。平时成绩可作为考核的依据，另外期末考核形式也由传统的卷面改革为以作品成绩作为评价依据。在e会学安徽省网络课程学习中心平台上可以直接提出本课程期末考核的具体要求，比如网站页面数目、整体结构、文件命名规则和独创性等等。可以不指定网站主题，也可以列出一系列的题目供学生参考，学生可以根据自身的特点自己选择网站主题，但主题要求突出、积极向上，页面风格学生可以自定义[5]。在学期结束后，每个学生通过e会学安徽省网络课程学习中心平台上交一份网站作品，学生就自己的作品报告整个构思、设计以及实现过程，教师对提交的作品进行提问，最后可以根据学生回答情况以及网站的设计情况进行综合评分，给出课程期末考核的成绩。

另外，作为课程考核的补充，同时为了鼓励学生参加各种网页设计技能大赛，提升职业竞争力，对于凡是取得网页设计省级或是国家级竞赛三等奖以上的同学予以期末考核免考的优待。

2 MOOC教学模式取得的成果

通过上述一系列的措施，本次MOOC教学模式改革取得了一定的阶段性成果，主要体现在以下几个方面：

2.1 充分利用了学生的闲暇时间，满足在线学习的需求

MOOC模式教学突破了传统课程时间、空间的限制，宗旨是面向全校学生，让同学们不仅在课堂上可以学到教师讲解的知识，在课下可以通过e会学安徽省网络课程学习中心平台进行课堂知识的回顾与再学习巩固，另外e会学安徽省网络课程学习中心平台中还提供了比课堂教学更丰富的相关教学资源与素材，为进一步地学习WEB程序设计等相关课程打下坚实的基础。

2.2 零距离沟通，进一步促进教学改革

在e会学安徽省网络课程学习中心平台上，教师与学生、教师与教师、教师与学生都可以就网页设计教学相关的问题进行及时的沟通，学生也不会因为腼腆，或者因为怕耽误教师下班的时间而不好意思提问，从而使教学中的问题能够及时得到反馈，有针对性地解决并进一步促进教学改革。

2.3 扩大受众范围，创造较高的社会价值

e会学安徽省网络课程学习中心平台是互联网开放平台，能更好地为学习者提供一个灵活的、能够随时随地学习的平台，突破传统课程人数限制，既针对大学生日常课程学习，也兼顾社会行业企业相关人员的培训，一些自学本课程的社会人士，也可以通过平台上的在线学习掌握网页设计知识及技术，另外，高等院校相关课程教师，可以通过平台获取共享教学资源，开展课程合作等，从而实现受众范围的最大化，达到服务于教育、服务于社会的目的。

3 结语

通过网页设计MOOC教学模式改革，学生成为了教与学的主体，在线的学习方式给予了学生充足的思考，激发了学生的探究热情，使学生从“要我学”變为“我要学”，变被动学习为主动学习，对学生的求知欲和上进心有强烈的激励作用，从而更好更快地提高了学习的效率和课程的教学效果。

【参考文献】

[1]黄刚，李洪进.《网页设计与制作》教学的改革探索[J].电脑知识与技术，2014，10（17）：4076-4077+4100.

[2]王显梅.基于CDIO理念的《网页设计制作》课程教学改革研究与实践[J].电子世界，2017（09）：18-19.

[3]卢益清.《网页设计与制作》课程的教学研究探索[J].家教世界，2013（20）：213.

[4]刘瑞文.以项目化教学为主的《网页设计与制作》课程教学改革探索[J].电脑迷，2017（08）：94.

[5]程代娣.“网页设计与制作”课赛融合教学模式研究[J].安庆师范学院学报（自然科学版），2016，22（01）：142-145.