元件設定

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

元件分類

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

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

元件通用設定

元件通用設定是指所有元件都擁有的基礎和附加設定,這類設定通常和該元件的主要功能無直接關係,設定位置則位於「右側設定區」。

A. 對齊與排序

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

B. 外觀設定

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

C. 動畫設定

WEBASite|動畫設定|V2.3

  1. 動畫效果:共分為「強調效果」、「進入動畫」、「 離開動畫」三大分類,並提供多達 57 種動畫效果。
  2. 動畫列表:顯示該元件被加上的單個或多個動畫效果,可透過下方設定產生不同的播放組合。
    1. 持續時間:透過調整秒速,影響動畫的變化速度。
    2. 延遲時間:透過調整秒速,網頁載入後動畫的出現時機。
    3. 動畫次數:透過調整次數,驅動動畫效果的出現次數
    4. 循環動畫播放列表:勾選開啟後,即依序循環播放動畫列表中的所有動畫效果。
  3. 設定方式:
    WEBASite|動畫設定 _ 3.設定方式|V2.3

    1. 點選任一元件,在「右側設定區」往下滑動到「動畫設定」。
    2. 點選你所需的「動畫效果」,該動畫即同時出現於下方「動畫列表」中。
    3. 你可在選取狀態時,設定「持續時間」、「延遲時間」、「動畫次數」、和「循環動畫播放列表」。
    4. 如需要在一個元件中加上多個動畫效果,請在「動畫效果」區內點擊空白處,再點擊其他動畫效果即可新增。
    5. 你可透過拖曳控制點,設定「動畫列表」中的「動畫效果」播放順序。

D. 框架設定

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