你可以在「編輯區 > 左側工具區」中,查看由 WEBA 提供的「元件」,並透過這些「元件」和其功能設定,組合出各種網頁應用。
元件分類
元件又分為四大類,分別有:內容、排版、社群和互動。
- 內容:文字編輯器、圖片、影片、地圖、選單
- 排版:圖示、裝飾圖案、輪播區塊、輪播圖、錨點
- 社群:社群追蹤
- 互動:按鈕、表單
元件通用設定
元件通用設定是指所有元件都擁有的基礎和附加設定,這類設定通常和該元件的主要功能無直接關係,設定位置則位於「右側設定區」。
A. 對齊與排序
- 對齊:點選任一元件後,可依「元件和元件」或「元件和畫布」之間進行對齊。
- 排序:點選任一元件後,可變更該元件的圖層排序。
B. 外觀設定
- 絕對位置:透過調整 X 軸(橫向)和 Y 軸(縱向),或直接拖曳元件,改變該元件在畫布的顯示位置。
- 尺寸:透過調整寬和高,或直接拖曳元件上的「控制點」改變該元件在畫布的顯示尺寸。
- 旋轉:透過調整角度,或直接拖曳元件上的「控制點」改變該元件在畫布的顯示角度。
- 開啟穿透:此設定僅出現於「圖片」、「圖示」、「裝飾圖案」、「輪播圖」元件。勾選開啟後,該元件將會被「穿透」,即無法被終端使用者點選。
C. 動畫設定
- 動畫效果:共分為「強調效果」、「進入動畫」、「 離開動畫」三大分類,並提供多達 57 種動畫效果。
- 動畫列表:顯示該元件被加上的單個或多個動畫效果,可透過下方設定產生不同的播放組合。
- 持續時間:透過調整秒速,影響動畫的變化速度。
- 延遲時間:透過調整秒速,網頁載入後動畫的出現時機。
- 動畫次數:透過調整次數,驅動動畫效果的出現次數
- 循環動畫播放列表:勾選開啟後,即依序循環播放動畫列表中的所有動畫效果。
- 設定方式:
- 點選任一元件,在「右側設定區」往下滑動到「動畫設定」。
- 點選你所需的「動畫效果」,該動畫即同時出現於下方「動畫列表」中。
- 你可在選取狀態時,設定「持續時間」、「延遲時間」、「動畫次數」、和「循環動畫播放列表」。
- 如需要在一個元件中加上多個動畫效果,請在「動畫效果」區內點擊空白處,再點擊其他動畫效果即可新增。
- 你可透過拖曳控制點,設定「動畫列表」中的「動畫效果」播放順序。
D. 框架設定
- 固定位置:開啟後,可將元件對齊固定在「瀏覽器上方」或「瀏覽器下方」。
- 同步其他分頁:勾選開啟後,可自行勾選將被固定的元件,同步出現於其他分頁的相同位置。