Webflow简介 - 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。
- 快速更新 — 始终是最新版本，无需手动更新。