# 國中數學 2-3【分數的四則運算】手帳塗鴉筆記學習單 (真・純視覺圖解版)

本單元依照「方法 B：手繪手帳塗鴉圖解 ＋ 國中適性視覺雙軌鷹架 ＋ 20 小區塊獨立滿版對焦」最高標準規範建置，適用於國中一年級上學期數學 2-3 單元。

貫徹「真・純視覺圖解（True Visual Infographics）」最高標準：
1. **圖片層面**：全面採用「披薩圓形扇形切割模型、長條巧克力比對、刻度量杯混和實驗、長方形面積雙重交疊網格、對角交叉雷射刀、倒數特技體操翻跟斗、階梯四則金字塔」。
2. **HTML 鷹架層面**：淘汰純文字條列，植入「實體 CSS 披薩扇形對照組、擴分火箭與約分吸塵器雙向滑軌、異分母 6 刻度量杯、負分數大挪移卡、雙重交疊網格數據牌、對角劃線消消樂、倒數 180° 空翻卡」。
3. **字體與相容性**：100% 繁體中文（台灣），零英文標籤，零 unicode 豆腐塊（`□` 全面改為括號引導），版面乾淨清晰。

---

## 📁 資料夾內容

1. **`115-1-一年級【2-3】手帳塗鴉筆記學習單-教師版.html`**
   - **互動點按答案**：內建互動式翻牌空格，預設隱藏解答（顯示「點我看解答」），點擊個別空格或點擊右側工具列「👁️ 全部解答」可平滑翻牌顯示紅色答案。
   - **教學引導小撇步**：各主題下方附有專門針對初學者與基礎概念建立同學的解題鷹架（披薩面積守恆、量杯度量衡單位通分、紅藍雙色筆交叉約分、被除數老闆不動如山等）。
   - **列印自動展開**：列印或轉 PDF 時自動以紅色清晰字體展開所有答案。

2. **`115-1-一年級【2-3】手帳塗鴉筆記學習單-學生版.html`**
   - **清晰書寫空白格**：預留充足書寫／填答空間，適合學生在教室隨堂練習、自主學習或回家作業。
   - **學習小秘笈**：提供學生自主複習時的圖像記憶要點與運算口訣。

3. **`images/` (核心真・手繪圖卡庫 - 100% 繁體中文，零英文，零豆腐塊)**
   - `theme1_equivalent_fractions.png`：主題一【圓形披薩等分切割模型（1/2 ＝ 2/4 ＝ 4/8） ＋ 長條巧克力比對 ＋ 擴分火箭與約分吸塵器滑軌】
   - `theme2_add_sub_common_denom.png`：主題二【刻度量杯混和實驗（1/2杯 + 1/3杯 換為 6 刻度杯通分得 5/6杯） ＋ 負分數負號踢給分子 ＋ 帶分數拆解策略】
   - `theme3_multiplication_cancel.png`：主題三【長方形面積雙重交疊模型（橫切 3 列取 2、縱切 5 欄取 4 ➔ 8/15） ＋ 對角交叉約分消消樂雷射刀 ＋ 連乘負號奇偶法則】
   - `theme4_division_reciprocal_order.png`：主題四【分數除法倒數體操秀（除號變乘號，除數 180° 空翻頭腳顛倒） ＋ 帶分數換假分數 ＋ 四則混合階梯金字塔】

---

## 🎨 核心功能與互動設計

1. **小區塊獨立滿版劇院對焦模式 (Sub-block Focus Mode - 全單元 20 個獨立小區塊)**：
   - 每個區塊右上方均配備獨立 **「🔍 放大」按鈕**：
     - **重點標題 (.section-header)**：獨立放大為大字體標題與核心提示引導。
     - **手繪圖解 (.col-visual)**：獨立放大為 **76vh 滿版大特寫**，圖卡細節與手繪註解一目了然。
     - **解題步驟卡 (.scaffold-card)**：獨立放大為大字體視覺鷹架卡片，大班投影不吃力。
     - **即時練習區 (.practice-box)**：獨立放大為滿版題目測驗區。
   - 支援鍵盤 **`ESC` 鍵** 或點擊深色背景快速退出。

2. **解題步驟區「純文字條列」全面升級為「真實視覺化圖解組件 (Visual Graphical Widgets)」**：
   - **主題一**：實體披薩等分比對卡（1/2 vs 2/4 vs 4/8） ＋ 擴分火箭（同乘 3） ＆ 約分吸塵器（同除 6） ＋ 最簡分數互質判定牌 ＋ 絕命雷區警示。
   - **主題二**：刻度量杯混和對照圖（1/2 杯 ➔ 3/6 杯，1/3 杯 ➔ 2/6 杯，合體為 5/6 杯） ＋ 負號大挪移三合一卡 ＋ 帶分數加減兩大策略。
   - **主題三**：長方形面積雙重交疊卡（高 2/3、寬 4/5，交疊 8/15） ＋ (3/4) × (8/9) 對角交叉雷射劃線消消樂 ＋ 連乘正負號法則。
   - **主題四**：÷ (3/4) ➔ × (4/3) 倒數 180° 空翻特技卡 ＋ 倒數三大真理（0 無倒數） ＋ 四則混合運算 3 層階梯金字塔。

3. **右側 54px 直立式懸浮教學工具列 (Slim Vertical Dock)**：
   - 位於畫面右側置中，不遮擋任何教材核心內容與算式。
   - 支援滑鼠拖曳頂部「⋮⋮」按鈕自由微調垂直高低位置。
   - 內建 **✏️ 電子畫筆**、**4 種精選顏色**（鉛筆黑、批改紅、重點藍、螢光黃重點標示）、**粗細切換（細 3px / 粗 8px）**、**🧹 橡皮擦**、**🗑️ 一鍵清除畫布**、**👁️ 全部解答（教師版）**、**🖨️ 列印學習單**。
   - 右下角備有 **🎨 圓形按鈕**，可隨時展開或收合工具列。

4. **全螢幕手寫解題畫布 (Fullscreen Whiteboard Canvas)**：
   - 支援觸控螢幕、手寫筆或滑鼠直接在學習單上劃記關鍵字、做通分約分記號或板書計算。

5. **成效評估與反思星級評分**：
   - 內建 1~5 顆星互動點擊發亮評分機制，讓學生自我檢討學習成就感。