event 活動
零程式 AI 網頁實戰課：一個下午完成可分享的互動網站
線上錄播課程｜單元 9/25 前全數上線，購買後不限次數回看
沒有固定上課時間，想做新東西的時候隨時回來翻
零程式 AI 網頁實戰課｜Vibe Coding 線上錄播，需要什麼就自己做什麼，AI 應用講師陳沛孺（Penny）
你是不是每當這時都會想 要是有個自己的網站就好了？
你是不是每當這時都會想 要是有個自己的網站就好了？ 有人問你有沒有網站 只能傳一個社群連結過去 對方要找的資訊還得自己往下翻 想辦一場活動 介紹寫在貼文裡，報名開在表單裡 資訊散成兩三個地方 同一份報價每次重打 想要一個照自己流程走的小工具 找了一圈都要月付訂閱 想測一個新服務有沒有人要 心裡有個雛形 卻不知道從哪裡開始才不會白花錢 以前只有兩條路 找人做 要花錢，還要等 用現成軟體 遷就它的流程，月月付訂閱 現在多一條路 自己做一個 跟著單元做就有第一版 可以打開 可以測試 可以分享 對外測市場 對內做工具 丟出去看有沒有人要，也可以只做給自己用
想自己做 多數人卡在這四關
想自己做 多數人卡在這四關 01 想做報名頁或小工具 不會程式只能卡在想法 腦中知道要做什麼 打開電腦卻不知道第一步 02 一問外包費用 這個想法又先放著 點子還沒測試 就得先投入一筆預算 03 AI 生得出第一版 一修改就整頁跑掉 只想換文字或按鈕 其他畫面也跟著壞掉 04 網站看起來完成了 還是不敢真的公開 擔心手機版 上線維護 以及報名資料會不會外洩 少一套清楚的網站判斷與製作方法 就很容易卡在修改 上線與資料公開這幾關
你其實可以需要什麼 就自己做什麼
你其實可以需要什麼 就自己做什麼 不用等別人排時間，也不用將就別人做好的東西 引流互動工具：把專業做成測驗、小遊戲或選擇題，增加互動、引導分享、交換名單。產品銷售頁：把產品與服務價值說清楚，引導訪客諮詢、報名或採取下一步。收支管理工具：依照自己的工作流程記錄收支，快速整理資訊、掌握目前狀態。活動報名頁：把活動資訊集中在同一個頁面，清楚介紹內容、收集報名資料。客戶學員資料站：把教材、資源、常見問題與服務內容整理在一起，提供客戶或學員固定查找的入口。客製化工作系統：把每週重複做的事變成一套自己的系統，報價、排課、客戶資料，照自己的方式運作。
跟著單元做出一個
能達到目的的網站
「不懂程式的人，也能透過 AI 用講人話的方式一步步完成網站開發，從發想、設計到上線。今天也完成了一個屬於自己的網站。」
你還可以做成互動小遊戲
引流 測知識都可以
會自己做網站 你的創意就有地方換到第一筆錢
會自己做網站 你的創意就有地方換到第一筆錢 驗證過的想法才值得投錢 迴圈轉一次 你就多一個被市場證明過的東西
課程帶你了解每種工具能做到哪裡
不用自己一個一個踩雷
做完整的網站應用
適合有多個區塊、需要一致視覺與互動的網站
免費額度有限，用完要換工具接手
做單一功能的小工具
適合計算機、測驗、表單這類單一用途
放自己的照片有固定做法，知道就不會卡
免費部署與收件
把做好的檔案上線成公開網址
表單可以收報名資料，並設定寄信通知你
找風格參考
先找到喜歡的畫面，再讓 AI 把風格拆成可以直接用的描述
想達到做網站的目的 要先回答這四個問題
想達到做網站的目的 要先回答這四個問題 01 誰會使用 對象 需求 情境 02 為什麼使用 問題 目的 價值 03 使用後要完成什麼 閱讀 互動 轉換 04 哪些資料與功能適合公開 API Key 資料權限 個人資料 目標對象 × 網站目的 × 使用者行動 × 安全邊界 ＝ 網站藍圖 課堂會給你一套有邏輯的提示詞架構，把藍圖上的答案填進去，AI 一次就聽懂你要什麼，不必來回猜、也不必每次重寫一段。
講師獨家開發的架站工具 帶你快速做出第一版
講師獨家開發的架站工具 帶你快速做出第一版 課堂上實際把 Vibe Coding 用在你自己的題目上。文案要一段一段生、風格又講不出想要哪一種，這兩件事它一起處理掉，四步驟走完就拿到一段可以生成網站的提示詞 第一步 選風格 第二步 放上你手上的資料 第三步 產生網站文案 第四步 合併成完整提示詞
他們能做到 你也可以
學員課後怎麼說
「今天也完成了一個屬於自己的網站」 不懂程式的人，也能透過 AI 用講人話的方式一步步完成網站開發，從發想、設計到上線。 「原來一個好的網站，是做給使用者看的」 課堂上先思考希望來到網站的人最後完成什麼動作，目標清楚之後，再回推網站需要哪些功能、哪些內容。 「在學會給予之前，你得先學會防守」 在興奮感最高昂的時候，我冷靜地按下了暫停鍵。如果官網遭受攻擊，客戶的資料可能因此外洩。 「不是那種聽完覺得很厲害、回去卻不知道怎麼用的課」 從概念、操作、視覺美感到實際應用，幾乎都幫大家想好了。 「工具包的重點不是內容多，是需要的時候找得到、用得上」 只要一堂課能讓我帶走一個馬上可以用的方法，或解開一個卡很久的盲點。 「對我這樣的初學者來說，是一個很好的起點」 我對 AI 和科技工具有些難理解，這堂課非常實用。
用白話文帶你玩 AI
2026 累計授課學員 500+
閱讀塗鴉實驗室創辦人
- 工業技術研究院 AI 專場講師
- 衛生福利部 AI 專場講師
- 高雄師範大學 AI 文本通識課 Vibe Coding 講師
- 高雄農會 AI 專場講師
- 著作《用 AI 打造素人影響力》，布克文化出版
- 合作單位 65+，閱讀塗鴉實驗室粉專 32,000+ 追蹤
四個實作階段 跟著做完就有第一版
四個實作階段 跟著做完就有第一版 第一階段定義需求 第二階段建立第一版 第三階段加入互動 第四階段檢查與公開 帶走的不只是那個網址 還有一套基本資安判斷，知道哪些東西不能直接放上公開頁面 課後寫下心得，再加碼一份讓 AI 搜尋引擎找得到你的工具資源包
在公開網站之前 我們必須要有的資安意識
在公開網站之前 我們必須要有的資安意識 API Key 辨識金鑰有沒有暴露在公開頁面 了解哪些資訊需要放在較安全的環境中 資料權限 確認誰可以查看、新增、修改資料 只開放網站實際需要的權限 個人資料 只收集完成服務需要的資訊 確認姓名、電話、Email 以及其他內容的公開範圍
學員課後心得
完成第一版網站 也帶走下一次還能繼續使用的方法
完成第一版網站 也帶走下一次還能繼續使用的方法 看見更多可能 把想法說清楚 把第一版做出來 做出符合自己風格的網站 做只給自己用的工具 看懂工具之間的差別 下一次還能繼續用
上課必送 學員工具包網站
上課必送 學員工具包網站 五個工具的入口與用途 完整製作流程 五組可以直接複製的提示詞 上線前的留意事項
這門課適合這些人
這門課適合這些人 有服務或產品的個人品牌 想快速做一張銷售頁，看看市場反應 有專業內容的講師與創作者 想做成測驗、小遊戲、互動工具 一人公司與接案工作者 想建立符合自己需求的簡易管理工具 已經在用 AI 的人 做網頁時仍然常卡在修改、部署、資料公開 沒有工程背景的人 想用一套清楚的方法，理解網站從規劃、製作到公開的基本流程
跟著做完 你會帶著這些成果離開
跟著做完 你會帶著這些成果離開 一張網站藍圖 一個可以操作的第一版 一套可以測試的互動流程 一個可以分享的公開網址 一套下一次還能繼續使用的方法
寫下心得 加碼送 AEO 工具包
寫下心得 加碼送 AEO 工具包 網站做好只是第一步，被找到是下一步 AEO 提示詞產生器 九個工具入口 十一個術語對照表
為什麼我要把這門課變成錄播
把這門課做成錄播，是想讓它在你真正需要的時候打得開。做網站的難處，往往不在上課那天做不做得出來，而在三個月後你想做另一個東西時，那套流程還在不在手上。錄播會一直在那裡，陪你做第二個、第三個
從藍圖、生成、互動、手機版檢查到公開部署，每個人卡的關卡都不一樣。有人卡在想不出要做什麼，有人卡在最後上線那一步。分段單元讓你直接回到自己卡住的那一節，其他地方不用重看
你也可以邊做邊上。今天做首頁，明天做報名表，做完一個真的用得上的東西，比一次看完所有內容有用
預購方案
團體包班與企業內訓另有安排，來信 [email protected] 洽詢
上課前 大家最擔心的幾件事
完全不會程式可以來嗎
可以。全程零程式碼，重點是網站的判斷方法與 AI 協作流程。課程節奏是先講全貌、再示範、再帶操作、最後復盤，每一步都確認你做出東西才往下走。
我對科技工具反應比較慢，跟得上嗎
跟得上。心得裡有學員自陳對 3C 反應較慢，也有人寫這些名詞對自己很陌生，最後都做出了自己的網站。
不會寫程式，真的做得出來嗎
可以。學員從發想、設計到上線走完一輪，其中一位管理顧問背景的學員把成果網址公開貼出來，就在上面的作品區。
上完課還要另外花錢買工具嗎
課堂用的工具都有免費版，當天做出第一個網站不需要付費。有學員寫到免費版的額度當天就用完，若之後要長期經營或做商用網站，才需要評估升級。
回去自己做不出來怎麼辦
課後會拿到一份可以按圖索驥的工具包，流程、提示詞與上線檢查都在裡面。
這是直播還是錄播？
錄播。課程單元 9/25 前全數上線，購買後不限次數回看，沒有固定上課時間，想做新東西的時候隨時回來翻。
需要準備什麼
一台可上網的筆電，登入 Google 帳號就能跟著操作。課程用的工具都在瀏覽器完成，不需要另外安裝軟體。
可以團體包班上實體課嗎
可以。團體或公司內訓的時間、地點與內容都能另外安排，來信 [email protected] 告訴我人數與想解決的問題，我再回覆可行的方式與報價
把腦中的網站想法
做成可以打開 測試與分享的第一版
從網站要服務誰開始，一步步釐清目的、使用者行動、資料公開範圍。再使用 AI 完成頁面、互動、手機版檢查、公開上線。
如想留言評分，請先 登入會員！