Webflow 入門 - Webflow 幫助
了解如何使用 Webflow。
在 Webflow 中，您可以在不同的頁面、分支和地區結構化、建構和設計您的網站。Webflow 讓您能夠有效地創建和管理動態內容和數據，並提供工具來分析和優化網站性能。您還可以分享您的作品，徵求反饋，最後將您的網站發佈到專用環境（如測試和生產環境）。
您可以從 儀表板 點擊您的網站縮圖或從 網站設置 點擊上方工具欄中的 開啟網站 來訪問 Webflow。您在 Webflow 中可以訪問的工具取決於您的網站角色（例如，審核員、內容編輯等），因此您可以快速訪問所需的工具，而不必理會不需要的工具。
在您開始之前
查看 Webflow 的支持的瀏覽器、設備和屏幕分辨率。
多用戶協作
多位團隊成員可以在 Webflow 中共同協作一個網站。為了保持設計過程的流暢性，您可以在團隊成員之間交接設計控制，並實時查看其他人在網站中的工作位置。
Webflow 介面的概述
當你在 Webflow 中打開你的网站时，显示你网站的主屏幕就是畫布。圍繞畫布的是以下工具栏和面板：
- 頂部工具栏包括选项卡导航、上下文栏和网站操作（例如，协作和发布工具）。
- 畫布工具栏包括撤销/重做、面包屑导航、扩展断点和画布设置。
- 左侧工具栏包括主菜单、各种工具和导航面板、设置、网站审核和教程。
- 右侧工具栏包括元素样式、设置和交互。
畫布
Webflow 中最大的区域是畫布。这是你可以实时与页面互动和设计的地方。你可以选择元素、移动它们，并直接在页面上编辑内容。Webflow 会自动保存你的工作，但你可以通过按下 Command + S（在 Mac 上）或 Control + S（在 Windows 上）手动保存你的网站。
頂部工具栏
頂部工具栏让你快速访问设计模式、CMS、分析、优化、本地化、页面切换器和网站操作。
主要的选项卡导航包括设计选项卡、CMS选项卡和洞察选项卡。
- 设计选项卡 — 此选项卡指示当前模式（例如，设计、构建等），并允许你在模式之间切换或创建页面分支。成员的网站角色决定了可用的模式。例如，网站管理员和设计师可以访问设计模式，而营销人员只能访问构建模式。
- CMS 选项卡 — 打开 CMS（内容管理系统）面板，在这里你可以创建和管理集合、集合项目和电子商务产品和类别。
- 洞察选项卡 — 打开 洞察面板，在这里你可以访问分析和优化。分析提供全站分析和可操作的洞察。优化让你在你的网站上运行实验，以测试不同的样式、布局、流程、措辞、图像等。
上下文欄
上下文欄讓您管理網站優化並在語言區域、頁面、集合頁面和集合項目之間切換。它還會顯示您何時正在編輯主要組件（而不是組件實例），以及設計審批狀態。
網站操作
網站操作與您所在的特定頁面或網站本身相關。在此處還列出了實時協作的團隊成員，並附有頭像或計數。
- 分析模式 — 獲取頁面級別的分析和見解（例如，訪客滾動的距離和點擊的位置）。
- 評論 — 查看其他團隊成員留下的評論或添加您自己的反饋/筆記。
- 預覽 — 切換到預覽模式。
- 分享 — 生成只讀網站鏈接。
- 發布 — 發布您的網站。
畫布工具列
畫布工具列預設位於畫布上方，但您可以在畫布設定中將其移至下方。
- 復原/重做圖示 — 快速還原或重新應用更改。
- 階層導航 — 顯示所選元素的元素階層。
- 畫布設定 — 不同選項（例如標尺、指南、文字縮放預覽）。
- 斷點 — 預覽和編輯不同裝置尺寸。
左側工具列
包含網站結構的主選單和面板。
點擊 Webflow 標誌以進入主選單。
- 元素、元件、頁面的快速查找
- 復原/重做操作
- 匯出代碼
- 鍵盤快捷鍵
- 開啟 CSS 預覽
- 獲取幫助或發送反饋
面板和網站活動記錄
- 新增面板 — 快捷鍵：A
- 頁面面板 — 快捷鍵：P
- 導航面板 — 快捷鍵：Z
- 元件面板 — 快捷鍵：Shift + A
- 變數面板 — 快捷鍵：G
- 樣式選擇器面板 — 快捷鍵：J
- 資產面板 — 快捷鍵：L
- 庫面板 — 快捷鍵：L
- 應用程式面板 — 快捷鍵：E
- 網站活動記錄 — 設計更改記錄
設定、AI 學習助手、審核、快速查找和教程
- 設定面板 — 介面、搜尋、備份、本地化。
- AI 學習助手 — AI 驅動的幫助。
- 審核面板 — 快捷鍵：U。
- 快速查找 — 快捷鍵：Command + E（Mac）、Control + E（Windows）。
- 視頻教程面板 — 免費視頻課程。
右側工具欄
包含元素樣式、設定和互動的面板。
- 樣式面板 — 快捷鍵：S。
- 元素設定面板 — 快捷鍵：D。
- 互動面板 — 快捷鍵：H。
常見問題
Webflow 支援哪些瀏覽器？
Webflow 正式支援所有現代瀏覽器的最近三個主要版本：Chrome、Edge、Firefox 和 Safari。這適用於平台和已發佈的網站。
對於支援有限的功能，請參閱相關文章：
Webflow 不支援 Internet Explorer。
Webflow 支援哪些螢幕解析度/裝置？
Webflow 需要螢幕寬度至少 1268px的桌上型/筆記型電腦。
為什麼 Webflow 是線上/託管應用程式，而不是可下載的應用程式？
Webflow 是線上/託管的，以允許在瀏覽器中設計和快速更新。
- 所見即所得設計 — 直接影響 HTML/CSS。
- 快速更新 — 永遠是最新版本，無需手動更新。