使用html制作幻灯片的最佳实践或框架是什么

What is the best practice or framework for making slides using html?

本文关键字:框架 是什么 最佳 html 幻灯片 使用      更新时间:2023-09-26

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

这里有一个更具创造性的类似于Prezi的例子:http://bartaz.github.com/impress.js

这里有一个优秀的小"框架",用于制作HTML幻灯片演示,包括动画、过渡等。

链接:deck.js

我喜欢它!

有一个很好的演示模板列表:https://github.com/geraldb/slideshow/wiki/More-Slideshow-Projects-in-JavaScript

我发现deck.js是之间的最佳折衷方案

  • 简单:编写html并在浏览器中启动它,不需要web服务器
  • 由于主题和干净的结构,您可以轻松创建自己的CSS样式,因此可以进行自定义
  • 带有扩展的功能
  • 打印可用讲义的可能性

Keydown是一个很好的选择,它使用deck.js和markdown语言来编写幻灯片,但需要ruby来创建html。

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

  • Nivo Slider:您可以对图像和链接进行硬编码
  • 敏捷旋转木马:可以选择将其设置为与一些服务器脚本相对应,以呈现输出

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

BoardJS