前言
學習頁面設計的最好方式，就是拿一個網站來「模仿」，有人手把手帶你從首頁開始，把每一頁都做一遍，直接手把手上機實戰，進步就很快，成效會很明顯且很有成就感。
模仿對象
準備工作
1、須完成「最新消息」的後台資料區建置
參考此篇 : [實作]首頁加入「最新消息」版型與內容
2、調整主選單(選單01)
把原本的主選單(即「選單01」)，按照被模仿網站的選單的名稱與順序(黃框處)，來重新做取名與排列，必要時新增該新增的頁面，再置入主選單中。
| 首頁 | 真實頁面 |
| 關於我們 | 真實頁面 |
| *最新消息 | 空連結(錨點連結) |
| *服務項目 | 空連結(錨點連結) |
| *精選案例 | 空連結(錨點連結) |
| 作品集 | 真實頁面 |
| 設計專欄 | 真實頁面 |
| 聯絡我們 | 真實頁面 |
3、增加(選單02)至主選單
這個視需求，有需要再增加。
在外觀/選單中，再建一組「選單02」。
在外觀/自訂中，我們要把這組「選單02」加入到主選單中。
4、調整「頁首」、「頁尾」的背景色。
到「外觀/自訂」裡面調整，調成深色，或調成你想要的顏色。
打開「外觀/自訂」後，可以在右邊直接點「主要列、下面列」即可快速進入設定的介面。
實作
▍ 使用元素工具 :
5個段。
標題、內容編輯器、錨點、媒體輪播、影音、Post文章、分隔線、按鈕。
▍ 使用小技巧 :
- 載入動畫。
- 手機版時，欄寬設50% 以達並排效果。
- 圖片設白色邊框加陰影。
- 背景覆蓋。
實作見課堂操作或影片(待補上)。
