CHAPTER 13 · PRACTICE WORKSPACE

作品集整合、回歸修復與階段展示

在既有整合頁修正錨點、間距與手機版回歸,留下修補前後證據

01 Starter 0/3
  1. 01Starter讀懂作品骨架
  2. 02Checkpoint 1加入第一項能力
  3. 03Checkpoint 2累積第二項能力
  4. 04Solution核對完整結果

TASK STATUS

三項任務目前狀態

TASK-01本階段處理

修正整合頁共同容器與可用錨點

修改檔案:index.htmlstyle.css

完成後看見:四個導覽連結都到正確區塊

TASK-02稍後處理

統一 Hero、內容區與卡片間距

修改檔案:style.css

完成後看見:各來源區塊像同一個網站而非貼上碎片

TASK-03稍後處理

完成手機回歸修正

修改檔案:style.css

完成後看見:320px 下導覽換行、作品一欄且無水平捲動

WORKSPACE

本階段實作區

先確認作品目前能做什麼、還缺什麼,再從 TASK-01 開始修改。

小綠作品集

前端學習紀錄

把零件組成真正作品

查看作品

關於我

我用清楚的結構整理每一次學習成果。

作品

活動頁

資訊層級與 CTA。

品牌頁

元件與 RWD。

聯絡

hello@example.com

CONTINUE

開始 TASK-01

下載版只包含 Starter;完成本頁操作後,請回線上教材進入 Checkpoint 1。

回到本頁 Starter 工作區(進入 Checkpoint 1 請回線上教材)