在高职教学中H5应用的研究

1、    在高职教学中h5应用的研究    赵宇（天津海运职业学院 天津 300350）摘 要：在高职教学中，教师可以借助html5技术制作个性化的课件。本文首先介绍了html5技术的优势，接着介绍了html5课件的优势，最后以高职信息技术数据类型一课为例，介绍如何制作h5课件。关键词：课件 html5 教学一、html5介绍html5包含了html、css和javascript三个部分，不单单只是html部分而已，css3和javascript也有许多创新，让整个网页程序功能更加丰富，弥补了早期版本在多媒体和页面交互等方面的缺陷。通过html5的各种技术

2、以一种前所未有的统一、简洁、无插件依赖的方式实现复杂的网页应用，html5的优越性已得到广大开发人员的普遍认可。11.支持音视频技术移动学习常用的学习资料主要是文档、声音和视频文件格式，支持视频播放是最直观的学习形式，html5标准里提供了新的标签audio、video，并内置了视频解码器，通过这两个标签的应用，在网页里可以直接嵌入播放声音和视频文件，而不需要借助播放插件。2.支持离线存储html5标准的一个新的特点是支持离线存储。通过html5规范，可以将客户端的数据资源保存在浏览器的缓存当中，也可以将数据存储在本地存储器中。23.支持触摸操作过去web的flash播放模式并不支持触控操作，

3、而html5技术则完全支持当前所有的触摸智能手机，能够进行良好的触摸控制，对于本文研究的课程资源移动网站，要实现在移动终端上的显示，首先要解决跨平台的问题，而基于html5技术进行开发将有效地解决这个问题。二、h5课件的优势h5不仅能够很好地展示教师的教学内容，还因为其极易共享和传播，可以轻松地在不同的设备上学习，更能通过信息反馈，很好地与老师产生互动，不受时空限制。可以想象，借助h5课件，老师的教学内容将不仅局限于自己的学生，还能被更多需要的学习者使用，产生教育的最大功效。接下来，笔者将以高职信息技术数据类型一课为例，介绍如何制作h5课件。三、动手制作h5课件h5的设计开发分原生开发和借助第

4、三方，教师不是专业出身，建议选择比较成熟的开发工具：如易企秀、兔展、微页等，这里以易企秀为例。1.注册易企秀账户登录易企秀官网首页（chap ：/ /），通过输入用户名和手机号码进行验证注册，也可以直接使用微信和qq进行快速注册。易企秀账户分个人账户和企业账户，企业账户还分免费版和付费版，付费版会带来更多的高級功能服务。但对于教师制作h5教学课件而言，使用免费版也已经足够了。2.创建一个场景易企秀中的场景相当于一个ppt课件的文件，创建一个场景就是制作一个课件的开始。与等制作课件的软件一样，易企秀也提供了很多现成的、不同类别的场景模板供选择。3.开始制作h5课件经过不断的完善改进，场景的制作工

5、作台已经比较成熟和方便。制作工作台的中部是效果展示舞台，舞台右边栏是快速编辑工具；顶部左侧是元素栏，可以插入字体、文本、背景、音乐、视频、图片、形状、图集、互动、表单和特效等元素右侧是场景页面，页面名称允许自定义，顺序可以自由互换移动。（1）插入背景和图片图片是h5场景制作过程中的重要素材，图片类型分背景图片、素材图片和图集图片等。易企秀的图片素材也和场景模板一样，有很多现成的图片库供选择，种类非常丰富。（2）插入文本在h5页面中插入文本的原理和方法与在中插入文本框的方式基本类似，操作也是简单易懂，插入的文本可以使用鼠标和方向键调整位置，也可以调整存放的层次。（3）插入音乐和视频这里介绍的音乐

6、是指打开h5课件场景后的背景音乐。同样地，也有一个音乐素材库供选择。除了这，还可以通过本地上传（不超过4m）和添加音乐网址的方式获取音乐。（4）插入表单组件表单是h5课件中实现信息交互的重要途径。目前易企秀支持的表单组件主要有输入框、单选、多选、评分等（表2），这些组件都可以转化为课件中不同的题型，实现不同需求的教学互动。不管使用什么类型的表单组件，都需要添加一个提交按钮，用于上传用户所选择或输入的信息。易企秀为每一个表单组件都设计了数据汇总功能，制作者可以在后台实时看到用户提交的数据，还可以将这些数据导出到excel文件中进行分析。4.发布和分享h5课件课件制作完毕之后，先点击保存，再点击发

7、布功能即可预览最终的效果。预览后需要修改的地方，可以点击“编辑场景”继续制作。易企秀提供了多种方式的分享途径（见图1），可以借助移动互联网发挥巨大的传播功能。5.统计分析数据课件制作完成后，笔者利用周末时间，通过微信朋友圈（群）、qq空间（群）等方式将课件地址分享给学生。除了统计汇总的功能外，易企秀还统计了不同时间段、针对不同的内容，以及客户端地区和设备的统计情况，有助于制作者对h5场景的效果进行监控。6.使用app管理易企秀不仅可以在电脑端制作场景，还可以通过a pp在移动设备上制作和编辑场景。通过登录同一个账户，内容和信息相互连通，即时更新。结语html5技术已日趋成熟，浏览器对html5的支持度日渐提高，基于html5的课件学习能够将丰富的知识内容的呈现形式和互动学习活动更加吸引学习者参与到在线学习中，享受学习的乐趣，提高学习效率，因而未来运用html5技术的在线课程建设必将成为教学资源建设中新的热点。参考文献1黄予，莫永华，何良泉，伍艳兰. 基于html5的微格教学视