《HTML5网页设计》在线开放课程建设研究

陈 卿

（冀中职业学院 河北 定州 073000）

1 《HTML5网页设计》在线开放课程建设意义

2015 年国家教育部发布了“关于加强高校网上开放课程应用与管理的意见”，提出建立具有中国特色的网上开放式课程体系和课程平台。教育部于2018年召开新闻发布会，推出首批490门“全国优秀网络开放课程”。由此可以看出，在线开放课程在教育部的鼎力支持下，发展迅速。在线开放课程建设不仅会进一步推动计算机信息技术与高校教育教学的深度融合，而且也必将促进中国网络开放式课程建设与应用的深入发展。

在线开放课程的特色与优势：（1）利用互联网技术，在线开放课程不仅对教学内容进行改革，教学模式也得到了更新，教学方法也呈现多样化，学习者在任何时间和空间可随时独立学习。（2）利用移动终端，笔记本电脑等智能化工具，学习者通过计网络对在线课程进行学习，便于教师对学习者的学习进行动态监测，不但实现了教师与学习者的双向沟通，而且有利于提升教师的教学效率。3.在线课程教学资源丰富，有课程大纲、教学计划、视频、PPT、测试题目、信息包等资源，这样不仅能保证学习者有质量的学习，更重要的使能够激发学习者的学习兴趣。

《HTML5网页设计》课程是我院计算机应用专业的专业核心课程，在整个网页设计课程体系中的作用非常重要。该课程的设置为《移动应用开发》、《动态网站开发》、《JAVA高级编程应用》等后继课程打下了坚实的基础。目前网页设计已经成为我院计算机应用专业的重点发展方向，把《HTML5网页设计》这门课做成在线开放课程也必将纳入学院的建设规划。校内、外教师组成的专业教学团队有丰富的教学经验、责任心强、知识结构科学合理。我们的专业技术人员已经将网页设计的主要知识点、技能点进行碎片化处理，有利于在线开放课程的建设和实施。

2 《HTML5网页设计》在线开放课程建设教学内容

通过本课程的学习，学习者学会网页创意，熟练应用编程语言，加强并提高美学、技术、交流、开发网页项目的综合能力。同时激发学习者的学习兴趣，培养学习者自我约束、自我学习的能力，使学习者养成良好的学习习惯，为其今后的职业生活、继续学习和终生发展奠定坚实的基础。我们开展项目化教学，充分利用现代信息手段，在多媒体电子教室开展“教、学、做”一体化的项目化教学，精选课程资料包，发到蓝墨云班课及教学网站，建立一系列微课发到微信群、微信公众账号等自媒体中，有益于学习者碎片化、移动化、自主化学习。

2.1 模块化课程内容

我们将整个课程内容分为4个项目，每个项目分为多个模块。每个模块都是独立的，可以在一定的方面独立完成教学任务，具有独特的独立性；每个模块之间的知识层是渐进的和相关的。

2.2 融入互联网真实开发案例，开展项目化教学

将互联网真实“搜狗影视”网站做为教学过程的一部分。依照实际工作流程，遵照学生的认知规律，将项目任务分解到各个教学模块，构建完整的教学设计。

2.3 线上+线下的混合教学模式

借助课程网络平台，建设丰富的课程教学资源库，开展线上+线下的混合教学，从一段时间开始，教学过程分为课前，课堂和课后阶段。从空间的角度来看，它分为在线，离线和在线阶段。从知识上讲，它分为转移，内化和再内化。课前线上自主学习、信息获取，教师借助线上网络学习平台，指导学生学习，收集问题并及时反馈；课堂教学即线下教学，要解决学生在网上遇到的问题，应注重培养学生的实践能力、知识转移和应用能力。课后线上拓展提升，学生根据课堂教学内容，独立完成教师留下的课后项目，对探究中遇到的问题进行整理，并发布到课程讨论中，师生共同讨论，达到对知识巩固拓展与提升的目的。同时，教师借助平台提供的教学监控和管理功能，掌握学生在线学习的内容和访问次数、学习途径、学习时间等，结合剖析结果，定向学习指导和监督。

2.4 教学采用“教、学、做”一体的方法

教学表现了“教师为主导，学生为中心，练习为主线”的原则。采用“教、学、做”一体的方法，采用项目化教学，教学项目分为课上教师指导项目和课下学时独立完成项目，教学过程包括四个阶段。

第1阶段：项目引入，提出问题

教师展示项目，讲解项目背景及具体要求，引导学生针对项目提出问题，并给出相应的解决方法。这样可以使学习者有所收获的同时，明确教学目标，更好的提升他们的学习动力。

第2阶段：项目分析，明确目标

对项目进行分析，明确所讲授项目的重点、难点，更好的明确知识目标和技能目标，找到解决问题的方法和措施。

第3阶段：项目讲析，解决问题

该项目被分解为若干子任务，在子任务的学习中，学习者学习知识，提升操作技能，最终完成整个项目的制作。在每节课结束前，指导学生进行总结本节课重点、难点和误区。发现不足之处，及时查漏补缺。

第4阶段：触类旁通、自我提升

为了使学生可以运用所学知识，互相举一反三，做出类似的参考，教师及时安排相关的课下学习项目。从而对所学知识进一步巩固的同时，提高解决问题的能力，并且能够触类旁通、自我提升。

2.5 组织学生参加校内外技能大赛，激发学生学习热情

在校内，定期举行“学生作品设计大赛”，给学生搭建了交流学习的平台，更好的展示自己；以赛促教，以赛促学，鼓励学生参加全国和省高职院校技能大赛、全国高职高专创新创业大赛、“蓝桥杯”全国软件信息技术人才大赛及其他有影响力的软件及信息技术专业赛事，以大赛为导向，突出职教特点，在培养学生专业技能的同时也提高了学生的心理素质。

3 《HTML5网页设计》在线开放课程课程改革思路

课程主题设计改革：课程知识学习的主题，选择学生喜闻乐见的在线网站作为仿站目标，以便更好的提高学习者的学习兴趣。在课程中我们紧扣整体知识框架，增加课程的主题量，每个主题都紧密与实际网站相结合，最终使每个学习者在学习中受益匪浅。

讨论参与度的提高：在课程评价中，通过对知识点设置讨论点的方式，提高学习者的参与讨论热情。讨论点的设置，不仅可以让教师和学习者深度的互动，而且还有利于拉近彼此之间的心理距离，对学习者的学习也是一个很好的促进作用。

开展基于慕课的混合式教学：借助校内生产型实训场所，采用“教、学、做”一体化的教学方法，让学生掌握前端页面开发的方法和技巧。充分利用现代信息手段，如：多媒体电子教室、篮墨云班课、微信群、微信公众账号、教学网站、电子邮箱等手段，完成课内课外，线上线下的教学变革。

评价方法的改革：目前的MOOC评价机制以学习者完成率作为评价指标。这种方法太单一了。我们可以将课程单元的完成率和课程完成率相结合，综合测评学习者的学习情况。这样可以更好的促进学习者坚持整个课程的学习，敦促他们完成学习任务。

4 结语

随着计算机的发展，前端技术发展更为迅速，市场前端工程师职业非常紧缺，大前端的时代已经到来，需要更多更优秀的前端人才加入。在我们的课程体系中HTML5、CSS负责界面和框架搭建，JavaScript和jQuery语言负责页面交互和数据渲染，在线课程从选题、技术、方法上都朝着最实用的方向发展。在校生、教师、企业员工、社会学习者运用云课堂和“河北省职教云平台”，能学到一些对于HTML5网页开发有益的内容。