如何制作简易的HTML5幻灯片

你需要一款简单易用的幻灯片演示制作工具，比如Focusky，这个软件支持输出多种格式，包括HTML/*.EXE/*.ZIP/*.APP/视频/PDF/H5等，应用很方便。

如何利用Focusky制作简易的HTML5幻灯片？有2种方式，一种是自定义创建幻灯片内容，一种是直接套用模板编辑制作，简单易上手，推荐使用。打开软件，登录账号，选择合适的幻灯片模板进行套用，替换模板原有内容，设置动画特效，就可以输出HTML5幻灯片。

另外，Focusky在演示上还支持3D幻灯片演示特效，可以打破传统的PPT切换方式，只需加入生动酷炫的3D镜头缩放、旋转和平移特效就可以使幻灯片像3D电影般播放，给人以视觉冲击感。

1、按照正常的思路，布局就是div布局，写一个固定下来，作为模板，在每次获取数据的时候使用功能代码绑定数据到布局上面，自动生成页面内容就可以了。

拆分出单个模板来，很明显每项都是一样的

就这个样式写div+css不会吗？

两层div 的嵌套，里面布局排文本标签，image标签就可以了，绑定id填数据，或者遍历填数据。

简单布局是一种，再就是

这种

对于初学者来说，一个简单的平台可以直接 *** 作，注册申请个账号

进入后出现的页面如下，顶部有很多分类，右侧还有一个点击创建空白场景，新手不建议自己创建空白的，建议选择一个行业或者品牌产品的模板

下面就是选择你需要的分类，比如你想要个餐饮的，那点击行业寻找“餐饮”会出现很多其他家的发布的，鼠标略过会有一个预览，一个就这个按钮，可以先预览，如果觉得差不多是你想要的风格，可以回来选择“就这个”，PS：有秀点那样的图右上面是需要花钱的，开始不建议投入

点击“就这个”创建后会出现以下页面，你可以鼠标点击越青春越有范，换成你自己编辑的文字。

添加上文字或者图片后，鼠标点击会出现如下图片，可以一次点击“样式、动画，”选择想要的效果就可以了

其他页面点击右侧第几页秒就可以再编辑了，最后保存发布

---