下圖是 ee-class 首頁版面的架構,我們可以發現版面是由各個區塊所構成,每個區塊具有不同的功能,包括廣告看板、系統公告、精選課程、課程目錄 ... 等,這些功能在 ee-class 被稱為「模組」。透過「模組」與「區塊」的搭配可以呈現不同的效果,讓網站的風格呈現不同的變化,也可以讓瀏覽體驗變得更好。
cc4369f4674ab8fb8ff1c6cde589e3dc.png
詳細說明如下:
  1. 1.
    進入編輯版面
    我們可以從網頁下方的按鈕「編輯此頁面的版面」或是「系統管理 > 自訂頁面 > aba44b87c3929568cd269a37438a8f81.png」進入編輯,
    再依照所需要的功能,加入適合的「模組」,編輯出想要的版面型式。
  2. 2.
    編輯內容區塊
    在放置模組之前,要先決定如何切分整個版面欄位。
    系統預設已將整個版面切分為三大塊: 頂端 (#top)、內容 (#content) + 側欄 (#sidebar)、底端 (#bottom),搭配內容區塊,可以再針對這三大塊版面進行切分。
    配合想要的版型,直接將需要的內容區塊拖曳到下方,版面就會自動切出欄位,接下來只要將模組放入區塊內即可。
  3. 3.
    模組說明
    有些模組在版面上只能放置一次,不過大部分沒有限制次數,我們依照此區別將模組分為兩個頁籤,
    分別是「模組清單」與「系統模組」。
     
    「系統模組」:這些模組在同一頁版面上只能放置一次,已使用的模組會呈現暗色狀態,無法點選。
    2cdb67edf811725b44aece224f539406.png
     
    「模組清單」:這些模組在每一頁版面上沒有次數限制。
    09d62bd9298122703c01cf4f80f39482.png
  4. 4.
    編輯模組
    內容區塊編輯完成後,接下來就是讓每個欄位呈現出想要的資訊。
    首先,依照需求選擇對應功能的模組,直接拖曳到下方欄位,再調整模組的屬性即可完成模組的編輯。
    Location
    Folder name
    ee-class (易課教學平台)
    Published
    2017-06-27 22:01:11
    Views
    1,312
    Uploaded by
    鍾玉芳
    Division
    台灣數位學習科技
    1. 1.
      快速入門
    2. 2.
      學生端操作
    3. 3.
      建立教學內容
    4. 4.
      為影片加值
    5. 5.
      設計教學活動
    6. 6.
      學習歷程與分析統計
    7. 7.
      課程管理
    8. 8.
      系統管理 ~ 課程
    9. 9.
      系統管理 ~ 頁面設計
    10. 10.
      系統管理 ~ 使用者
    11. 11.
      系統相關設定
    12. 12.
      EverCam 教學
    13. 13.
      其它
    14. 14.
      著作權相關
    15. 15.
      開放課程應用