LESSON-01 · solution
這是 Starter 與 Checkpoint 的完整答案；先操作入口，再逐檔看每個檔案的責任。
入口：開啟 Solution 可執行入口，先按一次按鈕，再逐檔核對。
完整路徑：index.html → css/style.css／js/main.js → 畫面與 DevTools 證據。
script src 必須指向 js/main.js，不能留下 js/missing.js。目的：描述頁面身份，並正確引用 CSS 與 JavaScript。
修改檔案：index.html
程式碼位置：對應的完整檔案。
現在要做：逐項對照完整結果。
貼上位置：自己工作資料夾的同名檔案。
描述頁面身份，並正確引用 CSS 與 JavaScript。預期結果：title、brand、h1、page-description 與 script src 都在入口檔案。
驗收證據：title、brand、h1、page-description 與 script src 都在入口檔案。
常見錯誤：直接覆蓋整份檔案，沒有對照差異。
第一個檢查：只比對 index.html 的一個責任。
目的：讓 .page-shell 的版面責任留在 CSS。
修改檔案：css/style.css
程式碼位置：對應的完整檔案。
現在要做：逐項對照完整結果。
貼上位置：自己工作資料夾的同名檔案。
讓 .page-shell 的版面責任留在 CSS。預期結果：Computed 可看到 padding 與 border；窄版沒有水平捲軸。
驗收證據：Computed 可看到 padding 與 border；窄版沒有水平捲軸。
常見錯誤：直接覆蓋整份檔案，沒有對照差異。
第一個檢查：只比對 css/style.css 的一個責任。
目的：回報資源已載入，並處理按鈕操作。
修改檔案：js/main.js
程式碼位置：對應的完整檔案。
現在要做：逐項對照完整結果。
貼上位置：自己工作資料夾的同名檔案。
回報資源已載入，並處理按鈕操作。預期結果：Console 有載入與操作訊息，畫面 status 也會更新。
驗收證據：Console 有載入與操作訊息，畫面 status 也會更新。
常見錯誤：直接覆蓋整份檔案，沒有對照差異。
第一個檢查：只比對 js/main.js 的一個責任。
目的：將 js/missing.js 修回 js/main.js。
修改檔案：checkpoint 路徑修正
程式碼位置：對應的完整檔案。
現在要做：逐項對照完整結果。
貼上位置：自己工作資料夾的同名檔案。
將 js/missing.js 修回 js/main.js。預期結果：Network 由 404 變為成功，Console 訊息恢復。
驗收證據：Network 由 404 變為成功，Console 訊息恢復。
常見錯誤：直接覆蓋整份檔案，沒有對照差異。
第一個檢查：只比對 checkpoint 路徑修正 的一個責任。
開啟 solution 可執行入口；工作檔案：files/index.html、files/css/style.css、files/js/main.js。
對照完成後，回到 README 整理證據，並準備下一堂 HTML 語意骨架。
開啟 examples/supplement/index.html；自學檔案不混入 Solution files。