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