AI × HTML 新手實作課 不用寫程式，也能打造動態、靜態與互動式網頁

你還在用 AI 做簡報嗎？下一代的內容展示方式，已經開始從 PPT 走向 HTML。

AI × HTML 新手實作課

你還在使用 AI 幫你製作傳統簡報嗎？

當大多數人還停留在一頁一頁排版、切換投影片的階段，新的內容展示方式，已經開始從傳統簡報走向更自由、更有視覺張力，也更容易互動的 HTML 頁面。

HTML 不只能拿來做網站

它也可以成為你的提案工具、作品展示頁、產品介紹頁、教學內容、品牌簡介，甚至是一場具有動畫、轉場與互動效果的數位發表會。

這場課程將專為沒有程式背景的新手設計，帶你從零開始，學習如何運用 AI 將想法、文字與內容，快速轉換成可以實際展示的 HTML 頁面。

你不需要先學會艱深的程式語法，也不需要具備網頁設計或工程背景。

課程會以實際操作為主，從內容整理、需求描述、AI 提示詞撰寫，到頁面生成、畫面修改、動畫加入與互動功能設定，一步一步帶你完成屬於自己的網頁作品。

課程中將帶你認識並實作三種常見的 HTML 頁面形式：

1.靜態展示型頁面

將文字、圖片、標題與重點資訊整理成清楚、有質感的單頁式內容。

適合應用在品牌介紹、個人作品集、課程簡介、產品資訊、專案提案與活動說明。

2.動態視覺型頁面

在頁面中加入文字進場、圖片移動、滑動效果、區塊轉場與視覺動畫。

讓原本平面的資訊，不再只是被閱讀，而是透過畫面節奏與動態效果，引導觀眾一步一步看見重點。

3.互動操作型頁面

加入按鈕、內容切換、展開收合、分頁展示與點擊互動。

讓使用者不只是觀看內容，而是可以實際操作頁面，提升提案、教學與產品展示的參與感。

這堂課不只是教你做出一個好看的網頁。

更重要的是，帶你建立一套可以重複使用的 AI 工作流程。

當你未來需要製作簡報、提案、作品集、產品頁面或活動內容時，不再只能從空白頁開始排版，而是可以先把想法交給 AI，再透過清楚的指令與修改方式，快速完成可以使用、可以分享，也可以持續調整的 HTML 頁面。

課程結束後，你將更了解：

• 如何把原本的簡報內容轉換成 HTML 頁面

• 如何向 AI 清楚描述版面、風格與功能需求

• 如何修改 AI 生成的文字、顏色、圖片與區塊

• 如何為頁面加入簡單的動畫與互動效果

• 如何讓作品更適合提案、教學、行銷與品牌展示

• 如何將完成的成果分享給客戶、主管、學員或合作夥伴

這堂課特別適合經常需要製作簡報的講師、顧問、業務、企業主與主管，也適合行銷小編、活動企劃、自由工作者、內容創作者，以及所有想學習 AI 實際應用，卻沒有程式背景的人。

你不需要成為工程師，也不需要花大量時間背誦程式碼。

你要學會的，是如何把自己的想法說清楚，並且指揮 AI 幫你把內容真正做出來。

2026 年 7 月 17 日星期五晚上 8 點，帶著你的筆記型電腦，一起完成你的第一個 HTML 頁面。

這次，不只是讓 AI 幫你做簡報。

而是讓你的內容真正動起來、被看見，也能被操作。