般演讲、培训等场合,我们都离不开 PPT,那么如何做出一款与众不同而有充满科技感的 PPT 呢?这时候,可以尝试一下在线 PPT。
一、选择在线 PPT 的几大原因
1.省去了上传下载的麻烦;
2.降低了客户端对 PPT 软件的依赖;
3.随时更新,更灵活;
4.同屏播放,全场互动,增加用户体验;
…
二、多种选择
1.revealjs
一个可以帮我们轻易使用 HTML 创建漂亮演示文稿的框架。
2.impress
效果非常酷炫,下文将深入介绍。
3.fathom.js
使用 HTML,CSS,JS 来实现滑动页面,体验非常接近 PPT。
4.focusky
操作界面简洁,易上手。支持 3D 幻灯片演示特效打破常规。
三、强力推荐
上面介绍了很多可用的在线 PPT 类库,在我看来最酷炫的莫过于 impress.js,我们先来看一个演示:
四、基本使用
1.定义结构
<div id="impress"></div>
2.每页 PPT 使用 step 类来区分
3.使用 data-x,data-y 完成平移操作
4.缩放:data-scale
5.页面旋转:data-rotate
6.调整 z 方向层级 data-z,可以理解为离用户的远近距离
7.使用 data-rotate-x, data-rotate-y, data-rotate-z 实现 3D 旋转
此外,还有一些可用的 css 类,js 初始化方法,以及 stepenter 事件等,具体可以参考官方文档。
五、投屏互动
演讲者端,监听 impress:stepgoto 事件:
观众端,接收 slide 消息,然后自动翻页:
需要特别注意,我们要禁止掉观众端的操作事件,否则你演讲过程就会被别人牵着鼻子走了~
六、可视化编辑
如果你不喜欢写代码,我们可以选择可视化编辑器。
七、更多资源
八、热门原创文章
1.Nuxtjs 2.0 升级爬坑
2.初学算法,你应该这么玩
3.HTTP 2.0 时代,你落伍了吗?
概述:Conaito领先的PPT与Html转换技术,提供了最早投入市场的转换开发工具。该技术保证了转换过程的精确性,同时保留了几乎所有的动画和过渡效果(即将推出),嵌入的音频,视频,和PPT的风格。转换成带有Conaito PowerPoint-to-Html5 SDK的Html5后,PPT演示文稿保持原有外观和交互性,可以无缝地在现代Web浏览器中和移动触摸设备,如iPhone,iPad,Android,Windows Phone这些设备中播放。
支持的开发环境包括:
系统要求:
本站文章除注明转载外,均为本站原创或翻译
019年的你还认为HTML5只是平时在朋友圈刷到的H5链接吗?要知道HTML5可以做的事情远不止如此!
HTML5不仅拥有强大的应用功能和广泛的使用范围,而且它的学习门槛也比Java、C++、Javascript等语言低很多,可以说是非常适合作为零基础小白打开IT世界大门的第一把钥匙!
接下来,小编就和大家一起来了解一下,到底什么是HTML5?它究竟好在哪?
从技术层面来说,HTML5就是HTML5+CSS3+JS的合集。HTML5用于实现我们能够看到的所有网站,是包含一定特效的移动端营销网页,简单概括,就是用代码实现一张由设计师设计好的网页图片。HTML5做出的作品也会被称为场景应用,有些作品与移动端PPT类似。经常能见到的形式就是滑动翻页。
HTML5=HTML+CSS+JavaScript
HTML指的是结构,使整个网页中有标题,有列表,有图片等。
CSS指样式,也就是标题文字的字体大小、颜色、字体;图片的大小;某个块的背景色或背景图等
JS即JavaScript,指的是行为,例如在网页上四处飘动的广告;图片滚动;浏览淘宝时鼠标移动到商品时,放大商品的效果等。
如果说HTML是人体的骨架,CSS就好比人体的血肉架,JavaScript就好比人的各类动作,这些合在一起基本就是前端工程师的基本要求了。
HTML5作为移动互联网的行业新贵,它的快速发展撼动着Android和iOS在应用层面的地位。
由于HTML5的富媒体化与富应用化,目前还没有一门前端的开发语言能取代HTML5的主流开发地位,无论做PC端网站还是App应用,前端样式均由HTML5开发,毫无疑问,未来几年,HTML5依然会是Web应用的最佳解决方案,就业前景十分广阔。
目前,北京、上海、广州、深圳等地Web前端工程师的平均薪资已经上涨至13万元左右,可见,市场对于HTML5开发人才需求正在不断增加。据国内权威数据统计,未来五年,我国信息化人才总需求量高达1500万—2000万人。其中“网络工程”“UI设计”“Web前端”等人才的缺口最为突出。
说到HTML5前端的薪资之高,不得不提的就是,九月刚刚到来,我们便收到了振奋人心的好消息!云和数据HTML5全栈精英班的毕业学员由又双叒叕送来了喜报!
云和数据的HTML5全栈精英班,由拥有多年企业真实开发经验的大咖实战授课,实行真实企业项目制分组现场教学,学员可以全程参与实际项目的真实开发,积累丰富的项目经验。来云和数据学HTML5,下一个月薪万元的就是你!
*请认真填写需求信息,我们会在24小时内与您取得联系。