元件設定

你可以在「編輯區 > 左側工具區」中，查看由 WEBA 提供的「元件」，並透過這些「元件」和其功能設定，組合出各種網頁應用。

元件分類

元件又分為四大類，分別有：內容、排版、社群和互動。

1. 內容：文字編輯器、圖片、影片、地圖、選單
2. 排版：圖示、裝飾圖案、輪播區塊、輪播圖、錨點
3. 社群：社群追蹤
4. 互動：按鈕、表單

元件通用設定

元件通用設定是指所有元件都擁有的基礎和附加設定，這類設定通常和該元件的主要功能無直接關係。

A. 對齊與排序

1. 對齊：點選任一元件後，可依「元件和元件」或「元件和畫布」之間進行對齊。
2. 排序：點選任一元件後，可變更該元件的圖層排序。

B. 外觀設定

1. 絕對位置：透過調整 X 軸（橫向）和 Y 軸（縱向），或直接拖曳元件，改變該元件在畫布的顯示位置。
2. 尺寸：透過調整寬和高，或直接拖曳元件上的「控制點」改變該元件在畫布的顯示尺寸。
3. 旋轉：透過調整角度，或直接拖曳元件上的「控制點」改變該元件在畫布的顯示角度。
4. 開啟穿透：此設定僅出現於「圖片」、「圖示」、「裝飾圖案」、「輪播圖」元件。勾選開啟後，該元件將會被「穿透」，即無法被終端使用者點選。

C. 動畫設定

1. 動畫列表：顯示該元件的所有動畫效果，一個元件可被加上多種動畫，並透過動畫效果的設定產生不同的組合依序播放。
2. 新增動畫：點擊「新增」後，即在動畫列表中加入一預設動畫效果。
3. 動畫效果：目前提供多達 77 種動畫效果，包含：彈跳、淡入、翻轉、滑入…等。
4. 持續時間：透過調整秒速，影響動畫的變化速度。
   1. 延遲時間：透過調整秒速，網頁載入後動畫的出現時機。
   2. 動畫次數：透過調整次數，驅動動畫效果的出現次數
   3. 循環動畫播放列表：勾選開啟後，即依序循環播放動畫列表中的所有動畫效果。

D. 框架設定

1. 固定位置：開啟後，可將元件對齊固定在「瀏覽器上方」或「瀏覽器下方」。
2. 同步其他分頁：勾選開啟後，可自行勾選將被固定的元件，同步出現於其他分頁的相同位置。