詳解HTML5投影片系統--H5Slides-H5教程-PHP中文網

首頁

web前端

H5教程

詳解HTML5投影片系統--H5Slides

零下一度

May 27, 2017 am 10:59 AM

　　H5Slides是一款基於HTML5的輕量級投影片播放系統，以前我們為客戶簡報投影片時，還需要在機器上安裝ppt軟體，有時也會因為版本問題安裝失敗，影響簡報的進度。但如果能用瀏覽器來實現ppt播放，那麼這一切就簡單多了，甚至可以在行動裝置上播放幻燈片。同時，你也可以更方便的將自己的ppt分享給別的朋友。

　　H5Slides的特徵

#基於HTML5!
#不需要臃腫的Powerpoint也可以自由的製作和演示幻燈片

我們可以自由的在各種設備上進行幻燈示範

我們可以自由擴充投影片的製作工具和播放環境

它可以很自由很方便的傳播

　　H5Slides的相關模組

詳解HTML5投影片系統--H5Slides

模板選擇

　　點擊左側面板的Layout，選擇ppt的整體模板，這個powerpoint用法類似。

#　　同時你也可以新增和刪除投影片。

詳解HTML5投影片系統--H5Slides

　　編輯投影片

　　在右側邊幻燈片區域中點選文字或圖片，即可編輯，如下圖所示：

詳解HTML5投影片系統--H5Slides

　　圖片管理器

#　　利用這個圖片管理器，我們可以在幻燈片中###上傳###並插入圖片。 ############　　###########################　　目前這款HTML5投影片系統的功能仍需完善，如果能夠在播放ppt的時候增加一些HTML5###動畫###特效就更完美了，這是一款###開源軟體###，小夥伴們可以下載源碼自行完善。 #########【相關推薦】######1. ###詳解HTML5行動裝置音訊與視訊問題及解決方案#########2. ####談html5 響應式佈局#########3. ###HTML5 程式設計######

以上是詳解HTML5投影片系統--H5Slides的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

html5的div一行可以放两个吗Apr 25, 2022 pm 05:32 PM

html5的div元素默认一行不可以放两个。div是一个块级元素，一个元素会独占一行，两个div默认无法在同一行显示；但可以通过给div元素添加“display：inline;”样式，将其转为行内元素，就可以实现多个div在同一行显示了。

html5中列表和表格的区别是什么Apr 28, 2022 pm 01:58 PM

html5中列表和表格的区别：1、表格主要是用于显示数据的，而列表主要是用于给数据进行布局；2、表格是使用table标签配合tr、td、th等标签进行定义的，列表是利用li标签配合ol、ul等标签进行定义的。

html5怎么让头和尾固定不动Apr 25, 2022 pm 02:30 PM

固定方法：1、使用header标签定义文档头部内容，并添加“position:fixed;top:0;”样式让其固定不动；2、使用footer标签定义尾部内容，并添加“position: fixed;bottom: 0;”样式让其固定不动。

html5中不支持的标签有哪些Mar 17, 2022 pm 05:43 PM

html5中不支持的标签有：1、acronym，用于定义首字母缩写，可用abbr替代；2、basefont，可利用css样式替代；3、applet，可用object替代；4、dir，定义目录列表，可用ul替代；5、big，定义大号文本等等。

HTML5中画布标签是什么May 18, 2022 pm 04:55 PM

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制，它只是一个矩形的图形容器，绘制图形必须通过脚本（通常是JavaScript）来完成；开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了哪个列表标签Jun 01, 2022 pm 06:32 PM

html5废弃了dir列表标签。dir标签被用来定义目录列表，一般和li标签配合使用，在dir标签对中通过li标签来设置列表项，语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir，可使用ul标签取代。

Html5怎么取消td边框May 18, 2022 pm 06:57 PM

3种取消方法：1、给td元素添加“border:none”无边框样式即可，语法“td{border:none}”。2、给td元素添加“border:0”样式，语法“td{border:0;}”，将td边框的宽度设置为0即可。3、给td元素添加“border:transparent”样式，语法“td{border:transparent;}”，将td边框的颜色设置为透明即可。