龙空技术网

程序员教你怎么做 PPT

力扣LeetCode 157

前言:

此时大家对“htmlpresentation”都比较关注,朋友们都想要学习一些“htmlpresentation”的相关内容。那么小编也在网摘上网罗了一些对于“htmlpresentation””的相关资讯,希望大家能喜欢,我们一起来学习一下吧!

作为一名 Linux 程序员,在系统上 LibreOffice 套件只能提供有限的样式支持的时候,面对需要演示的内容,我们该如何应对?使用虚拟机安装 Office?使用 LibreOffice?还是...

哈哈,要是我今天只是来跟你讲 LibreOffice、Office 或者 iWork 的,那么就显得我不那么专业了。现在互联网上有非常充足的资源可以帮你摆脱这一困境,即使本地没有任何 Office 的安装,也能完成一个非常好看的演示文档。

reveal.jsThe HTML Presentation Framework.

第一个介绍的是我个人非常喜欢的框架——reveal.js,每当需要给同学演示一些成果或者完成演讲的时候,我第一反应就是使用 reveal.js。

reveal.js 支持动画、背景图片和视频,语法格式和 HTML 非常相似,对于稍有 HTML 经验的同学来说相当容易上手,实际代码表现如下,一个 <section> 标签内可以理解为一个 PPT 的页面,可以嵌套使用。

<section> <section> <h2>团队成员待遇條件</h2> </section> <section id="fragments"> <li class="fragment">光纖直接連接香港,無障礙訪問Google等服務,保證海外市場聯絡良好</li> <li class="fragment">所有隊員標配Herman Miller Aeron辦公椅,27吋Retina顯示屏,MacBook Pro</li> <li class="fragment">允許所有隊員遠程辦公,擺脫僵化的固定地點辦公制度</li> <li class="fragment">任務驅動而非時間驅動,無需每天打卡</li> </section></section>

此外,reveal.js 还支持导出为 PDF 等功能,方便在演示结束后和参与者分享,由于 reveal.js 完全开源,要使用的话只需要 clone 他们的仓库并直接修改 HTML 文件即可,所以使用起来非常 Geek,且样式部分完全不输 Office 系列套件。

目前,reveal.js 也有自己的在线编辑器:slides.com,更加方便了我们程序员来制作演示文稿,同时也让我这种专注写码的码农,突然就有了和团队交流的激动。

另外,相比使用 code 代码块,reveal.js + LeetCode Playground 还能支持在演示过程中执行代码、代码对比,在团队技术交流中也是大大地提升了工作效率。

impress.jsIt's a presentation framework based on the power of CSS3 transforms and transitions in modern browsers and inspired by the idea behind prezi.com

和 reveal.js 类似,impress.js 是一个通过 JS 和 CSS 实现的演示文稿框架。

它可以你可以制作出许多特效:三维空间的无限延伸,3D效果,任意角度的旋转,任意大小的缩放,把一页幻灯片放在三维空间的任一位置。

Google Docs

最后,永远都有我们最爱的 Google Docs!完全免费的协同服务,只要有互联网访问即可访问到网页版的文档服务,Slides 对应 Powerpoint,所有的在线操作会自动在 Google Drive 中进行备份,而且全平台同步,不过就是有一个唯一的缺点,相信大家都懂的。

标签: #htmlpresentation