YouTube 影片筆記
用AI把Word、Excel、PPT變成可編輯網頁的完整流程
原片標題：普通人也能用 AI+HTML 做这三個辦公神器，替代 Word、Excel、PPT（附完整思路）
原片說明
#codex #html #webdesign #design #chatgpt #astra
＼ 本期內容／
🔥本支影片會透過三個真實工作案例，帶你重新認識 HTML 的實際用途：把散落在不同文件裡的內容，整理成可以線上展示、也能轉換為可編輯 PPTX 的 HTML 簡報；製作一個能隨需求變動，即時計算專案成本、工期與收益的方案測算器；以及把完整教案變成可以逐步操作、即時演示的互動教學頁面。除了展示最終成果，我也會拆解每個案例的實際製作流程，這支影片會讓你看到 HTML 在真實工作中的更多可能～
🔗本期圖表設計參考庫｜Diagram Design GitHub 專案：https://github.com/cathrynlavery/diagram-design
——————————————————————
＼ 涉及鏈接／
🔗個人資源庫：
https://www.notion.so/cdecf60bbc9441f68997c88a1ea7ec31?source=copy_link
🔗Diagram Design 線上圖庫｜可以直接瀏覽不同類型、版式與風格的圖表設計案例：
https://cathrynlavery.github.io/diagram-design/
——————————————————————
＼ 時間軸／
00:00 HTML 實用案例一览
00:34 用 HTML 制作簡報
03:41 HTML 方案測算器
05:36 HTML 互動演示頁面
06:50 HTML 版 3D 頁面
#work #高效辦公 #職場人 #辦公神器 #幻燈片 #ppt #簡報 #簡報製作 #數據分析 #數據簡報 #決策 #專案 #專案分析#普通人 #普通人ai #ai #ai html
以前一直覺得 HTML 是工程師的專利，結果知川用 AI 把 Word、Excel、PPT 全變成了網頁，而且還能編輯、能互動，這也太扯了吧！這支影片用三個真實工作案例，從做簡報、算專案成本到互動教學頁面，一步步拆解怎麼用 AI 把辦公流程整個顛覆掉。
- 00:34用 HTML 做簡報，展示最終成品與製作流程
- 01:44整理素材與公司模板，丟給 Codex 生成靜態 HTML
- 02:46用一句「魔力的話」讓 HTML 轉成可編輯的 PPTX
- 03:49發現甲方需求頻繁變動的痛點，想做方案計算器
- 04:19展示方案計算器主頁面，可即時修改數值與上傳報表
- 05:48把高中數學教案丟給 Codex，製作互動教學頁面
- 06:57展示陶瓷展 3D 互動頁面，有一鏡到底的運鏡效果
- 07:35總結心得，建議先做最小可行版本再逐步擴充
HTML 簡報的關鍵在於「可編輯」
知川提到他以前也是把資料一股腦丟給 AI 生成簡報，結果內容不能改，反而增加工作量。他試驗出的工作流是：先整理好文字與資料素材，再準備一份公司模板當作邏輯骨架，最後才交給 Codex 做靜態 HTML。重點是那句「生成可編輯的 PPTX 格式」，讓文字、表格、圖表都能在 PowerPoint 裡繼續修改，這才是辦公室真正用得上的東西。
方案計算器是為瞭解決改稿地獄
他因為常被甲方改需求，每次變動都要重新開會核算，乾脆做一個 HTML 計算器。只要填入數量、工期、配置等條件，頁面就會依照預設邏輯算出最優方案，還能上傳真實報表讓它核算。這東西製作不複雜，但能精準解決一個具體痛點，而且他提醒這比較適合自己本地用，要共享就得請研發同事幫忙搭後端。
值得下載嗎？ 值得。如果你受夠了每次改簡報或算專案成本都要重來一遍，這支影片給的流程與思路可以直接套用，省下的時間絕對超過觀看時間。
覺得這篇筆記有幫助嗎？