元件設定

你可以在「編輯區 > 左側工具區」中,查看由 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. 同步其他分頁:勾選開啟後,可自行勾選將被固定的元件,同步出現於其他分頁的相同位置。
Prev
提示
Next
儲存
選單