文档章节

安装并使用Strut放映impress.js生成的ppt

waynehu
 waynehu
发布于 2013/08/26 07:40
字数 555
阅读 3735
收藏 23

##介绍impress.js 介绍impress.js前先看看它能做什么吧,中文版ppt demo原版ppt demo
impress.js是一个构建网页版本的ppt组件,其播放ppt非常酷(你们也看到了),这个是github上的项目主页
但是impress还有它的不足,就是制作一张绚丽精美的ppt比较累
因为impress没有图形界面,完全要靠一些枯燥的坐标来定位,具体情况可以参考国人写的一个中文教程

然后。。。 Strut站出来了

##介绍Strut 简单说Strut就是一个网页版的ppt制作器
你可以在Strut上新建、编辑、播放ppt(这里的ppt和微软的ppt没有一点关系)
可以先看一下作者提供的demo版本,事实上,你就直接可以使用了
Strut当然也有不足,它因为受图形界面限制,有些细节无法做到,比如只能对所有页设置一个背景色

##安装Strut Strut可以安装到自己电脑上,使用时只要用浏览器访问localhost即可

有两个选择

  1. 下载预先编译版,直接放到/var/www下使用
  2. 下载源码,直接执行或编译成预先编译版

预先编译版,只要去下载了用即可,我这边就不说了,其实我也没用过
以下是第二种方式

Strut依赖Nodejs,所以要先安装nodejs 我的系统是ubuntu13.04,安装nodejs很简单,参考这个文章

sudo apt-get install python-software-properties
sudo add-apt-repository ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs npm

按作者提示,需要安装nodejs的一个插件grunt-cli

npm install -g grunt-cli

下载Strut项目

git clone https://github.com/tantaman/Strut.git
cd Strut

安装依赖包,Strut里使用了大量的Nodejs插件,这些插件都没有安装过,用这句命令可以自动下载并安装这些插件

npm install

运行

grunt server

运行后直接可以在浏览器上使用localhost:9000访问

编译

grunt build

编译完会发现多出了一个dist的目录,这个目录就是已编译的网页了,和方法1下载的内容一样的

© 著作权归作者所有

上一篇: git的暂存区原理
下一篇: ubuntu技巧
waynehu
粉丝 34
博文 56
码字总数 30728
作品 0
静安
私信 提问
webSlide

webSlide — PPT演示文档javascript框架 webSlide是用于在线PPT演示文档的javascript框架 鸣谢 webSlide的想法来自于impress.js,但是本人在使用过程中发现impress.js经常卡,尤其是当演示文...

三水清
2012/03/01
4.6K
0
webSlide — PPT演示文档javascript框架

webSlide是用于在线PPT演示文档的javascript框架 鸣谢 webSlide的想法来自于impress.js,但是本人在使用过程中发现impress.js经常卡,尤其是当演示文档页面和图片比较多之时,经常出现动画效...

三水清
2012/03/01
3.4K
3
如何保存为pps自动播放格式ppt模板背景

  PowerPoint2003是微软公司提供的一款幻灯片制作软件,该软件一般与投影仪来配合使用,不管是在演讲、上课、开会、培训等宣传上,这都是必不可少的工具和设备。如果演讲者是一位新手,本来...

ppt模板下载空间
2015/09/24
66
0
impress.js非常好的工具

有计划做一个外壳将文字自动生成slide,或者是对PPT的一次冲击呢

LongRaindy
2012/02/09
1K
2
如何在 PPT 里面演示动态图表?

每次在我介绍完 Excel 动态图表的做法之后,就会有人问到:“这个动态图表能不能放到 PPT 里面演示呢?” 有的朋友甚至直接把 Excel 里的动态图表区域复制粘贴到 PPT 里,期望 PPT 里也能有动...

刘万祥ExcelPro
2017/03/01
0
0

没有更多内容

加载失败,请刷新页面

加载更多

rime设置为默认简体

转载 https://github.com/ModerRAS/ModerRAS.github.io/blob/master/_posts/2018-11-07-rime%E8%AE%BE%E7%BD%AE%E4%B8%BA%E9%BB%98%E8%AE%A4%E7%AE%80%E4%BD%93.md 写在开始 我的Arch Linux上......

zhenruyan
今天
5
0
简述TCP的流量控制与拥塞控制

1. TCP流量控制 流量控制就是让发送方的发送速率不要太快,要让接收方来的及接收。 原理是通过确认报文中窗口字段来控制发送方的发送速率,发送方的发送窗口大小不能超过接收方给出窗口大小。...

鏡花水月
今天
10
0
OSChina 周日乱弹 —— 别问,问就是没空

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @tom_tdhzz :#今日歌曲推荐# 分享容祖儿/彭羚的单曲《心淡》: 《心淡》- 容祖儿/彭羚 手机党少年们想听歌,请使劲儿戳(这里) @wqp0010 :周...

小小编辑
今天
1K
11
golang微服务框架go-micro 入门笔记2.1 micro工具之micro api

micro api micro 功能非常强大,本文将详细阐述micro api 命令行的功能 重要的事情说3次 本文全部代码https://idea.techidea8.com/open/idea.shtml?id=6 本文全部代码https://idea.techidea8....

非正式解决方案
今天
5
0
Spring Context 你真的懂了吗

今天介绍一下大家常见的一个单词 context 应该怎么去理解,正确的理解它有助于我们学习 spring 以及计算机系统中的其他知识。 1. context 是什么 我们经常在编程中见到 context 这个单词,当...

Java知其所以然
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部