一份結構清晰、視覺豐富的商業網頁設計教學，涵蓋：畫布建立 → 灰色主區塊圖層樣式（投影、內發光、漸變、描邊） → 大圖展示區圓角矩形+圖層樣式 → 四色功能塊（橙/綠/黃/藍）+ 徑向漸變高光疊加 50% → 頂部導航欄矩形+內陰影/描邊/漸變 → 半圓指示器製作（柵格化/橡皮擦刪除下半部）+ 內陰影凹陷質感 → 圖示與分隔線樣式統一 → Logo 區塊 → 底部圓角矩形+複雜漸變描邊 → 右上角圓形剪貼蒙版+多重圖層樣式 → 內容區排版（標題/正文反差、分隔線） → 底部版權資訊。每步附圖層樣式參數截圖，適合 UI 設計師系統練習網頁視覺規範與圖層樣式運用。