基于MOOC平台《网页设计与制作》在线课程建设与应用探讨

夏 维

湖南石油化工职业技术学院，湖南 岳阳 414000

在“互联网 +”交互实践教育理念的指导下，建设全民终身学习课程平台是实现教学资源共享的重要途径，在高职院校中引入在线开放课程，有利于将网络资源充分运用常规教学，有利于拓展学生学习效率与质量，帮助教师更好完成相关的教育目标与任务。在线开放课程的建设与实施，转变了教师传统的教育教学观念，改革教学内容，更新教学模式，创新课程评价考核机制，是当前职业教育对教师提出的新的要求。

一、基于智慧职教MOOC学院平台的网页设计与制作开放课程创建

《网页设计与制作》以智慧职教MOOC学院为线上开放课程平台，在教学过程中充分运用线上资源，进行“线上+线下”混合式教学模式开展教学。

学生登陆MOOC学院平台后，注册成为本学校账户，通过老师发布的课程链接或扫二维码加入《网页设计与制作》课程。进入课程后，学习既可以在电脑上边学边操作，亦可通过手机，借助互联网不受时间空间限制进行课程学习。

在MOOC学院，学生可以根据整个课程教学进度，进行自主学习。学习资源配套线下环节进行设计，有课程PPT、颗粒化微视频、项目练习及作业，遇到学习的难点还可以在网上与老师进行实时互动。学生所有学习的轨迹系统都会根据实际情况进行学习学分的记录，教师可以线上或线下公布在线学习成绩，对难点共性问题进行讨论和解答，提高学生学习效果。

二、《网页设计与制作》开放课程教学资源创建

根据本专业人才培养方案及课程标准，围绕“以学生为中心”的教育理念，通过深度挖掘案例中思政元素，将思政教育充分融入网页设计教学任务，增强专业课程的人文情怀，将《网页设计与制作》课程做以下单元重构。

（一）教学单元重构

任务1网页策划起步以“中国共产党成立100周年”为案例展开，体现思政元素政治品德，让学生牢记历史，增强爱国主义情怀。

任务2网页的基本页面实现以“心中的最美人物”案例展开，体现思政元素职业道德，培养学生明确“守信、守则、守规、守艺、守拙”五守行为，达到自我教育、践行职业道德的成效。

任务3运用HTML5的新标签以“敬业乐业，忠于职守”案例展开，响应党的十八大提出的加速发展现代职业教育，培养学生的职业操守、职业素养、职业道德，让学生具备遵法守纪、崇德向善的优良品质。

任务4构建网站层叠样式表讲述网页中的表现层技术，以“本土区域景点介绍”为案例展开，体现思政元素“传统文化”的学习，培养大学生的爱国情怀。

任务5设置文本、背景与列表样式以“爱护生命，保护野生动物”为案例展开。思政目标为培养学生爱护生命、保护大自然，节约自然资源的意识。

任务6运用盒子模型布局网页以“秦岭生态环境保护网”案例展开，培养学生具备遵法守纪、崇德向善的优良品质，加强生态环境内涵的理解，提升环保意识。

任务7运用影音多媒体主要讲解多媒体对象以“中国抗疫精神展开”案例展开。抗疫精神，是在抗击新冠肺炎中形成的众志成城抗击疫情的精神。通过网页视频图片及文本的宣传培养学生先锋责任意识，自觉参与新冠疫情防护，从我做起，促使他们成为建设健康中国的积极践行者。

任务8设计表单以“魅力家乡建设”为案例展开，思政目标为培养学生担负起保护家乡心态环境的主体责任意识，自觉参与魅力家乡环境保护建设，从我做起，培养家国情怀，强化责任担当，促使他们成为建设美丽中国的积极践行者。

任务9运用特殊效果以“家庭和睦，感念亲恩”为案例展开，思政目标为培养学生具备尊老爱幼关爱父母传统美德。感恩教育直接影响当代大学生的成长以及高校人才的培养质量，培养大学生的感恩意识，帮助他们树立正确的人生观价值观，激发他们的社会责任感。

（二）教学资源建设

