# 國中數學【1-2 整數的加減】手帳塗鴉學習單 (方法 B：AI手繪手帳版)

本單元採用 **「方法 B：AI生成手繪風格圖 ＋ 概念鷹架互動網頁學習單」**，專為國中一年級學童打造，完整繼承 1-1 單元之手帳視覺規範與互動輔具機能。

---

## 📂 成果檔案清單

| 檔案名稱 | 適用對象 | 主要功能特色 |
| :--- | :--- | :--- |
| 🧑‍🏫 **[115-1-一年級【1-2】手帳塗鴉筆記學習單-教師版.html](file:///C:/00【Antigravity】/00【數學教材與學習單】/一年級學習單/上學期/【手帳塗鴉學習單】1-2整數的加減/115-1-一年級【1-2】手帳塗鴉筆記學習單-教師版.html)** | 任課教師 / 大螢幕授課 | • 4大核心主題雙欄塗鴉鷹架<br>• **點按看解答** (`interactive-ans`)，支援逐格翻牌<br>• 右側 **👁️ 全部解答** 總開關<br>• 內建學習提問引導與常見迷思提醒 |
| 🧑‍🎓 **[115-1-一年級【1-2】手帳塗鴉筆記學習單-學生版.html](file:///C:/00【Antigravity】/00【數學教材與學習單】/一年級學習單/上學期/【手帳塗鴉學習單】1-2整數的加減/115-1-一年級【1-2】手帳塗鴉筆記學習單-學生版.html)** | 學生隨堂筆記 / 平板自主作答 | • 留白填答區與打勾自評方格<br>• 支援平板觸控螢幕手寫計算<br>• 課後五星自評與學習心得小專區 |
| 🖼️ **[images/](file:///C:/00【Antigravity】/00【數學教材與學習單】/一年級學習單/上學期/【手帳塗鴉學習單】1-2整數的加減/images/)** | 原創高解析手繪圖庫 | • `theme1_addition.png` (加法天平與抵銷口訣)<br>• `theme2_subtraction.png` (撕掉欠債與倒退走)<br>• `theme3_parentheses.png` (去括號門神與照妖鏡)<br>• `theme4_distance_midpoint.png` (數線距離與中點) |

---

## 🎨 四大核心主題手繪插圖與生活隱喻

1. **主題一：整數的加法運算（同號數相加與異號數相加）**
   - **手繪圖解**：加法天平與正負小怪獸拔河（`theme1_addition.png`）
   - **觀念口訣**：同號相加「大家都是同一邊，數字加起來符號維持」；異號相加「正負一對一抵銷，多的人獲勝！大減小，看大數的臉色！」
2. **主題二：整數的減法運算（減去一個數＝加上相反數）**
   - **手繪圖解**：小豬撕掉欠債存摺笑咪咪、數線掉頭倒退走（`theme2_subtraction.png`）
   - **觀念口訣**：減去一個數＝加上相反數！「撕掉欠條 5 元＝現賺 5 元（負負得正大奇蹟）！」
3. **主題三：加減混合運算與去括號規則**
   - **手繪圖解**：友善加號門神 vs 魔法巫師負號照妖鏡（`theme3_parentheses.png`）
   - **觀念口訣**：括號前是加號「直接拆開不用變」；括號前是減號「照鏡子全員大變身（正變負、負變正）」！
4. **主題四：數線上兩點間的距離與線段中點**
   - **手繪圖解**：數線尺規量距離與翹翹板中點（`theme4_distance_midpoint.png`）
   - **觀念口訣**：兩點距離＝大數減小數（距離永遠是正的！）；線段中點＝兩人相加除以 2！

---

## 🌟 互動教學輔具特色（品質一致性保證）

1. **📱 右側直立式懸浮工具列（寬度 54px，不擋畫面）**：
   - 固定於螢幕右側中央，預留安全閱讀寬度。
   - 工具齊全：✏️ 畫筆（黑、紅、藍、螢光黃 4 色）、粗細切換（細 3px / 粗 8px）、🧹 橡皮擦、🗑️ 一鍵清除畫布、👁️ 全部解答（教師版）、🖨️ 列印。
   - 右下角 `🎨` 鈕可隨時一鍵摺疊隱藏。
2. **🔍 每一區塊獨立「聚焦放大模式」（Focus Mode）**：
   - 每個主題卡片與練習區右上角皆配備 `🔍 放大` 按鈕（亦可直接點擊圖卡）。
   - 點擊後進入暗化背景全螢幕特寫，隔絕所有其他干擾，按 `ESC` 或右上角 `✕` 退出。
3. **💡 教用版互動翻牌解答（防爆雷）**：
   - 所有答案預設隱藏（顯示「點我看解答」），引導學生思考後點按即時翻出紅色醒目答案；支援「👁️」一鍵全開。
4. **🖨️ A4 列印最適化（Print Ready）**：
   - 瀏覽器直接按列印，自動去除網格底色、隱藏工具列與放大鈕、展開完整答案，完美符合學校 A4 講義列印格式。
