• 00:00 1.
    設計網站首頁
  • 00:05 2.
    自訂頁面
  • 00:36 2.1
    公告模組
  • 01:02 2.2
    研討會與行事曆
  • 01:10 2.3
    媒體瀏覽模組
  • 01:27 3.
    網站設定 (banner、導覽列、網頁版權)
  • 01:56 4.
    選單管理
  • 02:46 5.
    重點整理
  • 索引
  • 筆記
  • 討論
  • 全螢幕
網站首頁設計 ~ 使用自訂頁面 (單位內應用的版型)
長度: 03:02, 瀏覽: 473, 最近修訂: 2022-01-26
系統首頁是透過「自訂頁面」的功能設計,每一個資訊區塊,都是獨立的模組。可以滿足更多樣性的資訊呈現,特色包括:
  • 可以隨意安排要呈現的內容、功能與版型。
  • 提供「模版」,快速設計美觀、有質感的頁面。
  • 支援電腦、平版、手機等各種裝置的瀏覽。
 
以下是如何將「預設範本」調整成自己網站的主要步驟。
重點
  1. 1.
    調整模組內容
    範例中的首頁,分別應用了以下的模組:
    • 快速前往:「一般模組 / 選單模組」
    • 最新公告:「公告模組 / 系統公告」
    • 行事曆、研討會:「一般模組 / 研討會模組」
    • 最新文件:「知識庫模組 / 媒體瀏覽」
    修改內容的方式很簡單,點模組右上角 6b3ab5350a738bdfda7ece17393c7294.png 工具列的「設計內容」即可編輯。
     
    關於各個模組的說明,請參考文件「模組簡介」。dc9c6cf19847d88c29d0e3166bff5173.png
  2. 2.
    版面設計
    如果想調整頁面上的資訊 (例如:新增、更換或移動模組位置),可以從網頁下方的「版面設計」進一步修改。
     
    關於版面設計的詳細介紹,請參考文件「版面的結構說明」。ce8a7dee67b564ae86c7449892601856.png
  3. 網站基本設定
  4. 3.
    網站資訊與 Banner 設計
    進入「系統管理 / 網站設定」後,通常進行以下設定即可 (圖片紅框處):
    • 網站名稱
    • banner 標題、logo 和背景圖片
    • 網站版權 (顯示在每一頁的最下面)
    為了在不同裝置有好的呈現效果, banner 背景圖片的設計需要一些技巧,更詳細的說明,請參考文件「設計 banner 背景圖片」。
     
    748351cc8fa003cd0afe3328c1345fe4.png
  5. 4.
    設計選單
    在「系統管理」側欄展開「選單管理」,可依需求修改網站的選單,包含
    • 系統選單
    • 網站選單
    • 使用者選單 (登入後才顯示)
     
    詳細的操作說明,請參考文件「設計選單」。
     
    770a81f291c1a4e5757f51f9ca0c1eda.png
    • 00:00 1.
      設計網站首頁
    • 00:05 2.
      自訂頁面
    • 00:36 2.1
      公告模組
    • 01:02 2.2
      研討會與行事曆
    • 01:10 2.3
      媒體瀏覽模組
    • 01:27 3.
      網站設定 (banner、導覽列、網頁版權)
    • 01:56 4.
      選單管理
    • 02:46 5.
      重點整理