零基礎的人怎麼用 HTML5 製作幻燈片?

1、請最好推薦書籍以及知識點,多謝


推薦一下 impress.js http://bartaz.github.com/impress.js/#/bored ,可以看它的頁面源碼,裡面有非常詳細的注釋,是比較好的學習材料。


http://breakingbad.sinaapp.com

這個是我自己寫的,雖然界面丑了點,基本上impressjs的功能都在。

在上面輸入一些文字什麼的,然後拖拖坐標就好了。

因為能力有限,就不能做的更加高級了。

不過impressjs似乎有一個http://strut.io的網站很棒,而且不僅僅支持impressjs。

也就是頁面中元素如何在canvas裡面顯示。平移,旋轉等等。


不太明白你想要的是幻燈片還是自製一個HTML5幻燈片框架,

不過貌似有現成的開源框架

http://www.oschina.net/p/h5slides


零基礎的話,建議你用focusky這個軟體,3D幻燈片演示,

支持輸出HTML5,能通過公眾號或微信朋友圈分享免費的動畫宣傳視頻、幻燈片課件演示及微課製作軟體-Focusky動畫演示大師官網


目前還沒有發現HTML5做PPT的書籍,不過找到了一個用手機遙控PC中PPT的HTML5 案例書,看了看,裡面的例子都很新很不錯,不過估計和你要求的製作PPT不同,這裡是遙控PPT。
《HTML 5網頁開發實例詳解》(周遙,李春城)

貼例子看看吧:

1、當前天氣的APP 2、新聞閱讀列表APP

3、一個網站的用戶增長曲線圖 4、網頁中的3D效果

5、用Node.js搭建Web Server 6、銷售數據圖表

7、帶字幕的視頻播放器 8、手機定位

9、可拖放文本閱讀器 10、聊天室

11、排隊處理訂單 12、離線留言

13、新消息提醒 14、WebQQ的通訊

15、花開花落的動畫 16、MP3播放器

17、追蹤用戶位置 18、用瀏覽器拍照和攝像

19、類iPhone滑鼠拖動效果 20、文件拖放上傳

21、桌面提醒工具 22、微博信息實時推送

23、在線代碼編輯器 24、預覽網頁內容

25、手機遙控PPT 26、響應式新聞閱讀列表

貼圖會有廣告嫌疑吧!


參考這個回答 幻燈片軟體除了 PowerPoint 和 Keynote 還有沒有什麼別的選擇?


Html5製作工具對比

最近迫於老闆的要求,要做一些Html5的宣傳網頁(原諒我用詞可能不準,大家明白意思就好),介紹俺們的公司和產品……雖然說老闆有點跟風,並且出手已經有點晚了,可是任務下來了還是得做。

先兩句話介紹下背景:我們公司是一家小創業公司,開發人數不夠(必有我師焉的情況),所以前端工程師是不會搭理你的需求的,一切都得自己來搞,還得搞得飛起才行,不然老闆不幹,以上千(我)載(去)難(ni)逢(mei)的情況也是讓我著實頭痛了一陣。

說說經過幾天調查後對市面上的html5製作工具的使用感受吧,希望能給看這篇文章的你一些提示,選擇適合自己的工具(網站)。

首先,工具列表在此http://next.36kr.com/posts/collections/61

小編就是參考了這篇列表,裡面有幾十個工具,都是做html5的,小編我雖然沒有全部都用,但是有幾款口碑不錯的都使用了一下,不禁感概現在互聯網圈子裡節操和功能強大不會並存。大家蘿蔔白菜,各取所需就好。

  • 首先,MAKA,這是一款相比其他工具操作更加簡單,功能也較為單一的一款。在maka中提供的文字、圖片樣式都比較有限,很適合對特效要求不高的人(估計這樣的人很多,60%以上吧);裡面提供一些特效模板,都是設置好的效果,用起來很方便,並且提供頁面翻頁的效果選擇,這點值得贊一下;不好的地方在不能修改表單的多少,只有兩種模板,不夠靈活,另外要使用數據統計模板的話還要關注微信並分享一篇內容,小編沒使用,所以這個功能不做點評了。

  • 第二家,爆米兔,估計是這裡面最年輕的一款工具了,功能數量和maka差不多,模板略少,改版後體驗方便有比較大的進步,使用爆米兔的好處是不用擔心logo的問題,這家不會在你的作品上展示自己的logo,有展示的地方你都可以改掉,而且免費。外觀看起來有點ps的味道,用著挺順手,可以和下面說的易企秀媲美了。

  • 第三家,易企秀——可以說是行業標榜的一款了,除了那該死的企業logo展示。易企秀最大的特點就是模板更新快,小編大概隔了兩周做新的應用,易企秀就多了n個模板,並且還有幾處功能更新,這點很值得其他家學習;不足嘛,小編是普通賬號,很多高級功能都用不了,去掉這些功能不算,易企秀其實和上面兩家差別不大,並且最後一頁還必須顯示易企秀的logo,這點老闆真是意見頗大,不想花錢就得裝個孫子,我們老闆也是讓小編醉了。

  • 第四家,易傳單,這家坦白說和易企秀很像,但又不如易企秀做的好,裡面有圖層功能,和ps的差不多,但是頁面元素多了後這個功能又變得很雞肋。

  • 最後一家,初頁,移動端的產品,沒太怎麼使用,只是感覺在移動端上不好用,上面的案例很多,好像都是別的用戶做的,不過在小編手機上用總是死機,所以最早就放棄了這家。

每次有人這麼問,我都默默的貼出這篇來


http://photo.zhaoqipengbo.com/20150110/prevent-decayed-chinese.html#/


【新技術】發布大師助你成為PPT達人

[轉載]【新技術】發布大師助你成為PPT達人_wuyi_136


推薦閱讀:

Keynote怎麼轉換為PPT/PDF?
prezi潛力不錯,國內難道就沒有一個像樣的後來者?
國內有哪些價格不貴逼格又高的keynote設計公司?
axeslide和Prezi各自的優缺點(共有的特點就不要說了)哪一個更適合國內用戶?
MX4 Pro 的演示文稿中的特效是怎麼製作的?

TAG:PPT | HTML5 | 演示文稿 |