使用 html 制作幻灯片的最佳实践或框架是什么？ [关闭]答案

【问题标题】：What is the best practice or framework for making slides using html? [closed]使用 html 制作幻灯片的最佳实践或框架是什么？ [关闭]
【发布时间】：2012-01-07 06:51:25
【问题描述】：

我在 html 中看到了一些很酷的幻灯片，但有些是消耗 CPU 或依赖于浏览器的。由于我对html5不是很熟悉，所以我想知道制作html幻灯片的最佳实践或现有框架是什么。

【问题讨论】：

标签： javascript html css presentation

【解决方案1】：

还有一个和 Prezi 类似的更有创意的：http://bartaz.github.com/impress.js

【讨论】：

我看到了，在我的笔记本上不是很流畅
很棒的链接伙伴......这是一个非常非常好的工作......但它对浏览器有一些负担
它仍然是原始的，但我认为只需少量优化它就可以成为一个可靠的库。

【解决方案2】：

这是一个极好的小“框架”，用于制作 HTML 幻灯片演示，包括动画、过渡等。

链接：deck.js

我喜欢它！

【讨论】：

我也喜欢你的，在性能水平上，它表现得很好......顺便说一句，你必须检查@Ghigo 的链接......这也很棒......
检查过，看起来不错。但它更重:-)
是的，这就是问题所在，否则是一件不错的工作......

【解决方案3】：

有很多这样的演示模板： https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript

我发现deck.js 是以下之间的最佳折衷：

简单：您编写 html 并在浏览器中启动它，无需网络服务器
由于主题和简洁的结构让您可以轻松创建自己的 CSS 样式，因此可以进行自定义
扩展功能
可以打印可用的讲义

Keydown 是一个不错的替代方案，它使用deck.js 和markdown 语言编写幻灯片，但需要使用ruby 来创建html。

【讨论】：

【解决方案4】：

我可以推荐的两个选项如下

Nivo Slider : 你可以硬编码图片和链接
Agile Carousel：可以选择针对某些服务器脚本进行设置以呈现输出

【讨论】：

【解决方案5】：

使用此库制作交互式演示文稿、故事或广告。

BoardJS

【讨论】：