无代码运动引起了很多兴奋，这是一股让我们无需代码即可创建软件的技术浪潮。但代码是互联网的核心。这并不是说它在创建网站和应用程序方面缺乏用处。这一举措实际上是为了通过可视化的方式让编码变得更容易（更快捷）。也就是说，您只需设计，然后像 Webflow 这样的平台会为您编写代码。
如果您以基于代码的设计思维来对待 Webflow，您将能够快速学会它。除此之外，你最终可能还会学习编码。
什么是 Webflow
Webflow 是一个网页设计和开发工具、电子商务、CMS 和托管平台。该平台的每个方面都由特定的产品/功能集表示：
设计师
一个基于网络标准和最佳实践的可视化网页 加拿大数据 设计工具。设计师将您的设计决策转化为干净的、可用于生产的 HTML、CSS 和 JavaScript。它的创建是为了让设计师能够以熟悉的方式开发网站，即在视觉上，而不会牺牲质量。
要体验 Webflow 的全部功能，最好将 Designer 与 CMS 和网络托管结合起来。
内容管理系统
与 Designer 一样，CMS是一种无代码的 Web 开发工具。它包含设计器中的元素（站点设计器工作的地方）和站点上的元素（客户和/或内容管理员工作的地方）。我们将最后一个元素称为编辑器，但我们稍后再讨论。
现在，只需知道在 Designer 中，CMS 允许您通过组合模块化“字段”来构建您将反复发布的内容类型 – 例如博客文章、产品页面等。
创建内容类型（我们称之为“集合” ）后，您可以使用设计器来确定集合项目在您网站上的显示方式（例如各个博客文章的显示方式）。
电子商务
Webflow Ecommerce让您利用 Designer 和 CMS 的强大功能来创建完全定制的电子商务体验。任何Webflow项目都可以转换为电子商务网站，但托管价格与普通网站略有不同。
您可以将您的电子商务网站连接到 Stripe、Apple Pay、PayPal 或 Google Pay 等支付网关，同时通过各种集成扩展您商店的功能。
托管
Webflow 难题的最后一部 手机号码 分是托管平台。由 Amazon Web Services (AWS) 和 Fastly 提供支持，它速度极快、超级可靠、具有企业级安全性，并且您需要它来享受一些最佳功能，包括：
- CMS
- 編輯
- 表单管理
- 响应式图像（根据设备自动调整图像大小以提高性能）
- 免费 SSL/HTTPS（增强的网站安全性，Google 基本上强制要求请求访问者信息的网站使用）
好的，现在我们有了基础，让我们来谈谈创建网站。
设计和建立主页
在创建我们的第一个空白项目之前，我们 塞斯·戈丁（seth godin）：我们领导的部落 需要了解网站在网络上的基本构建方式：HTML 和 CSS。
基础知识：盒子模型
网站使用“盒子模型”，这是一种设计原则，它让我们了解到网页上的所有内容基本上都是盒子中的盒子。这些框是称为“div”的 HTML 组件。
在上图中，我们有一个部分（以黑色轮廓）、一个容器（以红色轮廓）以保持部分内的所有内容响应，以及几个div（以蓝色轮廓）作为容器内的内容。
部分、容器和 div 的命名取决于如何使用所谓的 CSS 类来设置 div 的样式和标签。
我们使用 CSS 来设置这些 HTML 框及其内容的间距、定位、对齐、字体和样式。我们向每个框添加所谓的 CSS 类，这就像您为样式设置创建的预设。