用 ChatGPT 製作 HTML 投影片—再免費簡報

用 ChatGPT 將內容轉成完整 HTML 檔案,不用購買簡報訂閱即可上台。

先規劃演講,再要求檔案

向 ChatGPT 提供聽眾、時間、資料,以及希望聽眾記住的想法或決策。先要求簡短大綱,修正後再請它產生 HTML,避免內容修改變成整份設計重做。

只用下方資料,規劃面向 [audience]、關於 [topic] 的五分鐘三張簡報。每張給一個重點和簡短講稿。標出缺乏證據之處,不要捏造數字。資料:[貼上素材]

OpenAI 網頁版指南說明完成檔案的製作與下載。預覽與檢查工具依使用介面而異,詳見檔案操作。

要求完整 HTML 簡報

大綱確認後,請求檔案本身。指定 HTML,避免只得到標題清單或 .pptx 附件。

為 [audience] 製作關於 [topic] 的獨立 HTML 投影片。
演講時間:[minutes] 分鐘。只使用下方資料中的事實。
使用清晰的 16:9 版面、易讀文字、行內 CSS/JavaScript 與內嵌素材。
每張使用 section.slide,任何時候只有一張具有 .active。
加入上一張/下一張按鈕,以及 ArrowLeft/ArrowRight 和 Home 導覽。
在每張內加入 script type="application/json" class="slide-notes",
包含 title、script(講稿)、notes(簡短重點字串陣列)。
在投影片隱藏備註,完整檔案保持小於 2 MB。
不要使用框架、外部字型、遠端圖片、API 呼叫或建置步驟。
提供完整 deck.html 檔案,不只是大綱。
使用此對話已確認的大綱與資料。

可攜式技能為相容客戶端提供可重複使用的指示。一般 ChatGPT 對話可用此提示詞,不需付費自訂 GPT、API 金鑰或連接器。

下載並檢查實際輸出

Signed-out ChatGPT browser showing complete HTML source with slide navigation
未登入的瀏覽器測試中,ChatGPT 回傳完整 HTML 原始碼。Copy code 可取得檔案內容,但沒有下載附件。

ChatGPT 提供附件時,下載 .html,在瀏覽器逐張檢查。預覽適合提供修改意見,但正式簡報使用的是下載的檔案。

若沒有可下載 HTML,請求單一程式碼區塊中的完整原始碼。複製到純文字編輯器並以 UTF-8 儲存為 deck.html。移除外層程式碼標記,確認編輯器沒有加上 .txt。

修改時指出投影片與問題:「第 2 張在 1280×720 溢出。請縮短內文但不要縮小標題,保留其他投影片與備註,回傳新的完整 HTML。」確認新版前保留舊版。

修正常見的生成檔案問題

  • 只有大綱:要求完整且可執行的 HTML 文件,不只是投影片計畫。
  • 圖片或字型遺失:要求內嵌素材與系統字型,不依賴外部資源。
  • 檔案不完整:要求規模較小但完整的簡報,確認所有預定投影片與導覽都在。
  • 文字超出投影片:縮短內容,並以實際簡報尺寸測試。
  • 缺少備註:要求每張的 JSON 備註具有 title、script 和 notes 陣列,且不要顯示在投影畫面。

不用再訂閱另一個服務

保持檔案小於 2 MB。開啟 HTML Slide Presenter,上傳後選擇 30 分鐘、3 小時或 1 天,並完成機器人驗證。在顯示裝置開啟簡報連結,用手機掃描遙控 QR。

Temporary presenter link and phone remote QR
上傳後,簡報畫面與手機遙控器使用同一個暫時工作階段。

若檔案包含支援的備註,它們會在手機跟隨目前投影片。用演講者備註教學檢查,再依研討會教學練習使用本機備份。

免費範圍與實測內容

Tiny Design Shop 不需帳號、安裝應用程式或簡報訂閱。ChatGPT 的生成與檔案工具另有支援條件和額度,請查OpenAI 最新方案資訊。下載的獨立簡報不需在播放時執行 ChatGPT。

2026 年 9 月 29 日確認:未登入的 ChatGPT 網頁對話產生含導覽與 JSON 備註的完整三張 HTML,Copy code 可取得完整原始碼。該測試沒有產生下載附件。尚未驗證登入 Free 方案的檔案下載流程。發表前請檢查已儲存的簡報。