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