基礎篇 part.2 ：課程大綱1. 連結模組：內外部頁面連結、下載選單的製作2. 連結模組：選單與頁面的串聯3. 自定模組：一個空白的 html 框架4. 頁籤模組：多個不同的模組以頁籤的形式呈現5. 複合模組：一次多欄的顯示6. 帳號管理 & 密碼修改

複合模組：一次多欄的顯示

ePage 教育訓練( 基礎篇： part.2-5)

講義編撰者：李嘉宇( 分機： 1613)

主題五複合模組：一次多欄的顯示

複合模組的概念與位置

複合模組使用上的限制

複合模組使用方式

主題五 複合模組：一次多欄的顯示複合模組的概念與位置

複合模組：解決預設值最多只有三欄式的欄位限制當主題眾多時，需要讓頁面有多欄位的顯示時，可利用複合模組的功能解決複合模組可以包括不同的模組類型(p.s. 複合模組可加入頁籤模組、頁籤模組不能加入複合模組 )

公告模組自訂模組 頁籤模組連結模組Ex. 頁面樣式為兩欄式設定，中間欄加入複合模組 複合模組

p.s. 複合模組的名稱不會在前台顯示

主題五 複合模組：一次多欄的顯示複合模組的概念與位置

當所加入複合模組中所包括的模組超過複合模組所設定的每列模組個數時，頁面顯示為設定的每列模組個數，超過的模組就會換到下一列去…依此類推模組 2模組 1 模組 4模組 3

複合模組：此複合模組每列模組個數設定為 2 ，但有 4 個模組加入此複合模組當頁面兩欄式，中間欄放複合模組

模組 2模組 1

模組 4模組 3

實際複合模組的顯示方式有四個模組在復合模組中每列 2 個模組，超過的模組則換至第二列，繼續依左至右排序

複合模組中包括的模組超過複合模組所設定的每列模組個數時會換列顯示

( 實際顯示 )

複合模組的新增、修改或刪除位置

主題五 複合模組：一次多欄的顯示複合模組的概念與位置

在後台主選單中選擇 模組管理 -> 複合模組

新增複合模組 (1/4)

主題五 複合模組：一次多欄的顯示複合模組使用方式

在複合模組下按下新增複合模組跳出新增複合模組視窗

模組名稱：複合模組的名稱

資料有效否：有效 ( 資料會顯示前台 )無效 ( 資料不會顯示前台但資料存在 )

Step.1 先設定基本資料(1/3)

發佈日期 :此日期到時此模組就會顯示於前台失效日期 :此日期到時此模組就會隱藏於前台

新增複合模組 (2/4)

主題五 複合模組：一次多欄的顯示複合模組使用方式

按下選擇模組的下拉式選單選擇要加入的模組( 反白後按下新增，重複此動作 將要加入複合模組的模組加入 )

Step.1 先設定基本資料(2/3)

p.s.下拉式選單排類的方式是同類型排再一起，方便其找尋

新增複合模組 (3/4)

主題五 複合模組：一次多欄的顯示複合模組使用方式

順序：排序個模組的頁籤順序 ( 前後台對照 )後台的排序：上 -> 下 前台的顯示：左 -> 右按綠下箭頭 -> 往下移 按黃上箭頭 -> 往上移

移除：將所選擇的模組移除此頁籤模組類別 & 模組標題加入模組的類型與名稱

在復合模組中的模組，顯示的名稱為原來的模組名稱 ( 不能像頁籤模組更改頁籤顯示的名稱 )

Step.1先設定基本資料 (3/3)

新增複合模組 (4/4)

主題五 複合模組：一次多欄的顯示複合模組使用方式

每列模組個數在復合模組中每列所顯示的模組，超過每列模組個數的模組則換至第下列，繼續依左至右排序

最後完成時請記得儲存

每列寬度復合模組中在所在欄位，其復合模組裡所包含的模組顯示的寬度百分比

Step.2. 模組設定

將複合呼叫於頁面中

主題五 複合模組：一次多欄的顯示複合模組使用方式

頁面樣式 -> 首頁畫面設定 -> 按下模組列表開啟列表 -> 選擇常用模組 -> 複合 -> 選擇要呼叫至首頁的複合EX. 以插入首頁為例

刪除複合模組

主題五 複合模組：一次多欄的顯示複合模組使用方式

模組管理 -> 複合模組

( 複習 )

可勾選後、 刪除或 刪除多語 也可以單筆刪除 單筆刪除多語

刪除多語 ( 刪除所有語系 )

刪除 ( 刪除所在語系，其他語系保留 ) 因為同樣的模組類型不能有重複的檔名故若使用刪除而不是刪除多語，日後若要新增同樣頁籤檔名的模組 -> 會顯示資料已存在 ( 無法新增 )

修改複合模組

主題五 複合模組：一次多欄的顯示複合模組使用方式

按下要更改設定或內容的複合模組按下『完整編輯』

跳出頁籤模組的編輯視窗修改編輯

修改完後請按請記得儲存

主題五 複合模組：一次多欄的顯示複合模組使用方式

Ex. 真理大學資訊安全網http://auis.epage.au.edu.tw

第一列 ( 二欄式：左邊欄 -- 分類清單 / 中間欄—頁籤模組 )

( 第一列 )

( 第二列 )

( 頁尾 )

( 頁首 )

( 第三列 )

( 首頁畫面設定 )

第二第 = 列 ( 一欄式：中間欄—複合模組 )每列模組個數— 2 / 此複合模組包含模組數 — 6

第三第 = 列 ( 一欄式：中間欄公告模組*2)

1 2

3 4

5 6

複合模組

主題五 複合模組：一次多欄的顯示複合模組使用上的限制

1. 使用複合模組時，為使前臺顯示美觀，盡量保持同一列各模組高度基本一致若模組不一致，模組每列的列高則以較長的模組為列高

模組二模組一 複合模組的列高以模組一為列高

2. 複合模組中模組跟模組的兼具為內定，故不能更改

主題五 複合模組：一次多欄的顯示複合模組使用上的限制

3. 複合模組中若其所包含的模組數無法被每列模組個數整除時，頁面就會留白此複合模組

複合模組模組 1 模組 2 模組 3

此空白不能部任何東西

模組 4

模組 5 模組 6 模組 7

每列模組個數： 4 所有模組個數： 7 7 除以 4 餘1

主題五 複合模組：一次多欄的顯示複合模組使用上的限制

4. 複合模組中的模組式以左至右排序顯示超過複合模組的每列模組個數會換行繼續以左至右排列，無法像頁面的欄位設定彼此獨立頁面欄位模組 1

模組 2

模組 3

複合模組模組 1 模組 2

模組 3

反觀，頁面欄位一行無法有兩個一上的模組，只能由上至下排列

單元複習1. 複合模組的概念與位置2. 複合模組使用方式3. 複合模組使用上的限制

主題五複合模組：一次多欄的顯示