活動簡介
想做一個網站，但一聽到「買主機、設定網域、寫程式、部署環境」就先頭痛嗎？
這堂 1.5 小時線上微課程，PM里長伯會用最實戰、最直白的方式，帶你從零開始完成一次免費架站流程：
從創立 GitHub 帳號、建立專案、理解網站基本結構，到把網站部署到 Vercel，讓你真的做出一個可以開啟、可以練習、可以修改的網站。
這不是傳統工程師訓練課，也不是只講概念的架站說明會。
這堂課的特色是：
現場實際打 Prompt、現場實作、現場帶你看網站怎麼從無到有。
里長伯特色就是：
絕對現場實際打 Prompt，沒有預錄魔法，沒有剪接奇蹟。
你會看到 AI 怎麼協助產生前端頁面，也會知道後端概念大概在做什麼。即使你完全沒有程式基礎，也可以跟著流程理解網站從產生、修改到上線的基本過程。
🚀 課程亮點
這堂課會帶你掌握零基礎架站最重要的幾個能力：
快速理解網站是怎麼被做出來的
了解前端與後端在網站中各自扮演什麼角色
建立自己的 GitHub 帳號與專案
知道 GitHub 在架站流程中扮演什麼角色
使用 AI Prompt 協助產生網站內容與程式碼
把網站專案部署到 Vercel
完成一個可以練習、修改與展示的網站
建立「AI 協作架站」的基本工作流
你會知道：
為什麼現在做網站不一定要先學一年程式
為什麼 GitHub 是 AI 架站流程的重要起點
為什麼 Vercel 很適合零基礎入門部署網站
如何用 Prompt 跟 AI 說清楚你想做的網站
如何讓 AI 幫你產生前端頁面
後端到底是什麼，跟前端差在哪裡
網站完成後要怎麼放到線上給別人看
🎯 這堂課不講空話，只帶你實際走一次
很多人想學架站，卡住的原因不是不努力，而是一開始就被太多名詞嚇到。
常見卡關點包括：
不知道 GitHub 是什麼
不知道程式碼要放哪裡
不知道前端和後端差在哪裡
不知道網站怎麼上線
不知道 AI 產出的程式碼能不能用
不知道錯誤訊息要怎麼處理
不知道自己到底有沒有做成功
所以這堂課不會一開始就丟一堆艱深理論。
我們會用一個很簡單的路線：
建立帳號 → 產生網站 → 放到 GitHub → 部署到 Vercel → 打開你的網站 → 修改與練習
你會實際看到一個網站如何從一句 Prompt 開始，慢慢變成可以上線的頁面。
📌 課程大綱
1. 零基礎架站到底在學什麼？
先用白話方式說明網站的基本結構，讓你知道前端、後端、GitHub、Vercel 分別是什麼。
你不需要先懂程式，但你需要知道整個流程長什麼樣子。
2. 建立 GitHub：你的網站專案倉庫
帶你理解 GitHub 的基本用途，並示範如何建立帳號與專案。
這一段會讓你知道：
GitHub 是什麼
Repository 是什麼
為什麼網站檔案要放在 GitHub
AI 產出的程式碼可以怎麼整理進專案
3. 用 Prompt 產生你的第一個網站
里長伯會現場實際打 Prompt，示範如何請 AI 協助產生一個簡單網站。
這一段會示範：
如何描述你想做的網站
如何請 AI 產生首頁內容
如何調整網站版面
如何修改文字、區塊與按鈕
如何讓 AI 幫你改善網站結構
這堂課不靠預錄影片，會直接現場示範 Prompt 怎麼打，讓你看到真正操作時會發生什麼事。
4. 前端快速走一次：看得見的網站畫面
前端就是使用者打開網站後看到的畫面。
這一段會帶你快速理解：
首頁是怎麼組成的
標題、圖片、按鈕、區塊大概怎麼安排
HTML / CSS / JavaScript 大概在做什麼
如何用 AI 幫你修改前端畫面
不會要求你背語法，而是讓你看懂網站畫面背後的基本邏輯。
5. 後端快速走一次：網站背後的資料與功能概念
後端是網站背後處理資料、邏輯與服務的地方。
這一段會用零基礎可以理解的方式說明：
後端是什麼
表單、資料、登入、API 大概是怎麼回事
什麼情況下網站需要後端
零基礎入門時，為什麼先理解概念比硬背程式更重要
本堂課會讓你前端、後端都過一次，建立完整網站概念。
6. 部署到 Vercel：讓你的網站真的上線
接著會示範如何把 GitHub 專案連接到 Vercel，完成網站部署。
你會看到：
Vercel 是什麼
如何連接 GitHub 專案
如何部署網站
如何取得網站連結
如何確認網站是否成功上線
完成後，你會知道一個網站從本機或專案資料，變成線上網站的基本流程。
7. 練習網站與後續修改方向
課程不提供回放，但會提供大家練習網站，讓你課後可以持續操作與修改。
你可以用練習網站做：
個人簡介頁
活動報名頁
品牌介紹頁
作品集頁面
課程介紹頁
產品展示頁
顧問服務頁
學會流程之後，你就可以把同一套方法套用在自己的網站需求上。
8. Q&A：現場問題現場處理
最後會開放 Q&A，針對大家在 GitHub、Vercel、Prompt、前端、後端、部署過程遇到的問題，給出實用建議。
🧩 你會帶走什麼？
上完這堂課，你會帶走一套完整的免費架站入門流程：
AI Prompt 產生網站 → GitHub 建立專案 → Vercel 免費部署 → 網站上線 → 課後練習修改
你也會更清楚知道：
網站從哪裡開始做
GitHub 在架站中扮演什麼角色
Vercel 為什麼適合新手部署
前端和後端差在哪裡
如何用 AI 協助產生網站
如何修改 AI 產出的網站內容
如何把網站放到線上
如何建立自己的第一個網站作品
這堂課的目標不是讓你 1.5 小時變成工程師，而是讓你跨過第一道門檻：
原來網站真的可以自己做，而且可以用免費工具開始。
🎯 適合對象
這堂課適合：
完全沒有程式基礎，但想做網站的人
想用 AI 做出個人網站、品牌頁或活動頁的人
想學 GitHub 和 Vercel 基本流程的新手
想知道前端、後端到底差在哪裡的人
想建立作品集網站的學生與職場工作者
想做課程頁、顧問頁、服務介紹頁的創作者
想幫自己品牌做一個簡單網站的老闆
想用 AI 提升數位工具能力的上班族
想先用免費工具開始架站的人
⚠️ 特別提醒
本課程是零基礎入門實戰課，重點是帶你走過一次完整的免費架站流程。
這堂課不會深入講：
大型網站系統架構
複雜資料庫設計
企業級後端開發
完整電商系統開發
進階資安設定
進階網域與 DNS 管理
大型專案工程管理流程
我們會聚焦在新手最需要的事情：
如何用 AI 協助產生網站，如何建立 GitHub 專案，如何透過 Vercel 把網站免費部署上線。
📍 上課方式
線上直播課程
時間：2026.08.13（四）20:00 - 21:30（GMT+8）
課程長度：1.5 小時
課程形式：現場實作示範、Prompt 操作、流程講解、Q&A
🎁 課後支援
本課程不提供回放、不提供錄影檔、不提供補課。不接受退費。不可換課或保留名額至下期。
若當日無法出席，請自行轉讓名額給親友或同事，並於課前 24 小時告知主辦方更改學員名單。
但課後會提供大家練習網站，讓你可以持續操作與修改。
若加入「里長伯里民服務中心」，可享有課後一週內售後服務，協助你釐清練習過程中遇到的問題。
🧠 里長伯課程特色
PM里長伯的課，不是把影片播給你看，也不是用完美截圖假裝一切都很順。
這堂課會現場實際打 Prompt，現場示範，現場處理。
因為真正學會架站，不是看別人剪好的成功畫面，而是看懂整個過程：
怎麼問 AI
怎麼修正錯誤
怎麼理解網站結構
怎麼部署上線
怎麼把練習變成自己的作品
這就是里長伯的特色：
不預錄、不包裝、不演戲，現場帶你做一次。
