互動式數學學習單生成器

將文字題目轉化為具有視覺提示、步驟拆解的互動網頁。

🎯 為什麼需要這兩個工具?

在特殊教育的現場,學生的學習需要高度的「鷹架支持」「即時回饋」。 這兩個工具專門設計用來將傳統的文字題目,轉化為具有視覺提示、步驟拆解、即時檢核的 HTML 互動網頁。

🤖

無需程式背景

老師只要給題目,AI 自動寫 Code

🧠

專注學習痛點

針對注意力缺陷、學障學生設計

即開即用

右上角共用分享即可使用

工具一:逐步引導・填答型

⌨️
數學運算 拼字練習 邏輯推理

核心特色:強調「順序」與「精確輸入」

將題目拆解成連貫的步驟,學生必須「輸入」正確答案才能解鎖下一步。有效避免學生一次面對過多資訊而感到焦慮。

✨ 功能亮點:

  • 🔐 步驟解鎖:答對當前步驟才顯示下一步。
  • ⌨️ 輸入檢核:訓練鍵入數字或文字的能力。
  • 🚦 視覺回饋:答對綠框+✔️;答錯紅框+提示。
  • 💡 重點標記:自動標示題目關鍵字與SVG圖形。

工具二:點選填空・操作型

👆
語句重組 分類練習 低口語/精細動作需求

核心特色:強調「辨識」與「點選操作」

將解題簡化為「點擊選項」並「填入空格」。適合書寫困難或需要降低精細動作要求的學生,透過點選來完成學習任務。

✨ 功能亮點:

  • 🧩 點選即填:點擊選項,答案自動飛入空格。
  • 🚫 防呆機制:選項選過後自動變灰,避免重複。
  • ↩️ 可逆操作:點擊空格可移除答案,按鈕恢復。
  • 🎉 增強機制:答對有Tada動畫;答錯僅提示不扣分。

🚀 製作流程三步驟

1

打開連結並上傳文字

選擇上方工具,開啟後直接貼上文字。

2

點擊 Canvas 並送出

點擊「Canvas」,按下送出,AI 自動生成。

3

右上角分享網址

點選「共用」按鈕,複製網址分享給學生。

🌐 如何發布?

方法一:GitHub (推薦)

網址永久獨立
▶ 觀看教學影片

方法二:Google Sites

操作直覺
  1. 生成完成後,點右上角的 「共用」 並複製內容。
  2. 打開 Google Sites (協作平台),新增一個空白網頁。
  3. 進入頁面後,按右側的 「頁面」
  4. 點選下方的 「新增頁面」
  5. 選擇 「整頁嵌入」,並輸入頁面名稱。
  6. 點擊 「新增嵌入內容」
  7. 選擇 「嵌入程式碼」
  8. 貼上剛剛複製的內容。
  9. 完成!🎉 你的互動網頁就成功嵌入啦。
⚠️

教師使用建議

  • 評估學生能力:請參考上方說明,決定使用填答型或操作型。
  • 善用 AI 對話:生成後可直接對話微調,例如「改成其他地方挖空」或「增加提示」。