每次前進，都有一個存檔點。
先留存檔點，再往前改。每一次版本都由你親自確認範圍與目的。
這關帶走：親手保存基準，再讀懂三段文字的差異。
先學一招：儲存檔案，也保存一個版本
知道現在改了什麼，未來才有可回復的基準。
帶上你的裝備
- 自己的獨立 portfolio
- Git 已安裝；安裝方式見指南
git status
git diff -- works.html
git log -1 --oneline儲存 HTML 讓瀏覽器看到新內容；Git 提交會把這次選定的檔案記成版本。這堂只在自己電腦練習，不需要 GitHub 或推送。
跟著觀察
- 先依指南檢查 Git 與目前資料夾。
- 辨認工作區、暫存區與提交三個位置。
- 用自己的話說出 status、diff、commit 各在做什麼。
這是你的實際操作確認，小測不會替你勾選。
動手挑戰：保存基準，再加作品角色
親手保存自己的版本，不拿參考檔當操作紀錄。
先準備
- 已改善 alt 的自己網站
- HTML Git 指南、獨立備份
先依指南建立乾淨基準提交，記下自己的識別。再使用 Prompt 加三段作品角色，讀差異後只選 works.html 保存第二筆提交。參考版本沒有 .git，不代表你已完成提交。
照這個順序開始
- 依指南確認範圍，設定本儲存庫身份並明確選網站檔案建立第一筆提交。
- 記下基準識別，確認乾淨後才用 Prompt 修改作品角色。
- 親手讀 diff，確認只有三段；再明確選作品頁提交並記錄新識別。
只加入三筆作品角色
主要使用 Cursor 內建 AI；先附資料，再送出指令。
- 1．附上這些檔案與資料
- 自己的 works.html、styles.css
- 實際 git status、基準提交識別；先依指南完成乾淨基準
- 自己的圖片 alt 已改善，正常來源已另作備份。
- 2．貼到哪裡
- 在 Cursor 開啟這一關指定的自己的練習資料夾，進入內建 AI 對話。
- 用 @ 選取下列指定檔案，核對完整路徑，再貼實際清單、補充資料與下方 Prompt。
- 在內建 AI 對話貼指令，只請它修改文字；Git 檢查與提交由自己依指南逐條操作。
- 3．預期回覆與操作
- 三筆作品 article 最後各增加「本人角色：內容整理與前端練習」。
- 只改 works.html；不更改 alt、圖片、連結或 CSS，也不執行 Git。
- 4．自己檢查結果
- 親手看 git diff -- works.html，只有三段角色文字。
- 依指南只選作品頁提交，記錄自己實際取得的提交識別。
只加入三筆作品角色 Prompt（可收合）
你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。
情境與本次輸入：沿用第 3 堂青禾三頁 portfolio，APPA 與紫綠配色不變。學生操作說明為本堂 HTML Git 指南；在自己獨立的練習網站確認 Git 安裝與目前路徑，身份設定只作用於本儲存庫，不修改全域設定、不推送。故障包有 baseline/portfolio 與 candidate/portfolio，不附 .git；依指南在另一個 fault-L04/portfolio 建立實際本機基準後才套入待檢查檔案。
本次任務：我已完成三張圖片 alt，並依 HTML Git 指南在自己的 portfolio 建立一筆乾淨基準提交。閱讀附上的 works.html、styles.css 與 status／diff，只在 works.html 三筆作品說明的最後各加入一段「本人角色：內容整理與前端練習」，放在各自 article 裡。先列三個位置，提供最小差異；圖片、alt、連結、原說明、其他頁面與 CSS 都不變。不要自行執行 Git、提交或推送。提醒我儲存後用 git diff -- works.html 核對三段，再依指南明確選檔保存；如果目前狀態與所述不一致，先指出缺少的證據。
請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。Cursor AI 無法使用？改用 ChatGPT 備援
把上方指定的檔案內容、清單與補充資料，連同同一份 Prompt 貼入 ChatGPT 對話。只貼電腦上的路徑，無法讓它讀取你的檔案。
收到程式碼時，先核對檔名與修改位置，再手動存回自己的練習副本；若收到檢查表或補檔步驟，就逐項操作。不要把 Prompt 或程式碼框的反引號貼進 HTML／CSS。
兩邊都受限時，可先看既有參考成果、檢查差異與手動修改；未做過的 AI 生成或公開發布仍記待完成。不要貼入帳密、金鑰或真實個資。
複製只取得 Prompt 文字，檔案需自行在 Cursor 附上；本頁不會呼叫 AI 或自動完成關卡。
卡住時，APPA 給你一點線索
線索 1｜先看位置與證據
先看目前目錄與儲存庫根目錄，範圍不符就停下。
線索 2｜再縮小操作範圍
基準提交完成且乾淨後才加入角色文字；第二次只選作品頁。
回到自己的作品，逐項檢查
- 自己有兩筆用途清楚的實際本機提交。
- 三筆作品角色文字存在，其他頁面、CSS、圖片不變。
- 未實際執行的 AI、Git、發布或另一裝置檢查保持待完成。
尚未完成可以先往下看，之後再回來補做。
每一步，都留下自己的成果。
先實際完成上面兩項確認，再記下這一關的修改與結果。也可以先往下閱讀，之後回來補做。
關卡紀錄由你自行確認；本頁不會讀取 Cursor 檔案或自動驗收作品。
留下自己的檢查紀錄
這是第 4 堂共用筆記，換關卡仍會保留。未實際做過的操作寫「待完成」。
重設會清除第 4 堂六步勾選，筆記、另一堂進度與網站檔案保留。