HTML5微课程制作工具有什么优势?

html-css011

HTML5微课程制作工具有什么优势?,第1张

HTML5页面制作工具,大体分为两类:基于HTML5的网站工具和手机APP工具(当然还有一些其他的,例如基于微信公众号的等,下面也会介绍)。

先总的说一下个人感受

1.基于HTML5的工具网站:功能较强大,单页面的操作性较强,可完成各种页面交互效果;但是某些时候会有操作“失灵”的现象,如上传图片失败,点击保存失败,生成失败等。原因你懂得~

2.手机工具APP:相比起工具网站来讲,显得比较顺手,有大量模板套用,制作简单快捷;但是拘泥于现有的模板,使得单页面不会有较大的可操作空间,从而无法实现DIY交互效果。

下面展开说下每个使用过的工具吧

基于HTML5的工具网站:

【兔展】

优点:页面DIY程度较高,动效实现起来也简易方便,可制作比较任性的H5页面。

缺点:屏幕界面大小不可调节,上传的图会比例失调;生成后到各尺寸屏上页面会存在拉伸现象。

(此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸,不是图片本身的尺寸,不利于使用者调整)

【MAKA.im】 可以具体编辑,单页操作性较高,有新手(有模板)和高阶(无模板)两种编辑模式;翻页效果比兔展多,模板也更强大一些。

【居高互动刊】

优点:最简单易上手的工具之一,根据提示一步一步的添加,共4步,最后生成微杂志。相比其他在线工具,较稳定。

缺点:目前没试通制作单页上的交互效果,没找到开启pro功能的入口。

【ANIMATRON】

优点:像flash的在线版,功能强大,可以创建HTML5动画。适合有动画基础的人做演示制作。

缺点:需要动画制作基础;工作界面响应时间长;貌似只能分享到twitter、Facebook、google+、tumblr?

新浪微博H5版是新浪微博的一个版本。HTML5是新的浏览器语言,这个版本是支持HTML内容的,就是说html5版本对浏览器要求比较高。

这个新浪微博版本是支持HTML5内容的,就是说这是根据最新的技术开发的新版浏览内容,是跟随互联网技术进步改进网站内容的一种形式。

HTML5:万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次重大修改。

扩展资料

HTML5设计语言的特性:

1、连接特性(Class: CONNECTIVITY)

更有效的连接工作效率,使得基于页面的实时聊天,更快速的网页游戏体验,更优化的在线交流得到了实现,HTML5拥有更有效的服务器推送技术。

2、网页多媒体特性(Class: MULTIMEDIA)

支持网页端的Audio、Video等多媒体功能, 与网站自带的APPS,摄像头,影音功能相得益彰。

3、三维、图形及特效特性(Class: 3D, Graphics &Effects)

基于SVG、Canvas、WebGL及CSS3的3D功能,用户会惊叹于在浏览器中,所呈现的惊人视觉效果。

4、性能与集成特性(Class: Performance &Integration)

没有用户会永远等待你的Loading,HTML5会通过XMLH技术解决以前的跨域等问题,帮助您的Web应用和网站在多样化的环境中更快速的工作。

参考资料:百度百科--HTML5

尝试使用专业的H5制作工具制作,意派Epub360算是一个,有很多丰富的组件可以调用。使用逻辑跟PPT差不多,音乐、动画、视频、交互都可以轻松实现。在线制作,只需要把链接放在公众号里或者分享朋友朋友圈即可。