首頁：方向

您的選單列是訪客在您的網站上首先遇到的內容之一。透過使用有吸引力的、可點擊的連接來激發訪客的參與度，並透過將功能表列轉變為可根據您的需求進行自訂和修改的可重複使用的符號來考慮即將到來的自己。 

在本課程中，您將了解如何使用以下內容建立功能表列：

1. 整合選單欄
2. 增強選單列的風格
3. 將選單列變成符號

堅持我們並 獲取資源 對於本教程。 

整合選單欄

我們將納入一個 選單吧r位於主頁頂部： 

1. 訪問 航海家
2. 解鎖 合併面板
3. 導航 成分
4. 拖曳一個 選單列 進入 航海家 並將其放置在 身體

‍

這 選單列 組件附帶某些預設組件，包括 容器.

在之前的主頁英雄部分教程中，我們做了一個獨立的 容器 位於 部分。我們指定了最大寬度 容器 為 1200 像素，這會自動產生一個「Container」類別。 

讓我們回收“Container”類 選單列 預設 容器 這樣它也可以享受我們之前設定的 1200 像素最大寬度的好處： 

1. 選擇 選單列容器
2. 彈出 設計面板
3. 輸入 標識符字段
4. 從中選擇“容器” 目前課程

評論： 如果將類別指派給元素，則對該元素所做的所有樣式修改都會保留在該類別中。您可以在新元素上重複使用該類，以自動部署您產生的類別中保留的樣式。 

增強選單列

讓我們來修改一下背景色 選單列 為了幫助它與我們的設計更和諧地融合：

1. 選擇 選單列
2. 揭幕 設計面板 > 背景
3. 啟動調色板
4. 選擇黑色

改變背景色 選單列 黑色導致我們 選單列 連接與背景融合併變得模糊。我們將在將我們的徽標合併到 選單列: 

1. 啟動 資源面板
2. 將標誌放入品牌中 連結區塊

讓我們縮小徽標：

1. 選擇標誌 圖片
2. 抓住其中一個角點並將其移動到 196 x 28 像素

我們還可以將徽標居中並透過添加填充來擴展其可點擊空間：

1. 選擇品牌 連結區塊
2. 揭幕 設計面板 > 間距
3. 合併頂部和底部 填充 16 像素

評論： 您可以按住來快速向元素的相對兩側添加邊距或填充 選項 （在 Mac 上）或 替代 （在 Windows 上），並移動其中之一 利潤 或者 填充 監管機構。 

讓我們設計一下 選單連接 讓它們在黑色背景下清晰可見： 

1. 選擇一個 選單連接
2. 擴張 設計面板 > 版式
3. 打 調色盤 並將顏色指定為白色

要在所有上執行這些變更（以及後續修改） 選單連接，包括“選單連接”類別到每個 選單連接 在裡面 選單列:

1. 選擇後續的 選單連接 在裡面 選單列
2. 輸入 標識符字段
3. 選擇“選單連接” 目前課程
4. 為倖免的 1 人重做這些階段 選單連接

評論： 如果你在元素上使用了不正確的類，你總是可以從元素中刪除該類 標識符字段，然後從 目前課程 落下。更深入了解課程。 

讓我們授予 選單連接 透過調整邊距來增加彼此之間的距離：