Part 4: 互動式課堂活動 APP 開發

用 Antigravity 生成網頁版課堂工具:抽籤、計時、投票

🎯 學習目標

1. 認識工具類型

了解常用的課堂互動工具

2. 生成 HTML 工具

使用 Antigravity 產生可用的網頁工具

3. 客製化調整

修改工具的外觀與功能

🛠️ 常用課堂工具

🎲 隨機抽籤器

公平選擇發言學生、分組

⏱️ 倒數計時器

控制活動時間、考試提醒

📊 即時投票

課堂意見調查、選擇題投票

🎯 搶答系統

競賽活動、快問快答

📝 提示詞範例:抽籤器

請幫我製作一個網頁版的隨機抽籤器,需求如下:

功能:
1. 可以輸入學生名單(用逗號分隔)
2. 點擊「抽籤」按鈕隨機選出一位學生
3. 顯示抽中的學生姓名(大字體、動畫效果)
4. 可以重複抽籤
5. 已抽過的學生不會再被抽到(可選)

設計:
- 使用鮮豔的配色
- 有動畫效果
- 響應式設計(手機也能用)
- 繁體中文介面

請給我完整的 HTML 程式碼,包含 CSS 和 JavaScript

💻 使用步驟

將提示詞貼到 Antigravity
複製生成的 HTML 程式碼
貼到記事本,存成 .html 檔案
用瀏覽器開啟檔案
測試功能是否正常
如需調整,繼續對話要求修改

💡 提示: 生成後可以要求 AI 調整顏色、字體大小、增加音效等!

🎉 Part 4 總結

✅ 認識常用的課堂互動工具
✅ 使用 Antigravity 生成網頁工具
✅ 了解如何儲存與使用 HTML 檔案
✅ 掌握客製化調整技巧

下一個 Part: 教學視覺素材創作 🎨