🌳 樹人創意科技有限公司 · 小學高年級課程
AI Vibe Coding
創意工作坊
90 分鐘、8 站分頁闖關。一站只做一件事：選主題、生成第一版、升級、Debug、快檢，最後在 Padlet 展示並取得證書。
- 分鐘
- 完整課堂
- 站
- 分頁闖關
- 個
- 你的網站
✨ 樹寶陪你闖關
🏆 完成有證書
課堂流程
8 站 90 分鐘，一站一頁
每一站只做一件事：看清目標、完成三個步驟、蓋印章，再按按鈕去下一站。
進度：0／8 站
🚀 開始第 1 站- ⏱ 0–10 分鐘
第 1 站｜認識 Vibe Coding
示範「我的溫習時間表」網站
明白「用說話就可以做網站」，並看完導師的示範網站。
- ⏱ 10–20 分鐘
第 2 站｜選擇網站主題
六款主題任你選
在六款主題中選定一款，並想好網站名稱、用途、內容、風格與互動。
- ⏱ 20–30 分鐘
第 3 站｜生成第一版網站
六問網站藍圖 → 貼入 Lovable
完成六問網站藍圖，把完整提示詞貼入 Lovable，成功生成第一版網站。
- ⏱ 30–45 分鐘
第 4 站｜網站升級
顏色、文字、卡片、圖片、按鈕
為網站加入至少一項升級：改顏色、改文字、加卡片、加圖片或加按鈕功能。
- ⏱ 45–55 分鐘
第 5 站｜Debug 網站修理站
位置＋改甚麼＋例子
用「位置＋改甚麼＋例子」寫一句修改提示詞，完成最少一次有效改動。
- ⏱ 55–60 分鐘
第 6 站｜五項網站快檢
交功課前最後檢查
完成五項快檢：網站名稱、三項內容、按鈕功能、iPad 版面、個人資料安全。
- ⏱ 60–80 分鐘
第 7 站｜Padlet 星光作品展
上載連結、暱稱與介紹
把網站連結、暱稱與簡短作品介紹上載至 Padlet，並欣賞同學的作品。
- ⏱ 80–90 分鐘
第 8 站｜成果分享及頒發證書
AI 網站小創作家
分享你學到最有用的一句提示詞技巧，並取得自己的證書。
學習成果
今日你會學到四件事
說
用「我想……」清楚說出想要甚麼。
排
認得網站五個部分，懂得指定位置。
創
用主題＋功能＋風格公式創作第一版。
改
逐步改良、測試，做到愈改愈靚。