【校園 AI 網頁設計課程】新竹湖口高中 3 小時 AI 網頁設計課圓滿落幕
感謝茶米老師的引介，以及湖口高中胡老師與陳老師的邀請，我來到新竹湖口高中，帶領一群完全沒有程式背景的高中生，展開了一場為時三小時的『AI 輔助個人網頁設計與雲端發布』實戰工作坊。
傳統程式課常受限於繁瑣語法與環境安裝，但這堂課我們翻轉了思維！透過 Vibe Coding 與 Gemini AI 協同開發，學生不必死背語法，而是像專案經理般用自然語言引導 AI 創作。
💡 3 小時內的成果
學生們完成了完整的網頁開發流程（Plan ➔ Design ➔ Implement ➔ Debug ➔ Host）
AI 提示詞工程：掌握 IPO / RTF 框架，用白話文清楚表達需求。
UI/UX 與美學：利用 Stonez56 色彩探索家與 Coolors，挑選專屬主題色。
GitHub Pages 雲端發布：免指令操作，直覺上傳專案至雲端。
🎯 為什麼需要這門課？
零阻力學習：免安裝 IDE，讓學生從「害怕程式」變成「享受創造」。
成果導向：每位學生課後擁有專屬公開網站，並能請 Gemini AI 生成學習歷程初稿。
資安與隱私：以吉祥物與主題素材取代個人照片，保障學生安全。
🤝 邀課合作
想為學生帶來跨越 AI 與設計的創新體驗？歡迎高中、大專院校或教育機構私訊粉專洽詢。
最後再次感謝茶米老師（黃信溢）的推薦！
感謝湖口高中教務處張主任, 湖口高中姜校長, 及陳老師合影!【校園 AI 網頁設計課程】新竹湖口高中 3 小時 AI 網頁設計課圓滿落幕
感謝茶米老師的引介，以及湖口高中胡老師與陳老師的邀請，我來到新竹湖口高中，帶領一群完全沒有程式背景的高中生，展開了一場為時三小時的『AI 輔助個人網頁設計與雲端發布』實戰工作坊。
傳統程式課常受限於繁瑣語法與環境安裝，但這堂課我們翻轉了思維！透過 Vibe Coding 與 Gemini AI 協同開發，學生不必死背語法，而是像專案經理般用自然語言引導 AI 創作。
💡 3 小時內的成果
學生們完成了完整的網頁開發流程（Plan ➔ Design ➔ Implement ➔ Debug ➔ Host）：
AI 提示詞工程：掌握 IPO / RTF 框架，用白話文清楚表達需求。
UI/UX 與美學：利用 Stonez56 色彩探索家與 Coolors，挑選專屬主題色。
GitHub Pages 雲端發布：免指令操作，直覺上傳專案至雲端。
🎯 為什麼需要這門課？
零阻力學習：免安裝 IDE，讓學生從「害怕程式」變成「享受創造」。
成果導向：每位學生課後擁有專屬公開網站，並能請 Gemini AI 生成學習歷程初稿。
資安與隱私：以吉祥物與主題素材取代個人照片，保障學生安全。
🤝 邀課合作
想為學生帶來跨越 AI 與設計的創新體驗？歡迎高中、大專院校或教育機構私訊粉專洽詢。
最後再次感謝茶米老師（黃信溢）的推薦！
感謝湖口高中教務處張主任, 湖口高中姜校長, 及陳老師合影!
