发布信息

impress.js以及两个可以方便创建impress的演示文稿框架

作者:软荐小编      2023-08-06 01:05:06     105

点击红字关注IntelligentThings

演示文稿软件应用_演示文稿软件应用实训报告_演示文稿 软件

(图片来自:opensource.com)

在商业界或学术界,我们不可避免地经常设计演示文稿。 我们通常首先想到的就是使用Google的PowerPoint,或者苹果的Keynote,或者OpenOffice开源组织的LibreOffice。

所有这些应用程序(包括上面提到的两个商业应用程序)的一个问题是,您需要先安装该程序才能看到演示文稿。 如果您在 Google Drive 或其他云存储平台上打开此类文件,您可能会遇到麻烦。

近年来,基于Web框架的演示设计已经减少了很多。 它使用 HTML5、CSS3、Javascript 技术来创建可以在大多数现代 Web 浏览器上查看的演示文稿。

演示文稿设计者保留对其演示文稿的完全控制。 他们不需要担心脚本兼容性,或者被锁定到特定的 Web 服务。 因为这种演示框架是开源的,所以可以按照你想要的形式进行扩展和改进,并且需要编写HTML、CSS和Javascript代码,比PowerPoint、Keynote和Impress更难上手。

其中最有趣的是impress.js,它可以使稿件赶上标准的magic kt板播放方法。 下面我们将介绍impress.js以及两个可以轻松创建impress.js的工具。

Impress.js

Impress.js 是 Bartek Szopka 开发的 Javascript 演示框架。 受到Prezi的启发,它使用CCS3转换,提供的演示可以赶上传统的幻象板形式。 Impress.js用户可以在三维空间中展示魔法、旋转和缩放的神奇效果。

基于传统 Web 技术(HTML、CSS、Javascript)构建意味着 impress.js 不会锁定使用特定应用程序或基于 Web 的服务来创建演示文稿的用户。 由于它们是基于 MIT 和 GPLv2+ 授权的,如果您无法使用 Impress.js 获得您想要的效果,您可以随意更改它。 然而,与其他 Javascript 演示框架不同,Impress.js 需要非常现代的 Web 浏览器才能查看演示文稿。 他的设计利用了最新的网络技术。 最新版本的 Chrome、Firefox、Safari 和 Internet Explorer 都应该支持 impress.js。

尽管对于那些具有 HTML 和 CSS 技能的人来说,创建 Impress.js 演示文稿并不容易。 基本标记很容易理解,而 Impress.js 演示可能非常复杂,需要大量的思考和规划。 没有默认的样式演示文稿 软件,所以需要自己设计形状,但是自己体验一下。 演示文稿的流程完全取决于您,您必须计划每张幻灯片顺利过渡到下一张,并将幻灯片相对于画布的中间放置。 使用草稿创建 Impress.js 演示文稿需要大量工作。 结果可能会很棒。 这里有Github上的一些例子供参考,同时也为需要进一步学习的人安排了一些练习。

如果从头开始创建 Impress.js 对您来说太复杂,这里有一些工具可以帮助您使事情变得更容易。 下面列出的两个工具各有其优点。 两者都尝试一下,看看哪一个适合您。

HovercraftHovercraft 使用 reStrutedText 标记简化了 impress.js 演示文稿的创建。 创建演示文稿时,您可以专注于编写文本,而不必编写 HTML 标签。 您可以连接和更改内容,而不必担心使用复杂的标记。 例如,在下面的段落中创建一个幻影kt板,它比上一个大五倍,并让它推动90度的文字。

----

:data-scale: 5
:data-rotate: 90

Heading
=======
* Bullet Point 1
* Bullet Point 2

----

使用 Hovercraft 设计 impress.js 演示文稿极大地简化了流程,但对 impress.js 进行了改进。 Hovercraft 支持四种形式在演示中放置魔法 kt 板。 如果标记中没有特殊设置,将使用传统的幻象板呈现格式。 如果想要更生动的效果,可以使用相对位置,魔力kt板的位置会根据之前魔力kt板设置的偏转量来确定。 这样,就可以更容易地在魔术KT板中间插入新的魔术KT板并调整所有魔术KT板的位置。 如果想要完全控制,可以使用绝对位置,这样就可以制定精确的坐标位置。 但最后演示文稿 软件,您可以为要遵循的演示指定可缩放矢量图形的路径。

根据Hovercraft的文档,SVG布局有点冗长,拥有如此精确的布局控制可以带来一些精确的幻影显示效果。 附带说明一下,Hovercraft 支持演示文稿中任何源代码的句子突出显示,但它减少了演示者屏幕的计时器和注释。 当您完成演示文稿(或想要测试您当前的写作)时,一个非常简单的命令将 reStructuredText 转换为 HTML 演示文稿:


hovercraft [markupfile] [output directory]

不过,Hovercraft 仍然要求用户非常熟悉 CSS。 默认的气垫船风格非常斯巴达,因此如果您想要比黑白更漂亮的东西,您仍然需要个性化您的演示文稿。 降低文档中的 CSS 并不复杂,也不像 PowerPoint 那样简单。

Hovercraft 由 LennartRegebro 根据 CreativeCommonsCC01.0 通用许可合同创建。

支撑

如果你想要一个类似于传统演示软件的工具,Strut是一个不错的选择。 Strut 是一个基于网络的应用程序,提供传统的魔术板排序和编辑工具。 该图形工具具有缩小文本、图片、视频、URL 和预览的功能。 您可以轻松地一次更改所有魔法kt板的背景颜色和外观(出现在魔法kt板的背景前面),或者一一更改魔法kt板。 Strut 还支持使用 Markdown 来减少文本。

对于功能强大的用户,您可以将 CSS 样式应用于对象,并使用 Strut 的内部自定义 CSS 规则。 一旦你的 Magic KT 板设计完成,你就可以切换到预览模式,或者以图形方式布局你的 Magic KT 板。 您可以拖放魔术板,但可以添加深度、旋转和缩放。 与impress.js设计演示相比,Strut可以使用bespoke.js的框架来设计演示。

Strut很漂亮,但它仍然存在一些不完善的地方,用户会遇到一些小bug。 该项目秉承“早发布、常发布”的原则,但任何人都可以通过 Github 为该项目做出贡献。

Strut尝试使用自己的网站,或者从Github下载,并且可以在本地或服务器端运行。 您需要安装 Node.js 的 snpm 和 Grunt 依赖项来创建 Strut。

Strut 的设计者是 Matthew Crinklaw-Vogt,他根据 GNU Affero 通用公共许可证第 3 版授权合同发布了该应用程序。

演示文稿软件应用_演示文稿 软件_演示文稿软件应用实训报告

相关内容 查看全部