品牌網站
整理你的專業定位、服務內容與主要行動，引導訪客認識並採取下一步
event 活動
AI 網頁實戰課：一個下午完成可分享的互動網站
零程式 AI 架站課｜線上直播工作坊
一個下午，把你的專業做成可分享的互動網站
從內容架構、AI 生成，到手機版檢查、除錯與部署，課堂上完成一個可公開瀏覽的第一版網站
當場完成部署，帶著自己的公開連結回家
What You Can Build
你可以把哪些專業內容做成網站？
從自己的內容與工作情境出發，選擇一種網站方向，課堂上完成部署
學員工具包
集中教材、連結、下載資源、學習流程與常見問題
客戶服務資料頁
整理合作流程、交付說明、素材清單與低風險公開資訊
講師互動網站
呈現測驗、練習或既有知識互動內容，完成手機檢查與部署
Student Works
這些網站，都是學員在課堂現場完成並上線
從一個想法到公開連結，看看學員如何把自己的專業做成網站
突破 AI 的迷惘期
01
跟風學習缺少落地場景
每天看 AI 新聞，回到自己的工作，仍然找不到可以實際完成的專案
02
技術門檻帶來心理壓力
看到程式碼就頭痛，這堂課會帶你練習說清楚需求，逐步指揮 AI 完成網站
03
外包昂貴且溝通成本高
先完成可公開瀏覽的第一版，確認方向後再決定後續優化或專業委託
Syllabus3.5 小時，
3.5 小時，
從概念到上線
課程內容動態更新
我們會依當下工具與模型更新調整操作方式，核心交付維持內容生成、版面調整、手機檢查、除錯與部署
我們會依當下工具與模型更新調整操作方式，核心交付維持內容生成、版面調整、手機檢查、除錯與部署
01
理解 Vibe Coding 架站思維
- 理解用自然語言描述網站需求的核心邏輯
- Lovable 與 Gemini 加 Firebase 工具選擇策略
- 新手常見問題與安全界線
02
從想法到架構：拆解產品
- 將模糊靈感轉譯為精確的 Prompt 指令
- 用視覺化方式描述資料流與狀態
- 以 MVP 思維決定第一版範圍
03
AI 實戰生成：手把手製作
- 課堂生成你的第一個網站雛形
- 指令微調與版面細節修正
- 自由創作與講師巡迴協助
04
發布與優化
- 部署流程完整教學
- 手機版面 RWD 測試與微調
- 完成公開連結與最低可用驗收
這堂課，你會帶走什麼？
一個上線的作品
網站、工具或測驗，課堂上直接產出並部署
零程式開發能力
掌握 Lovable、Gemini 與 Firebase，理解從設定到上線的流程
Vibe Coding 思維
學會用清楚的人話與 AI 協作，建立可重複使用的邏輯
可延伸的架構
帶走一套可持續調整的製作流程，回家後繼續開發更多網站
課程贈書一本
隨課附贈《用AI打造素人影響力》，延伸學習不中斷
除錯的勇氣
看懂錯誤發生的位置，學會帶著有效資訊請 AI 協助修正
Instructor協助上百位創作者
Penny
閱讀塗鴉實驗室
協助上百位創作者
跨越技術的高牆
我是 Penny，《用AI打造素人影響力》作者
我相信 AI 能協助創作者把創意落地，也擅長將艱澀的技術語言轉化為一般人聽得懂、做得到的操作邏輯
500+學生
4.9Rating
Testimonials
學員真實回饋
以下為學員公開課後貼文，點擊圖片可放大閱讀
先做一張你的網站藍圖
輸入三項資訊，先整理適合的網站類型、內容架構與互動方向
Blueprint
你的藍圖會顯示在這裡
填完三項資訊後，系統會依照你的目標整理一份可以直接開始製作的網站方向
Join Us打造你的第一個
打造你的第一個
AI 互動網站
近期場次
報名狀態依即時資料更新名額有限，額滿即止
如想留言評分，請先 登入會員！