先確認準備好了，再讓網站出發。
沿用上一堂的介紹頁。先分清自己電腦與公開網址，再請 Cursor 產生檢查表，親手檢查內容、連結與檔案，整理獨立的發布副本。
這關帶走：檢查網頁與檔案，列好發布前清單。
先學一招：本機與公開網址不同
知道什麼網址能分享，接回上一堂自己的作品。
帶上你的裝備
- 上一堂正常的 portfolio
- 瀏覽器與 Cursor
自己的電腦
file:///…/index.html 指向自己電腦的檔案，別人無法只靠這段位置開啟。
公開網站
https://… 的實際公開網址，才是要交給同學確認的入口。
本機的 127.0.0.1 或 localhost 也只代表這台電腦，不能直接當作公開分享網址。
沿用上一堂自己的正常作品。若需要重新接續，可取得接續練習檔；前堂未做過的手動修改仍要補練。
跟著觀察
- 找到自己的上一堂作品，開啟 index.html。
- 確認姓名林小禾、技能版面設計、第三項服務活動頁設計。
- 觀察網址列，分辨現在看到的是檔案、本機預覽還是公開網站。
這是你的實際操作確認，小測不會替你勾選。
動手挑戰：用檢查表整理發布副本
用檢查表核對內容，整理只含必要檔案的發布副本。
先準備
- 自己的正常網站與檔案清單
- 本堂發布指南
先檢查再上傳。把自己的 HTML、資料夾清單與本堂發布指南一起提供給 AI，產生適合自己網站的檢查表。
這一步外觀不會刻意改變，成果是你確實檢查過連結與檔案。
照這個順序開始
- 先開發布指南，複製指南文字，準備自己的 HTML 與檔案清單。
- 在 Cursor 內建 AI 對話使用下方 Prompt，只取得檢查表，再自己逐一操作作品入口、導覽與 Email 目的。
- 手動建立 student-work/publish-ready/，把 index.html、styles.css、assets/ 複製進去；保留原本的 portfolio。
- 確認只含六個網站檔案，不放說明、練習答案、私人資料或備份。
用 Cursor 生成發布前檢查表
主要使用 Cursor 內建 AI；先附資料，再送出指令。
- 1．附上這些檔案與資料
- 自己的正常 portfolio/index.html 與 styles.css。
- 正常 portfolio/ 的實際檔案清單，包含 assets/ 檔案。
- 本堂「第一次發布自己的網站」HTML 指南：開啟後複製指南文字，一起貼入對話。
- 2．貼到哪裡
- 在 Cursor 開啟自己的正常 portfolio，用 @ 加入 index.html 與 styles.css。
- 在內建 AI 對話貼上檔案清單、發布指南文字與下方 Prompt，要求「只回覆檢查表，不修改檔案」。
- 若介面有僅問答的模式可使用；不依賴特定模式名稱，也不需要讓 Agent 自動發布。
- 3．預期回覆與操作
- 取得針對自己網站的檔案、連結與發布檢查表；這一步不會生成新網站，也不需要改版。
- 自己依清單檢查，再手動整理獨立的 publish-ready/；AI 沒有替你完成真實上傳或驗收。
- 4．自己檢查結果
- 在自己的網站實際點導覽與作品入口；核對 Email 連結目的，不需寄信。
- 確認 publish-ready/ 根層有 index.html、styles.css 與 assets/，合計六個網站檔案。
- 保留正常來源，未實際檢查的項目記為待完成。
生成發布前檢查表 Prompt（可收合）
你是協助零基礎學員的網站開發助手。我使用 Cursor 免費版編輯原生 HTML、CSS、JavaScript；必要時把你提供的內容手動貼入檔案。
情境與本次輸入：我承接上一堂自己的正常 portfolio，準備了 HTML 與實際檔案清單，以及本堂 HTML 發布指南的文字。只操作自己的獨立練習專案；本機候選目錄檢查與公開網址檢查分開記錄，沒有實際做過的項目保持待完成。
本次任務：依我附上的 portfolio 檔案樹、index.html 及 本堂發布指南的文字（由 HTML 指南複製），建立適合零基礎學員的首次發布核對表。分成上傳前、本機檢查、取得公開網址、另一台裝置驗收四段，列出實際相對路徑與發布根目錄。只使用指南已提供的平台步驟，不替我登入、不猜按鈕名稱或新增付費服務。說明如何保留原始碼與辨認『已上線』但尚未有索引資料。
請先閱讀我附上的相關檔案或資料，資訊缺漏時精確列出需要補充的項目，不猜檔名、API 或測試結果。說明以繁體中文撰寫，指出檔案與修改位置；檢查結果區分已知、待驗與未完成。只處理學生自己的練習副本，不改現有展示網站，不要求付費訂閱。Cursor AI 無法使用？改用 ChatGPT 備援
把上方指定的檔案內容、清單與補充資料，連同同一份 Prompt 貼入 ChatGPT 對話。只貼電腦上的路徑，無法讓它讀取你的檔案。
收到程式碼時，先核對檔名與修改位置，再手動存回自己的練習副本；若收到檢查表或補檔步驟，就逐項操作。不要把 Prompt 或程式碼框的反引號貼進 HTML／CSS。
兩邊都受限時，可先看既有參考成果、檢查差異與手動修改；未做過的 AI 生成或公開發布仍記待完成。不要貼入帳密、金鑰或真實個資。
複製只取得 Prompt 文字，檔案需自行在 Cursor 附上；本頁不會呼叫 AI 或自動完成關卡。
卡住時，APPA 給你一點線索
線索 1｜先接回上一堂的正常作品
確認姓名林小禾、技能版面設計、第三項服務活動頁設計。沒有自己的接續檔時可使用本關提供的練習檔；先前未做過的修改仍需補練。
線索 2｜這份 Prompt 產生的是檢查表
在 Cursor 附上正常 HTML、CSS、實際清單與發布指南文字，要求只回覆檢查表、不修改檔案。檢查與建立 publish-ready 副本由自己逐項完成。
回到自己的作品，逐項檢查
- 正常來源的 APPA、CSS、姓名、技能與服務正確，導覽與作品入口可操作。
- publish-ready/ 根層包含 index.html、styles.css 與 assets/，合計六個網站檔案。
- 正常來源仍保留；說明、筆記、故障副本與私人資料沒有混進發布資料夾。
尚未完成可以先往下看，之後再回來補做。
準備清楚，下一步才走得穩。
確認來源與發布副本都在，再前往下一關取得自己的網址。
關卡紀錄由你自行確認；本頁不會讀取 Cursor 檔案或自動驗收作品。
留下自己的檢查紀錄
這是第 2 堂共用筆記，換關卡仍會保留。未實際做過的操作寫「待完成」。
重設會清除第 2 堂六步勾選，筆記、另一堂進度與網站檔案保留。