你需要一款简单易用的幻灯片演示制作工具，比如Focusky，这个软件支持输出多种格式，包括HTML/*.EXE/*.ZIP/*.APP/视频/PDF/H5等，应用很方便。
成都创新互联公司是一家集网站建设,达茂旗企业网站建设,达茂旗品牌网站建设,网站定制,达茂旗网站建设报价,网络营销,网络优化,达茂旗网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。
如何利用Focusky制作简易的HTML5幻灯片？有2种方式，一种是自定义创建幻灯片内容，一种是直接套用模板编辑制作，简单易上手，推荐使用。打开软件，登录账号，选择合适的幻灯片模板进行套用，替换模板原有内容，设置动画特效，就可以输出HTML5幻灯片。
另外，Focusky在演示上还支持3D幻灯片演示特效，可以打破传统的PPT切换方式，只需加入生动酷炫的3D镜头缩放、旋转和平移特效就可以使幻灯片像3D电影般播放，给人以视觉冲击感。
由于Flash被苹果拒之门外，很多开发者在开发产品时都不得不在Flash和HTML5之间做出选择。今天Google发布的一个新工具让天平再次偏向HTML5这边，它就是Swiffy。
Swiffy可以把Flash文件转换成HTML5标准。该项目源于Google移动广告团队，开发动机就是有些设备不支持Adobe的格式，因此无法显示Flash动画。有了这个工具，你只需上传.swf文件，然后就可以将其转化为HTML5标准，显示效果和Flash一样（文件格式为JSON）。
Google称这个转换工具还不支持完全基于Flash的游戏，但是支持向量图形、嵌入式字体、图片、动画等。下面就是一个演示效果截图「上面为Flash动画，下面为经Swiffy转化后的动画」，你可以点击这个链接亲自体验。
Swiffy目前只是一个实验项目，但对开发者来说非常有用。与此同时，反Flash的苹果肯定在偷着乐吧。 除了这款Flash转化工具之外，Adobe今年3月份自己也推出一款转化工具Wallaby。
Flash 大红大紫的日子已经过去了，浏览器厂商们齐心协力整出了 HTML5 标准，抢 Flash 的饭碗；乔教主坚决不让 iPhone 支持 Flash，Adobe 心都挖凉了。现在 Google 也推出了 Swiffy，免费把 SWF 格式转换为 HTML5 代码，赤裸裸的挖墙脚啊。
Google Swiffy 目标用户是网络开发人员，它不能转换 Flash 视频，但对大多数 Action Script 交互型 Flash 支持良好。用户只需将 SWF 文件上传，转换非常快。输出的 HTML 代码会用到一些 SVG 特性，目前只有 webkit 内核浏览器支持；这意味着输出的代码仅仅在 Safari/Chrome 上可用，自然，iOS 自带浏览器也会支持。
html5可以使用代码实现的简单幻灯片，并且能用鼠标滚轮滚动进行换页。
具体代码如下：
!doctype html
html
head
title/title
style
#slides{
position:absolute;
left:0px;
top:0px;
height:100%;
width:100%;
overflow:hidden;
}
.slide{
position:absolute;
height:600px;
width:800px;
opacity:0.7;
background-color:rgba(0, 128, 196, 0.5) !important;
background-color:#ccc;
border-radius:10px;
left:50%;
top:50%;
margin-top:-300px;
box-shadow:5px 5px 5px rgba(0, 0, 0, 0.5);
transition:all 0.25s ease-in-out 0s;
}
.current{
opacity:1;
margin-left:-400px;
}
.future{
margin-left:450px;
transform: skew(-3deg) scale(0.8);
-webkit-transform: skew(-3deg) scale(0.8);
}
.post{
margin-left:-1250px;
transform: skew(3deg) scale(0.8);
-webkit-transform: skew(3deg) scale(0.8);
}
.far-future{
margin-left:1200px;
transition:none;
}
/style
/head
body
div id="slides"
div class="slide current"1/div
div class="slide future"2/div
div class="slide far-future"3/div
div class="slide far-future"4/div
div class="slide far-future"5/div
div class="slide far-future"6/div
div class="slide far-future"7/div
/div
script !function(){ var slides = document.getElementById("slides").childNodes;
var l = slides.length; function fslide(e){ var event = e || window.event;
//console.log(event.wheelDelta +" "+ event.detail); for(var i=0;il;i++)
{ if(slides[i].className=="slide current")
{ var current_slide = slides[i]; break;
}
}
//var current_slide = document.getElementsByClassName("current")[0];
// getElementsByClassName只有火狐，谷歌等浏览器的较新版本支持
if
((event.wheelDelta 0 /*ie,谷歌等浏览器*/ || event.detail 0 /*firefox*/) nextel(current_slide)){
if(prevel(current_slide)){ prevel(current_slide).className="slide far-future"; }
current_slide.className="slide post"; nextel(current_slide).className="slide current";
if(nextel(nextel(current_slide)))
{
nextel(nextel(current_slide)).className="slide future"; }
}
else if((event.wheelDelta 0 || event.detail 0) prevel(current_slide)){
if(nextel(current_slide)){ nextel(current_slide).className="slide far-future"; }
current_slide.className="slide future"; prevel(current_slide).className="slide current";
if(prevel(prevel(current_slide))){ prevel(prevel(current_slide)).className="slide post"
}
}
}
document.onmousewheel = fslide;
// ie,谷歌等浏览器 if(document.addEventListener)
{ document.addEventListener("DOMMouseScroll",fslide,false);
// firefox } }(); function prevel(el){ if(el.previousSibling == null)
return null; return el.previousSibling.nodeType == 1 ? el.previousSibling : prevel(el.previousSibling);
}
function nextel(el){ if(el.nextSibling == null)
return null; return el.nextSibling.nodeType == 1 ? el.nextSibling : nextel(el.nextSibling);
} /script
/body
/html
给你介绍一个超赞的操作方法：
用PPT制作H5时，尽量将PPT的尺寸设置为竖版16cm*26cm（相当于建立一个640*1040的页面），并设置参考线：上下浮动12.2cm，左右浮动7.2cm
当H5设计在PPT中制作完成后，导入PP匠（ PP匠 ）或者炫课（ 中国第一款HTML5微课工具，课程制作 ）客户端可以生成，各有特点。
HTML5实现播放PPT的方法可以调用CSS样式，步骤如下；
1、调用JS插件代码：
script src="js/yhc.js"/script
script src="js/main.js" charset="utf-8"/script
scriptimpress().init();/script
2、添加CSS样式代码：link href="css/qqguoji.css" rel="stylesheet" /。
3、添加HTML代码：将!--效果html开始--......!--效果html结束--之间的html和js代码；放在body/body之间。
该HTML5网页模版是一款基于html5实现的网页旋转、移动切换PPT展示效果。请用支持HTML5+CSS3主流浏览器预览效果，兼容测试：IE11、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器
