先認得檔案，才不會在電腦裡迷路

資料夾像專案的房子，檔名像門牌，編輯器像工作台，瀏覽器像把成品端給客人的服務員，路徑則像外送地址。地址錯了，內容改對也送不到眼前。

本章要解決：忘記儲存、開錯分頁、改到 solution 或把檔名存成 index.html.txt。

合回共同作品：本章完成頁就是作品集的第一塊地基；下一章沿用它加入語意結構與媒體。

1. 編輯器負責修改與儲存，瀏覽器負責讀取與顯示，兩者不會替對方完成工作。
2. <title> 控制分頁名稱，#page-title 控制頁面主標題，兩個位置要分開驗證。
3. 每次只做「改一處 → 儲存 → 重新整理 → 確認」的小循環，才能知道是哪一步生效。

課堂刻意錯誤：先不儲存就重新整理，再故意切到另一個同名檔案，觀察「內容沒變」其實是流程與路徑不一致。

1. 看分頁或編輯器是否仍有未儲存標記。
2. 比對編輯器麵包屑與瀏覽器網址列的資料夾路徑。
3. 確認沒有開到 solution/，檔名也不是 index.html.txt。
4. 最後才檢查文字是否改在正確元素，修好後重跑原操作。

1. 01 先讀任務 Starter 讀三個 TASK，先說預期畫面。 累積完成 0／3 個任務 開始練習 →
2. 02 完成第一項 Checkpoint 1 完成 TASK-01。 累積完成 1／3 個任務 繼續第一步 →
3. 03 累積第二項 Checkpoint 2 再完成 TASK-02。 累積完成 2／3 個任務 繼續第二步 →
4. 04 核對完成品 Solution 只補 TASK-03，不改寫骨架。 累積完成 3／3 個任務 查看完整結果 →

✓網頁版答案位置對照卡住時先完成 Checkpoint 2，再查看每個 TASK 對應的檔案與位置。→

提交一張同時看見成果與網址列的截圖，再用 30 秒指出檔案在哪個資料夾、用什麼修改、用什麼查看。

公開資料提醒：若不想公開私人信箱，可以使用測試信箱或個人網站；不要在公開截圖中放電話、住址或其他私人資料。

• 01 分頁與主標題都是自己的作品名稱。 已完成
• 02 頁面有自我介紹與可驗收的學習目標。 已完成
• 03 能說出畫面沒更新時的第一個檢查動作。 已完成
• 04 能從 checkpoint 接回，沒有整份貼上 solution。 已完成

下一章：替同一個頁面的文字、圖片與影片貼上正確 HTML 標籤。

下一步：前往第 02 章「HTML 結構、圖片路徑與第三方嵌入」，帶著本章輸出繼續累積作品。