Skip to main content

[小技] 用html語法(reveal.js)代替簡報軟體(powerpoint)

office又到要續約的時候了

實在有點懶得處理

libreoffice大概也只是堪用的程度

想想也許可以不用再裝powerpoint了

於是研究了一下  非常有趣

跟gemini討論了一下

推薦解決方案:現成的 HTML 簡報框架

你不需要從零編寫每一行程式碼,現已有許多成熟的 HTML 簡報框架,自動幫你處理好鍵盤翻頁、簡報者模式、全螢幕與響應式縮放:

    Reveal.js(最推薦)

        特色:全球最流行的 HTML 簡報框架。支援鍵盤方向鍵翻頁、垂直/水平投影片、簡報者備忘錄(Speaker Notes)、全螢幕模式與 PDF 匯出。

        多媒體:直接放入 <img>、<video>,甚至加入 data-background-video 設定影片背景。

        進入門檻:支援用簡單的 Markdown 語法撰寫內容,不需要寫複雜的 HTML。

    Impress.js

        特色:主打 3D 旋轉、縮放與平移轉場效果,適合製作極具視覺衝擊力的簡報(類似 Prezi)。

    Sli.dev

        特色:專為開發者設計,結合 Vue3 與 Tailwind CSS,撰寫體驗極佳,適合有前端基礎的使用者。 

 於是就試了一下reveal.js,基本上摸個幾十分鐘到一兩小時就很能夠用了

順手存了一下相關連結

The HTML presentation framework | reveal.js
https://revealjs.com/

hakimel/reveal.js: The HTML Presentation Framework
https://github.com/hakimel/reveal.js/

[十分鐘學習] reveal.js - 網頁?簡報?網站也可以二刀流 - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天
https://ithelp.ithome.com.tw/articles/10195641

reveal.js:用網頁製作簡報的 HTML5 架構 | G. T. Wang
https://blog.gtwang.org/useful-tools/reveal-js-presentation-html5-framework/
 

有興趣的真的可以好好試試  非常好用  方便  就連講者模式都做出來了

其他的轉場、效果其實也很夠用了  就是要會自己處理一下排版、多圖、表格之類的語法

現在查詢很容易 不難的 

第二大螢幕使用全螢幕播放 小螢幕就用講者模式即可(另開一個網頁,置於講者用的筆電即可)

算是很成熟的方案了 

Comments

Popular posts from this blog

[影音] 萬用轉檔軟體

1. 有關googel + 的文真是多到爆了 也很期待它正式開放的時候 把 Facebook 照片搬到 Google+ 的快速秘技 | T客邦 - 我只推薦好東西 Google+ 必用操作密技,24招讓你變高手 | T客邦 - 我只推薦好東西 24 個必學的 Google+ 小技巧 (超實用) 免邀請函!Circle Hack 讓你用臉書帳號玩 Google+ 社交圈 | T客邦 - 我只推薦好東西 [小技巧] 如何「依分類」收藏 Google+ 裡的文章、討論串? 2. 另一點,最近剛好也在研究這個萬用轉檔工具 Any Video Converter Format Factory 格式工廠 Hamster Free Video Converter MediaCoder Super Video Converter WinMEnc 加上回文內的winFF、Freemake Video Converter 幾乎泰半都用過了 好像一堆都是陸製軟體 從PC到行動裝置,6款免費影片轉檔工具評比、實測 | T客邦 - 我只推薦好東西 不過以自己的方式來評比 因為常常是要找來讓不熟電腦的人使用 光以便利性來說 一定要去掉還要裝dot.net的東西 只求便利不要求畫質 那麼Format Factory 格式工廠 真的沒話說 懶人專用 WinMEnc用起來老是覺得很慢 MediaCoder Freemake Video Converter  有人很推薦,但是因為dot.net馬上被退件

多頭馬車

分頭進行取得所有的機會與區域 亂七八糟的混亂 厭煩的心情上升到頂點 我感覺 或許我根本就是一隻實驗鼠 放在台灣這個困窘又狹小的實驗室 瞎忙瞎轉(還有最重要的是被乾洗錢包) 今天最想說的一句話:Go Your (X~)(逼~消音)