##介紹impress.js 介紹impress.js前先看看它能作什麼吧,中文版ppt demo 或 原版ppt demo
impress.js是一個構建網頁版本的ppt組件,其播放ppt很是酷(大家也看到了),這個是github上的項目主頁
可是impress還有它的不足,就是製做一張絢麗精美的ppt比較累
由於impress沒有圖形界面,徹底要靠一些枯燥的座標來定位,具體狀況能夠參考國人寫的一箇中文教程javascript
而後。。。 Strut站出來了html
##介紹Strut 簡單說Strut就是一個網頁版的ppt製做器
你能夠在Strut上新建、編輯、播放ppt(這裏的ppt和微軟的ppt沒有一點關係)
能夠先看一下做者提供的demo版本,事實上,你就直接可使用了
Strut固然也有不足,它由於受圖形界面限制,有些細節沒法作到,好比只能對全部頁設置一個背景色java
##安裝Strut Strut能夠安裝到本身電腦上,使用時只要用瀏覽器訪問localhost便可node
有兩個選擇python
預先編譯版,只要去下載了用便可,我這邊就不說了,其實我也沒用過
如下是第二種方式git
Strut依賴Nodejs,因此要先安裝nodejs 個人系統是ubuntu13.04,安裝nodejs很簡單,參考這個文章的github
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-clinpm
npm install -g grunt-cli
下載Strut項目ubuntu
git clone https://github.com/tantaman/Strut.git cd Strut
安裝依賴包,Strut裏使用了大量的Nodejs插件,這些插件都沒有安裝過,用這句命令能夠自動下載並安裝這些插件瀏覽器
npm install
運行
grunt server
運行後直接能夠在瀏覽器上使用localhost:9000
訪問
編譯
grunt build
編譯完會發現多出了一個dist的目錄,這個目錄就是已編譯的網頁了,和方法1下載的內容同樣的