教学资源分为以下几大块：章节主题思政元素文档、教学PPT、教学微视频、思政元素素材、作业测试等。思政元素文档让学生了解本单元思政主题，学习并收集主题相关思政元素，培育和践行社会主义核心价值观，让学生随着课堂进程的开展，自然而然地接受符合中国特色的核心价值观的教育；教学PPT与线下教学内容相匹配，学生可以分章节，分小节获取知识要点，配合其他资源，完成学习任务。其他资源包括网站链接、颗粒化的微视频的学习、作业等；思政案例及项目实训素材资源是学生进行实训操作的重要资源获取途径，包括源文档、文本、图片、动画、视频、声音等。素材选取要与微课相匹配，同时要注意分类标签的统一，以便后期进行资源整理及线上课程的构建；项目实训及作业资源的练习是学生自我检验自己最近这段学习的成果，是发掘潜质、提升认知的重要组成部分。

三、网页设计与制作教学策略

基于校企深度合作，校企双师共同执教，实行“双主体、双身份、双导师、双课程和双证书”培养模式。教学中基于翻转课堂为教学理念，采用任务驱动教学方法，校企共建教学案例库，创设学习情境，以“论、探、练、思、评”五环节组织教学，实现了职业教育“做中教、做中学、做中悟”的教学理念，达到教学目标。

策略一：思政主题为引领。每一个文本内容提炼出一个思政主题，进行网页设计教学和能力培养的同时，开展思政素养的集中培养。

策略二：以任务驱动为教学手段。以企业真实案例为任务展开教学，能为学生提供体验实践的情境和感悟问题的情境，以任务的完成结果检验和总结学习过程等，改变学生的学习状态。［1］

策略三：以学生为中心教师为根本开展教学。教师作为课堂的引导者，在课前发布预习任务，学生通过线上MOOC资源学习对任务知识有初步的了解，在讨论区或留言板提出知识疑点，让教师提前了解学生的知识盲区；课中通过预习难点剖析、任务的实施、小组讨论，教师答疑，优秀作品展示等多种教学形式激学生内在的学习动力，让学生成为课堂的主导者，在任务实施过程中培养学生团队协作能力，严谨细致的代码思维参力，敬业、精益、专注、创新的工匠精神。

策略四：课程设计自我开发网站为考核评价手段之一。课程最后两周，学生利用课余时间，综合运用所学的基本理论、专业知识和基本技能，对所学课程进行一次全面复习与应用，开发主题静态网站，提高学生分析与解决本专业问题的能力及独立工作的能力。

四、“线上+线下”混合式教学实施

现以“运用盒模型布局网页”中“元素的浮动与定位”为教学内容，具体实施过程如下：

（一）课前

在MOOC平台中，教师发布学习任务和要求，学生通过查看MOOC中教学资源，明确学习要求、任务内容和目标，提前自主学习本堂课的知识点和技能点。老师提前收集学生学习的问题和难点，课堂实施环节将有针对性地去解决。

（二）课中

课中分为五个过程，即按照“论”“探”“练”“思”“评”的工作流程进行开展教学。

◆过程一：讨论

以小组为单位，进行在线学习情况汇报；教师现场对学生调研的问题进行总结，采用启发式教学方法或小组学习汇报的形式，引出本课程的知识。

思政融入点：教师结合课前的资料，以“生态环境保护网”中“当好生态卫士”“环保志愿行动示范活动举行”为案例进行案例描述及案例展示。

思政目标：培养严谨的学习态度和实事求是的工匠精神，培养学生树立“保护生态环境是责无旁贷”的正确观念。

◆过程二：探究

本堂课知识点包括元素的浮动属性的使用、浮动属性的清除、溢出处理。教师根据教学内容及教学目标设计案例“守护绿水青山 当好生态卫士”页面制作，将课堂内容与思政教育紧密结合。

操作技能包括知识点一：设置box浮动；知识点二：清除浮动，掌握清除的应用；知识点三：over flow溢出属性，对应案例环保志愿行动示范活动举行页面。

思政目标：“守护绿水青山 当好生态卫士”，思政元素的传递用来帮助学生加深对习近平总书记提出的“强化公民环境意识，把建设美丽中国化为人民自觉行动”的理解。在任务讲解和演示的过程中，强调前端开发工程师需要严谨细致的代码思维及代码规范，遇到编码错误时要具备耐心、专注的思想意志。

