無程式碼運動令人興奮，這一技術浪潮使我們能夠創建無程式碼軟體。但代碼位於互聯網的中心。這並不是說沒有使用它來創建網站和應用程式。這項運動實際上專注於透過視覺化方式使編碼變得更容易（更快）。也就是說，您只需進行設計，Webflow 等平台即可為您編寫程式碼。
如果您以設計、基於程式碼的基礎思維方式接觸 Webflow，您將能夠快速掌握它。最重要的是，您最終可能還會學習如何編碼。
目錄[顯示]
什麼是網路流
Webflow 是一個網頁設計和開發工具、電子商務、CMS 和託管平台。平台的每個方面都由特定的產品/功能集代表：
設計師
一個完全基於網路標準和最佳實踐的視覺化網頁設計工具。 Designe 購買電話號碼列表 r將您的設計決策轉化為乾淨、可用於生產的 HTML、CSS 和 JavaScript。它的創建是為了讓設計師能夠以熟悉的方式（即視覺方式）開發網站，而不犧牲品質。
要體驗 Webflow 的全部功能，最好將 Designer 與 CMS 和 Web 託管結合。
內容管理系統
與 Designer 一樣，CMS是一種無程式碼 Web 開發工具。您在設計器（網站設計器工作的位置）中擁有元素，在網站（用戶端和/或內容管理員工作的位置）中擁有元素。我們將最後一個元素稱為編輯器，但我們稍後會討論它。
現在，只需知道在 Designer 中，CMS 允許您透過組合模組化「欄位」來建立將重複發布的內容類型，例如部落格文章、產品頁面等。
建立內容類型（我們稱為Collections ）後，您可以使用 Designer 來確定 Collection 專案在網站上的外觀（例如各個部落格文章的外觀）。
電子商務
Webflow Ecommerce讓您可以利用 Designer 和 CMS 的強大功能來創建完全客製化的電子商務體驗。任何Webflow專案都可以變成電子商務網站，但託管價格與普通網站略有不同。
您可以將電子商務網站與 Stripe、
Apple Pay、Paypal 或 Google Pay 等支付網關連接，同時透過各種整合擴展商店的功能。
託管
Webflow 拼圖的最後一塊是託管平台。它由 Amazon Web Services (AWS) 和 Fastly 提供支持，速度極快、超級可靠，具有企業級安全性，您需要它來享受一些最佳功能，包括：
內容管理系統
編輯
表單管理
響應式影像（每個裝置自動調整影像大小以提高效能）
免費 SSL/HTTPS（增強的網站安全性，Google 基本上是要 如何細分您的特殊資料庫以獲得最大的行銷影響 求訪客資訊的 網路流程指南 網站的必備功能）
好了，基礎有了，接下來我們來談談網站的創建。
設計和建構主頁
在創建第一個空白專案之前，我們需要了解網站從根本上是如何在 007 厘米 網路上建立的：HTML 和 CSS。
基礎知識：盒子模型
網站使用“盒子模型”，這種設計原則使我們能夠理解網頁上的所有內容基本上都是盒子中的盒子。這些框是稱為「div」的 HTML 元件。
在上圖中，我們有一個部分（黑色輪廓）、一個容器（紅色輪廓）以保持該部分內的所有內容響應，以及幾個充當容器內內容的div （藍色輪廓）。