开源项目演示

爱他们或恨他们，演讲是学术界和企业生活的重要组成部分。 传统上，创建演示文稿意味着要使用Microsoft的PowerPoint，而Apple的Keynote和LibreOffice / OpenOffice.org的Impress是可靠的选择。 所有这些应用程序的问题（除了前两个应用程序的封闭源代码性质外）是，您需要安装这些应用程序才能查看您创建的演示文稿。 您可以尝试在Google云端硬盘等文件中打开文件，但您的成功会有所不同。

近年来，旨在创建演示文稿的Web框架激增。 这些利用HTML5，CSS3和JavaScript来创建几乎可以在任何现代Web浏览器中显示的演示文稿。 而且，作为一个额外的奖励，演示文稿设计师可以完全控制自己的演示文稿。 他们不必担心文件兼容性或被锁定在特定的基于Web的服务中。 由于这些演示文稿框架是开源的，因此可以按照您希望的任何方式进行扩展和增强-尽管公平地说，编写HTML，CSS和JavaScript的过程比仅使用PowerPoint，Keynote或Impress更为复杂。

最有趣的演示框架之一是impress.js，其目的是使演示超出标准幻灯片。 下面，我将向您介绍impress.js和两个易于创建impress.js演示文稿的工具。

Impress.js

是Bartek Szopka开发JavaScript演示框架。 受启发，它利用CCS3转换提供的演示体验远远超出了传统的幻灯片平台。 通过使用impress.js进行演示，演讲者可以在三个维度上滑动，旋转和缩放演示，以吸引观众。

基于标准的Web技术（HTML，CSS和JavaScript）意味着impress.js不会锁定用户使用特定的应用程序或基于Web的服务来创建演示文稿。 因为它是根据和许可发布的，所以如果impress.js不能按您希望的方式工作，则您可以自由更改它。 但是，与其他一些开源JavaScript演示框架不同，impress.js需要非常现代的Web浏览器来查看演示。 它旨在充分利用最新的Web技术。 遗留浏览器支持不是开发的重点。 但是最新版本的Chrome，Firefox，Safari和Internet Explorer应该可以与impress.js配合使用。

即使对于具有不错HTML和CSS技能的人来说，创建impress.js演示文稿也不是一件容易的事。 基本标记很容易理解，但是impress.js演示文稿可能非常复杂，需要大量的思考和计划。 没有默认主题，因此您必须自己设计演示文稿的外观。 演示文稿的流程完全由您决定，因此您必须计划每张幻灯片如何过渡到下一张幻灯片以及幻灯片在画布中相对位置的布局。 从头开始创建impress.js演示文稿可能需要很多工作，但结果可能会令人印象深刻。 提供了一些 ，以提供启发和指导，还有一些供那些想深入了解和学习更多的人使用。

如果从头开始创建impress.js演示文稿对您来说太复杂了，那么可以使用一些工具来简化impress.js演示文稿的创建。 下面列出的两个优点和缺点各不相同。 尝试一下，看看是否适合您。

气垫船

允许您使用标记创建演示文稿，从而简化了impress.js演示文稿的创建。 不必在制作演示文稿时编写HTML标记，而可以专注于仅编写文本。 您可以四处移动和更改内容，而不必担心复杂的标记。 例如，以下文本创建的幻灯片比前一张幻灯片大五倍，并旋转了90度。

----:data-scale: 5:data-rotate: 90Heading=======* Bullet Point 1* Bullet Point 2----

使用Hovercraft创建impress.js演示文稿可大大简化流程并增强impress.js。 气垫船支持在演示文稿中放置幻灯片的四种不同方法。 如果您在标记中未指定任何位置，则最终会出现传统的幻灯片从左到右的幻灯片放映。 如果您想要一些更新颖的产品，则可以使用相对定位，并且根据您指定的相对于上一张幻灯片的偏移量定位幻灯片。 此方法使您可以轻松地在演示文稿的中间插入新的幻灯片，并使以下所有幻灯片重新调整其位置。 如果要完全控制，则可以使用绝对定位，它可以指定幻灯片的精确坐标。 最后，您可以为演示文稿指定路径。 根据Hovercraft的文档，SVG布局“有点笨拙地使用”，但是对布局进行如此精确的控制可以产生一些令人印象深刻的幻灯片放映。 此外，Hovercraft支持对要包含在演示文稿中的任何源代码进行语法高亮显示，并添加带有计时器和注释的演示者屏幕。 当您完成演示文稿的编写（或想要测试到目前为止编写的内容）时，一个非常简单的命令将reStructuredText文件转换为HTML演示文稿：

hovercraft [markupfile] [output directory]

尽管气垫船（Hovercraft）有很多优势，但它仍然要求用户精通CSS。 默认的气垫船主题是斯巴达式的，因此，如果您想要比白色背景上的纯黑色文本更精美的内容，则仍然需要对演示文稿进行样式化。 向演示文稿中添加CSS并不复杂，但是却不如在PowerPoint中选择新的演示文稿主题那样容易。

您可以以了解更多信息。

气垫船由Lennart Regebro创建，并根据许可获得许可。

支撑

如果您想要一个更像传统演示软件那样工作的工具， 是适合您的工具。 Strut是一个基于Web的应用程序，提供了传统的幻灯片分类器和编辑工具。 图形工具使您可以向幻灯片中添加文本，图像，视频，网站和预先设计的形状。 您还可以一次或逐个幻灯片地轻松更改整个演示文稿的幻灯片背景和表面（幻灯片前面出现的背景）的颜色。 Strut还支持使用将文本添加到幻灯片。 对于高级用户，您可以将自定义CSS类应用于对象，并从Strut内部编写自定义CSS规则。 设计好幻灯片后，您可以切换到“概述”模式并以图形方式布置幻灯片。 您只需在幻灯片上拖动并输入深度，旋转和比例的值即可。 除了创建impress.js演示文稿之外，Strut还可以使用框架创建演示文稿。

Strut非常好，但是仍然有一些粗糙的边缘。 用户会偶尔遇到错误，并且项目的待办事项列表有些长（尽管这不是主要问题）。 该项目遵循“尽早发布，经常发布”的原则，任何希望通过来帮助使项目更好的人。

使用的尝试Strut，或并在本地（或在服务器上）运行它。 您将需要 npm和来安装依赖项并构建Strut。

Strut的创建者Matthew Crinklaw-Vogt已根据发布了该应用程序。

翻译自:

开源项目演示