CHAPTER 06 · PRACTICE WORKSPACE

Flex 入門:導覽列與左右兩欄

完成橫向導覽列與左右排列介紹區

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

TASK STATUS

三項任務目前狀態

TASK-01已完成

讓導覽連結橫向排列

修改檔案:style.css

完成後看見:三個導覽連結排成同一列

TASK-02已完成

分開品牌與選單

修改檔案:style.css

完成後看見:品牌靠左、選單靠右

TASK-03已完成

建立介紹區左右兩欄

修改檔案:style.css

完成後看見:圖像與文字並排且有間距

WORKSPACE

本階段實作區

已完成 TASK-03;請操作完整作品,逐項核對三項 Task 的可見結果。

第 05 章交棒

Hero 已經可讀,現在把入口排成導覽隊伍

上一章已完成背景、文字與 CTA 的可讀性;本章只新增共同父層、主軸與間距,讓入口與介紹內容站成清楚的隊伍。

小安作品集
窗邊工作桌示意圖

ABOUT ME

我把想法整理成容易使用的畫面

目前練習 HTML 與 CSS,並持續把每堂成果合回作品集。

作品

這裡會整理已完成的網站作品。

聯絡

聯絡方式將在後續章節補上。

CONTINUE

把完成品帶進本章創作挑戰

三項固定任務都已完成;下一步請改造需求、留下成果證據,不要停在照抄 Solution。

前往本章創作挑戰