◆过程三：实训（任务练习）

任务实施分小组进行，在代码编写过程中，学生可查看任务微课视频，任务指导书，在教师指点及同学团队合作解决调试中存在的问题，培养学生分析问题解决问题的能力。如碰到无法解决的问题，可以拍照上传至学习通中答疑区，通过多种交互式的学习，加深学生对难点认识，突破难点。教师巡回关注掌握学生技能动态和思维动态，意在争取最大程度渗透职业素养思政教育。

思政目标：培养学生严谨、一丝不苟的治学态度，专注的思想意志，精益求精、追求卓越的工匠精神。使学生在学习技能的同时，树立积极向上的人生观和价值观。

◆过程四：思考

师生探讨任务中的共性问题，进行归纳总结。集思广益，翻转课堂，让学生当小老师，对问题进行难点分析，激发学习内动力，教师在此过程中进行经验的分享，帮助学生顺利突破重难点，达到教学目标。

思政目标：培养学生分析问题，解决问题的能力，激发学生学习的热情。

◆过程五：评价

利用蓝墨云班课平台，采用多元化评价方式，如组内自评、组间互评、教师连同企业综合评价的方式进行评价。学生彼此交流心得，学会表达，分享成功的喜悦。

思政目标：培养学生综合运用本技能的能力及作品设计中创新的能力。

（三）课后

布置主题相关的拓展任务，如建设美丽校园从我做起，垃圾分类、环境治理等绿色环保页面的制作，巩固专业技能点。

思政目标：学生深刻认识到作为大学生应该积极参与生态文明建设，并亲力亲为，以身作则，自觉爱护大自然，更加积极地保护生态环境，把个人行为与国家战略相结合。

五、网页设计与制作评价

本课程考核采用形成性考核方式，总评成绩由形成性考核的各项成绩组成，全面考核学生的动手能力、基础理论和平时学习状况。［2］

线上考核主要通过学生在MOOC学院学习轨迹来进行考核，学习轨迹主要体现在学习微视频、课程PPT，完成项目案例、作业及测试成绩。针对课程开设期间学生线上活动的参与度、学习任务达成情况，师生互动交流情况作出全方位的客观评价，线上考核占总成绩的30%。

线下考核主要为课堂实践考核+课后实践考核+单元测试占30%+项目实训考核占40%。

六、《网页设计与制作开放》课程创新及不足

（一）《网页设计与制作》开放课程创新点

1.案例多元化

在进行课程重构与任务分配时，立足学院“五德教育”即政治品德、职业道德、人文雅德、社会公德、家庭美德为基点，考虑思政主题、素材，融合专业课程知识点，教学案例涵盖文化、家乡、环保、学校、政务、职业等多个领域，网页主题突出、页面美观，学生学习兴趣浓厚。［3］

2.思政融合化

思政教育像润物无声的春雨般融入每个案例，思政元素与知识点、素材深度融合，使课程专业知识的学习、能力培养和社会主义核心价值观的塑造形成协同效应。在制作网页过程中潜移默化地进行思政教育，让学生乐于接受，正能量得到有效传播。［4］

（二）网页设计与制作开放课程不足

1.课件讲解视频的吸引力不足

《网页设计与制作》线上微课，尽管把握了知识碎片化、时间控制5～10分钟，有教师人物出镜这些基本原则，但教师的出镜仅在于片头片尾中。整个课堂的呈现以教师录屏软件录制好课程内容为主，再合成片头片尾中。这样的课程呈现比较呆板，缺乏亲和力和吸引力。

2.教学资源呈现互动性不强

教学资源没有设计响应性交互。学生只能通过文字视频来学习教学内容，不能与教师产生及时的互动。学生在MOOC平台进行自主学习可以随时随地，但遇到问题只能留言于讨论区或留言区，而教师不能做到及时反馈，这样时效性就没有得到有效管控，学生的疑虑得不到及时的解决，降低了学习的兴趣。

总而言之，为了更好地服务高校教育教学改革，实现课堂创新，利用信息技术更新教育理念、变革教育模式，努力打造一批优质在线课程并实现教学应用与共享。