通過使用編輯器 X 上的固定位置,將元素鎖定到位以在用戶滾動頁面和元素的父容器時保持它們可見。
加入產品經理 Sebi 以獲得完整的站點構建演示。 熟悉您的工作區,獲取常見問題解答,並了解如何使用垂直部分、CSS 網格和 flex 佈局構建站點。
了解如何設置團隊帳戶,為每個人提供對帳戶中每個站點的定制訪問權限——非常適合代理和設計團隊。
在懸停時將交互應用於任何元素,以在 Editor X 上設計動態 Web 體驗。自定義每個斷點的交互設置,從外觀到轉換屬性和時序控制。
探索如何在 Editor X 畫布上與您的團隊成員和個人協作者實時共同創作。
使用 Editor X 上的視頻工具和裝飾元素將您最大膽的創作變為現實。了解如何添加和編輯透明視頻、VideoBox 和 Vector Art 以創建卓越的 Web 體驗。
在 Editor X 上探索強大圖像的潛力。了解如何在每個站點頁面上添加、設置樣式、替換和定位圖像。 了解如何組織圖像並調整其屬性以創建卓越的 Web 體驗。
發現 Editor X 工作區。 了解您的高級佈局工具以及響應式網頁設計功能(如斷點、彈性框和 CSS 網格)的概述。
了解如何使用頁面、部分和容器在 Editor X 上構建網站。 根據需要添加任意數量的頁面和部分,重新排列它們並使用圖層和麵包屑在它們之間導航。
了解如何分配和管理角色和權限,為團隊成員、客戶和站點協作者提供量身定制的編輯體驗。
與您的團隊創建、管理和共享設計庫,以簡化您的工作流程並推動協作。 通過添加排版、顏色主題和設計資產來構建庫,並在同一帳戶的任何站點上重複使用它。
使用堆棧來控制元素之間的垂直關係並防止在較小的屏幕上重疊。 添加、刪除和組織堆棧中的元素,以確保您的內容在每個視口保持其順序。
使用 CSS 網格設計複雜的佈局。 了解如何應用網格、將元素停靠到網格線以及使用自定義單位編輯網格。
使用自定義斷點為每個設備創建量身定制的體驗。 找出在 Editor X 上在哪裡可以找到斷點,以及如何使用它們在每個視口寬度上編輯元素的樣式、位置和行為。
探索 Editor X 上的 Masters 面板。了解如何將任何部分轉換為 Master,以便您可以保存和重複使用您的設計。
了解如何在每個站點上創建和管理多個自定義菜單,並按斷點設計它們。 使用 Editor X 上的自定義菜單優化您的站點導航。
使用 Layouter 設計帶有包裝在每個視口的框的響應式佈局。 添加元素,控制換行行為,並根據斷點自定義佈局。
深入了解網頁設計中的層次結構概念。 了解網站的結構、滿足親子模型並了解元素如何相互作用。
在 Editor X 畫布上實時了解如何與您的團隊成員、客戶和合作者溝通。
在 Editor X 上發現 3 種利用 flexbox 技術的佈局工具。 使用堆棧、佈局器和中繼器,您可以讓您的內容在所有視口中無縫調整。
使用中繼器以統一的樣式在多個框中顯示動態內容。 添加和管理項目,自定義佈局並針對每個斷點優化中繼器。
部分使您的內容井井有條,並讓您在每個頁面上創建多種設計體驗。 重新排列它們,將它們翻轉為垂直並在每個斷點處自定義它們。
發現完全設計的部分和線框,所有這些都具有內置的響應行為。 將它們添加到任何站點以加速您的創作流程,或將它們用作藍圖以了解它們是如何構建的。
瀏覽 Inspector 面板,您可以在其中控製網站上所有元素的大小、位置和行為。 這是面板上所有屬性和下拉選項的概述。
了解在 Editor X 上創建站點的基礎知識。獲取涵蓋關鍵特性和功能的分步演練。
探索今年的獲獎網站,讓他們的故事激發您自己的創作靈感。