HTML5互动微课开发与应用.pdf

HTML5互动微课开发与应用.pdf第2 9卷第3期2016年7月镇江高专学报Journal of Zhenjiang CollegeVol. 29 No. 3July, 2016HTML5 互动微课开发与应用冷国华,蔡志东,许翊(镇江高等专科学校丹阳师范学院,江苏丹阳212300)摘要:移动互联时代的学台要求严格,基于视频的微课其交互性弱,影响学习效果,而基于HTML5 的微课(简称H5 微课)适合多种平台,具有强交互性,是移动学习的最适合资源。可从H5 微课及特点、开发技术及推广应用等方面展开讨论,提供完整的H5 互动微课设计、制作和应用解决方案。关键词:HTML5;H5;微课;H5 微课;移动互联中图分类号: 文献标志码: C 文章编号:1008 -8148(2016)03 -0037 -05移动互联网的快速发展和以智能手机、平板等为主的智能移动设备的普及,使移动学习逐渐成为一种重要的学台性(Android、iOS、Windows、 Linux 等)需要我们开发出适合多平台使用的数字学习资源。传统的数字学习资源开发技术包括PPT、 Flah 和原生APP等,这些种类的数字资源不能跨平台使用,在移动学习时代存在着很大的局限性。以视频为载体的微课,虽适合于各种平台,但交互性差,缺乏互动,影响学习者的使用体验,进而影响学台,提供多种交互技术,开发的网页互动性强,能够让用户得到很好的互动体验,特别适合移动学习。2014年HTML标准的确定,标志着该技术的完善和成熟,近年来各大网站和公司纷纷抛弃Flash转用HTML , WebApp 的普及和流行使HTML成为潮流。HTML开发技术飞速发展,为开发基于HTML5 的跨平台互动微课(简称H5 微课)提供了基础。本文在简介H5 的基础上,从H5 微课及特点、开发技术和推广应用等方面展开讨论,提供一整套 H5 互动微课的设计、制作和应用解决方案。1 HTML5 HTML5 技术的发展HTML是一种超文本标记语言,1991年问世,经过多年修订与完善,已成为网络应用中描述网页的最通用语言,目前互联网上的绝大部分网页都是使用HTML编写的。发展到HTML第4 版标准(HTML4),遇到了两种困境:一是浏览器为了支持日益丰富的网页多媒体和交互的广泛应用,需要许多插件的支持,这带来了麻烦和安全性问题;二是系统平台如微软、苹果、安卓等的不同,需要开发不同的应用程序,多次开发造成浪费和使用麻烦。由此产生了 HTML第5 版标准,简称HTML5。HTML为上述困境提供了良好的解决方案,在与JaVaScript、CSS等紧密结合后,HTML能使浏览器不需要插件(如Flah)也能实现各种应用的交互效果,其跨平台可用性更令应用的一次开发成为可能,因此逐渐成为Web应用开发的新标准。HTML草案前身是WebApplication. 0,于 2004年被网页超文本应用技术工作小组(WHAT- WG)提出,2007年被万维网联盟(W3C)接纳,2008 年1 月出台第一份草案,2014年 1 0 月由W3C发布正式推荐标准。HTML网络应用有许多优势:首先是其跨平台可用性,其开发的应用可以在微软Windows、苹果 i