完成個人介紹標題
修改檔案：index.html
完成後看見：頁面顯示姓名與職涯方向
個人介紹
小安｜前端學習者
我喜歡把生活中的問題整理成簡單畫面。
認識我
這是我準備網站作品時最常使用的工作桌。
我正在學什麼
請說明觀看這段內容的目的
CHAPTER 02 · PRACTICE WORKSPACE
HTML 結構、圖片路徑與第三方嵌入
完成含文字、圖片、觀看目的、外部連結與嵌入影片的個人介紹頁
03
Checkpoint 2
2/3
- 01Starter讀懂作品骨架
- 02Checkpoint 1加入第一項能力
- 03Checkpoint 2累積第二項能力
- 04Solution核對完整結果
TASK STATUS
三項任務目前狀態
修正圖片來源與替代文字
修改檔案：index.html
完成後看見：個人照片正常顯示且有可讀的 alt
嵌入影片並補上觀看目的與外部連結
修改檔案：index.html
完成後看見：影片可播放，旁邊有觀看目的與可開啟的外部連結
WORKSPACE
本階段實作區
已完成 TASK-02；先核對可見結果，再前往 TASK-03。
FOCUS TASK · TASK-03
現在只處理：嵌入影片並補上觀看目的與外部連結
講解時展開：2 個小型比較
iframe vs a｜嵌入與跳轉
比較：iframe 把外部內容嵌入目前頁面，a 則把使用者帶到另一個目標；用途不同。
現在做：把 #intro-video 的 src 暫時換成有效 embed URL，並替 #media-source 加上一個有效 HTTPS href；重新整理後比較影片留在頁面內播放、連結則導向另一個目標。
看預期與證據
預期：iframe 內容嵌在目前頁面，a 連結會離開目前頁面或開啟新目標；兩者都需要各自的 src 或 href。
證據：截圖或口述 iframe 仍在頁面內、外部連結的 href 與實際開啟位置。
觀看目的 vs 裝飾媒體｜媒體要有任務
比較：影片旁的文字要說明為什麼觀看，而不是只放一個看起來熱鬧的嵌入區。
現在做：在 #media-purpose 寫一句能回答「為什麼要看」的具體目的，再對照 iframe 畫面與外部連結文字；刪掉目的句後比較頁面是否只剩裝飾媒體，最後恢復。
看預期與證據
預期：觀看目的能把媒體與本章學習任務連起來；外部連結提供延伸行動，兩者不是只靠影片畫面或按鈕文字代替。
證據：用一句話說出觀看目的，並指出它對應的 iframe 內容與外部連結各自負責什麼。
需要排錯時查看：任務循環（觀察 → 預測 → 實作 → 故障 → 驗收）
- A｜觀察：在 Checkpoint 2 確認圖片可見且 alt 可讀，接著找到仍顯示未完成內容的 iframe、觀看目的與外部資源連結。
- B｜預測：先讀影片旁的觀看目的，再按下播放鍵，最後點擊外部連結確認能開啟有效 HTTPS 頁面。
- C｜實作：在 index.html 的 #intro-video、#media-purpose、#media-source 完成「嵌入影片並補上觀看目的與外部連結」，一次只處理本任務責任。
- D｜故障：若結果不一致，先依原操作重現，再檢查 #intro-video、#media-purpose、#media-source 與 index.html，最後重跑原操作。
- E｜驗收：影片可播放，旁邊有觀看目的與可開啟的外部連結
完成條件：DONE-03：影片可播放，旁邊有觀看目的與可開啟的外部連結
CONTINUE
繼續完成 TASK-03
前往 Solution，依要求完成「嵌入影片並補上觀看目的與外部連結」。