你已經會用 ChatGPT 或 Claude 幫你產出網站,但真正開始修改時,常會遇到版面不如預期、功能過於陽春、手機版跑掉,甚至不知道該怎麼要求 AI 修正。
這不只是堂讓 AI「生出一個網站」,而是帶你實際走完一套 Vibe Coding 流程:從需求整理、AI 協作、版面與程式修改,到網站發布上線的課程。
學員將以自己的網站主題實作,完成一個可公開瀏覽的單頁網站。
🎯 這堂課,實際幫你處理什麼問題
你已經會用 ChatGPT 或 Claude 幫你做網站,但真正開始修改時,常會遇到:
🔹版面普通、功能陽春,成品停在雛形
🔹想改文字、圖片、色彩或區塊,一修改就跑版
🔹電腦看起來正常,手機或平板卻顯示不佳
🔹AI 一直幫你改程式,但你不知道問題出在哪裡
🔹網站做出來了,卻不知道怎麼真正發布上線
這堂課不是要你從頭背 HTML、CSS,而是學會用 Vibe Coding 的方式,把需求說清楚、讓 AI 協助開發、判斷問題、持續修改,最後把網站真正完成。
⚡ 課程怎麼進行(為什麼你會真的學會)
不是只看老師操作,也不是照著範例複製。
你會直接帶著自己的網站主題進場,從個人品牌、作品集、活動頁、服務介紹到產品頁都可以,實際走完:
需求整理 → AI 協作生成 → 版面與程式修改 → 響應式調整 → 發布上線
過程中會實際使用 ChatGPT、Codex、Claude、VS Code、Bootstrap 5 與 GitHub,把 AI 生成的內容變成可以公開瀏覽的網站。
🧭 精心規劃的學習路徑
第一階段|把網站想法變成可執行的 AI 開發需求
學的技巧
🔹釐清網站目標、受眾、內容架構與版面需求
🔹用 ChatGPT/Claude 協助產出網站內容、UI/UX 與初版程式
你會具備的能力
➡️ 能把模糊的網站想法,轉成 AI 能理解並執行的開發需求。
第二階段|把 AI 生成的網站修到能上線
學的技巧
🔹運用 HTML、CSS、Bootstrap 5 與 AI 進行修改、除錯與響應式調整
🔹使用 GitHub Pages 發布網站,並完成 SEO、AISO、GEO 基礎設定
你會具備的能力
➡️ 能把 AI 生成的網站雛形持續修正,完成可公開瀏覽的網站。
💪 學完之後,你將能夠
- 🔹把網站需求整理清楚,知道怎麼跟 AI 說
- 🔹用 AI 協助完成網站內容、版面與初步程式
- 🔹遇到跑版或顯示問題時,知道怎麼請 AI 協助修改
- 🔹完成一個手機、電腦都能瀏覽的單頁網站
- 🔹把網站正式發布上線,取得可公開分享的網址