三項 Task 進度

TASK-01已完成

寫清楚作品用途與目標讀者

預計修改：README.md

完成後：README 說明作品用途，git log 顯示第一筆範圍清楚的 commit

TASK-02已完成

列出真實功能與本機開啟方式

預計修改：README.md

完成後：陌生人能開啟作品，history 新增第二筆功能文件 commit

TASK-03本步驟處理

記錄排錯流程並驗證 commit 切分

預計修改：README.md

完成後：排錯紀錄可重現，git log 顯示至少三筆有意義的 commit

HTML、CSS、JavaScript 與文件實際異動

展開檔案卡查看必要差異；只有程式碼區可以橫向捲動。

HTML本步驟無異動

檔案：index.html

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。

CSS本步驟無異動

檔案：style.css

修改前

前一步與本步驟沒有實質差異。

修改後

本步驟不需修改此語言。

JavaScript本練習未使用

檔案：script.js

修改前

本練習沒有這個檔案。

修改後

本步驟不需修改此語言。

README／其他文件本步驟有異動

檔案：README.md

修改前

尚未記錄
> 必須在教材 repo 外的個人練習資料夾建立自己的 commit history；真實 repo URL、hash 與部署網址由學生自行提供，範例不代填。

修改後

症狀：GitHub 看不到最新修改。檢查：以 git status 發現修改尚未 commit。修正：完成 add 與 commit，再 push 到 main，最後在 GitHub commit history 核對。
版本驗收：在教材 repo 外的個人練習資料夾執行 `git log --oneline -3`，逐筆說明「骨架與定位」、「功能與開啟方式」、「排錯紀錄」三個 commit 的責任。
> 真實 repo URL、commit hash 與部署網址必須由學生完成操作後自行提供，範例不代填。

怎麼看到結果

準備
留在教材 repo 外的個人練習資料夾，先用 git status 確認只有排錯紀錄尚未提交。
操作
完成可重現的排錯紀錄後，執行 git add README.md、git commit -m "記錄 Git 排錯流程"、git log --oneline -3，逐筆說明三個 commit 各自只完成哪一段交付。
預期
排錯紀錄可重現，git log 顯示至少三筆範圍清楚且可說明的 commit

Solution TASK-03

記錄排錯流程並驗證 commit 切分

完成後可見：排錯紀錄可重現，git log 顯示至少三筆有意義的 commit

VERSION DELIVERY LAB

Git 到 GitHub 交付板

工作目錄確認路徑與修改
暫存區git add 後用 status 驗證
本機版本git commit 建立快照
遠端倉庫git push 後到 GitHub 檢查

查看本階段 README 靜態對照

README.html 是靜態對照，不會隨 README.md 編輯同步；請用 VS Code Markdown Preview 驗證自己的修改。