基礎篇 part.1 ：課程大綱

1. 基本操作：前後台的資源與分佈

2. 資訊頁與模組的概念

3. 內容管理：主選單的概念

4. 公告模組：公佈欄的使用

5. 首頁畫面設定：首頁的顯示

資訊頁與模組的概念

ePage 教育訓練

( 基礎篇： part.1-2)

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

主題二

網頁結構： 資訊頁與模組的概念

基本的網頁結構概念與建置網站流程

資訊頁：插入附檔、圖片與表格等內容頁面

模組：能重複呼叫出使用的功能性群組

預設佈局與自定義佈局的差異

模組佈局與頁面佈局的差異

資訊圖檔：大圖小圖的差別與使用時機

主題二

網頁結構： 資訊頁與模組的概念ePage 建置網站流程

Step.01. 模組的建立

Step.02. 在模組下資訊的建立

Step.03. 將模組上架至指定頁面上

樹狀圖的概念，將網頁以分類架構 ( 內容分類清單、公告模組 )

在模組下建立資訊頁

放於首頁、自訂頁面…等指定頁面上

內容管理 ( 分類清單 )

主題二

網頁結構： 資訊頁與模組的概念ePage 建置網站流程概念圖 (1/3)

Step.01.模組的建立 ( 內容管理：分類清單 )

分類 2

分類 1

分類 3

分類 4

資訊 1 資訊 2

資訊 3 資訊 5

資訊 8

資訊 9

資訊 4

資訊 6 資訊 7

建立分類清單的分類 ( 主選單的分類 )

Step.02.在模組下資訊的建立( 內容管理：分類清單 )

在建立分類清單下新增資訊

建立分類清單並在分類清單下增加資訊頁

主題二

網頁結構： 資訊頁與模組的概念ePage 建置網站流程概念圖

(2/3)Step.01.模組的建立 ( 模組管理：公告模組 )

模組管理 ( 公告模組 )

公告模組 1

資訊 10

建立公告模組

Step.02.在模組下建立資訊頁 ( 模組管理：公告模組 )

在公告模組下新增資訊

公告模組 2

公告模組 3 公告模組 4

資訊 11 資訊 13資訊 12

資訊 16資訊 14 資訊 15

建立公告模組並在公告模組下增加資訊頁

頁面設定

主題二

網頁結構： 資訊頁與模組的概念ePage 建置網站流程概念圖

(3/3)

公告模組 1

資訊 10 資訊 11

公告模組 2

資訊 13資訊 12

公告模組 3

資訊 14

公告模組 4

資訊 16資訊 15

將模組 ( 分類清單 ) 上架至頁面( 首頁、自訂頁面… )

Step.03.將模組 ( 分類清單 ) 上架至指定頁面上

內容管理 ( 分類清單 )

分類 2

分類 1

分類 3

分類 4

資訊 1 資訊 2

資訊 3 資訊 5

資訊 8

資訊 9

資訊 4

資訊 6 資訊 7

因為 ( 分類清單 ) 為主選單的概念故只有一個

主題二

網頁結構： 資訊頁與模組的概念模組：能重複呼叫出使用的功能性群組

(1/3)模組：用來擺放資訊，可應用於建立公告、廣告以及各項連結

如何建立：進入模組管理功能 新增模組

公告模組、連結模組、自定模組、廣告模組、頁籤模組、複合模組、投票模組、投票題組、表單模組、問卷模組、選單模組、排行模組、 RSS 訂閱

不同的模組有不同的功能

主題二

網頁結構： 資訊頁與模組的概念模組：能重複呼叫出使用的功能性群組

(2/3)

公告模組、連結模組、自定模組、廣告模組、頁籤模組、複合模組、投票模組、投票題組、表單模組、問卷模組、選單模組、排行模組、RSS 訂閱

不同的模組有不同的功能

主題二

網頁結構： 資訊頁與模組的概念模組：能重複呼叫出使用的功能性群組

(3/3)

( 重複呼叫的概念 )

同個模組可以在同個頁面中出現多次

ex. 資訊頁的各別頁面設定、首頁畫面設定、定頁面設定…等同個模組可呼叫到不同的頁面中

只要有頁面就可以叫出模組

模組可以在所在的頁面中調整位置

主題二

網頁結構： 資訊頁與模組的概念資訊頁：插入附檔、圖片與表格等內容頁面

可重複呼叫與使用的概念 )

資訊頁同時可以給多個模組所擁有

簡單的來說，就是網頁內容擺放的位置，有標題、內文、表格、圖片、附檔等等擺放的地方

資訊頁概念

資訊頁名稱不能重複

資訊頁只能加在內容管理的分類清單或模組管理的公告模組之中

主題二

網頁結構： 資訊頁與模組的概念資訊頁：增加資訊頁 (1/2)

( 法一 ) ：於內容管理下新增資訊頁 ( 內容管理 -> 新增資訊 )

主題二

網頁結構： 資訊頁與模組的概念資訊頁：增加資訊頁 (2/2)

( 法二 ) ：於模組管理中的公告模組新增資訊頁

( 內容管理 -> 公告模組 -> 新增資訊 )

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：基本資料

(1/2)新增資訊：基本資料 資訊名稱 ( 在同個 EPAG 中不可重

複 )

詳細說明：資訊頁上的完整內容

簡單說明：在模組中顯示的資訊內容

若在模組佈局或在頁面佈局勾選顯示內容就會顯示

P.S.兩者不會同步

( 在另存或修改更新時請注意 )

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：基本資料

(2/2)新增資訊：基本資料

選擇編輯區為純文字或 html

編輯區

將此資訊頁加到所選擇所屬資訊分類或選擇所屬公告模組

發布日期：為資訊在前台開使顯示的日期到期日期：為資訊在前台開使下架的日期

資訊狀態：若無效則不會顯示於前台首頁顯示：選擇於首頁顯示或不顯示

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：資訊圖檔

(1/2)新增資訊：資訊圖檔

小圖尺寸：實際尺寸 / 固定尺寸( 在模組佈局或在頁面佈局顯示的尺寸 )

小圖在模組中顯示的圖片若在模組佈局或在頁面佈局勾選顯示內容就會顯示

上傳小圖：圖片上傳處( 限制：上傳的小圖只能給此資訊頁使用 )

小圖說明：滑鼠移至小圖上所顯示的文字說明

小圖只能上傳一張

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：資訊圖檔

(2/2)新增資訊：資訊圖檔

上傳更多大圖：大圖可以不指上傳一張( 因在資訊頁中可能不只一張圖片 )

大圖在資訊頁面中顯示的圖片

上傳大圖：圖片上傳處( 限制：上傳的小圖只能給此資訊頁使用 )

大圖說明：在資訊頁中大圖下方所顯示的的文字說明( 可勾選顯示或不顯示 )

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：頁面佈局

新增資訊：頁面佈局

頁面佈局：資訊頁中大圖和文章的配置( 文繞圖、靠左靠右、文字與圖片分開 )

限制：大圖若兩張一上時會接連著出現，故無法做到文字圖片交錯顯示的效果

( 使用文檔系統上傳圖片再用插入圖片的方式課克服 )

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：附件

(1/3)新增資訊：附件

附件：資訊頁中所要夾帶的下載檔案

此資訊頁所有的附件顯示區塊1. 可調整附件排序，2. 可更改附件名稱與附件說明3. 可刪除附件

新增 ( 上傳 )附件區塊1. 上傳附件2. 可增加 附件說明

刪除附件鈕

編輯附件鈕

上傳附件名以上傳檔名稱命名

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：附件

(2/3)新增資訊：附件

附件：資訊頁中所要夾帶的下載檔案

按下編輯附件鈕跳出附件編輯視窗

更改附件名稱 增加 / 修改附件名稱 附件是否有效 ( 有效才會顯示於前台資訊頁 )

儲存 / 取消：附件編輯

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：附件使用注意事項

請不要貪圖一時的方便請不要將加檔案當作資訊頁使用

對於一般瀏覽者：找尋困難，畢竟附件不會像資訊頁內容一目了然顯示愈頁面中

對於網頁維護者：雖上傳方便，但日後網頁維護者維護不易

對於瀏覽器：瀏覽器對於附件較難搜尋，若附件又指示圖檔沒說明，關鍵字根本搜尋不到

對於全校網頁整合：子母網訊息發布以單一資訊頁發布，若把資訊都塞入單一資訊頁中是無法整合的

主題二

網頁結構： 資訊頁與模組的概念增加資訊頁：附件與大圖小圖的限制

故需與文檔系統搭配使用

上傳附件 ( 大圖小圖 ) 只能在此資訊頁使用：其他資訊頁要使用需重新上傳

上傳附件 ( 大圖小圖 ) 檔名系統未自動編碼：下載後代不出原本檔案的中文值 ( 難以判斷下載檔案 )

重新上傳附件 ( 大圖小圖 )原本的檔案不會消失：容量的損耗

附件排列方式：只能並排，不能選擇顯示欄位

大圖排列方式：只能連續出現，不能圖文交錯顯示

主題二

網頁結構： 資訊頁與模組的概念何謂模組佈局所要呼叫的模組在指定頁面顯示樣式

Ex.電算中心首頁的中心公告顯示中心公告為『公告模組』其『模組佈局』的方式為

主題二

網頁結構： 資訊頁與模組的概念何謂頁面佈局

所要單一模組顯示所有資訊列表時頁面顯示的樣子

Ex.電算中心中心公告完整頁面顯示中心公告為『公告模組』其『頁面佈局』的方式為

主題二

網頁結構： 資訊頁與模組的概念模組佈局與頁面佈局調整的地方(1/3)

調整公告模組『模組佈局』與『頁面佈局』

模組管理中的公告模組 -> 選擇要更改頁面顯示的公告模組

按下『完整編輯』跳出『編輯公告模組視窗』

可調整『模組佈局』與『頁面佈局』

主題二

網頁結構： 資訊頁與模組的概念模組佈局與頁面佈局調整的地方(2/3)

2. 模組管理中的連結模組 -> 選擇要更改頁面顯示的連結模組

按下『完整編輯』跳出『編輯連結模組視窗』

可調整『模組佈局』與『頁面佈局』

調整連結模組『模組佈局』與『頁面佈局』

主題二

網頁結構： 資訊頁與模組的概念模組佈局與頁面佈局調整的地方(3/3)

內容管理中的分類資訊 -> 選擇要更改頁面顯示的連結模組

按下『完整編輯』跳出『編輯連結模組視窗』

可調整『頁面佈局』

因為分類清單模組為內建的系統預設值，故無法調整『模組佈局』

調整分類清單模組『模組佈局』與『頁面佈局』

主題二

網頁結構： 資訊頁與模組的概念

預設佈局 特定頁面中系統預設的模組分佈

可於『頁面樣式』『預設頁面設定』『當前頁面設定 ( 下拉式選單 )』觀看指定的頁面預設模組分部設定

( 可修改預設值 )

預設分類頁面 -> 分類清單模組的頁面佈局 預設公告頁面 -> 公告模組的頁面佈局預設明細頁面 -> 資訊頁的預設頁面設定連結分類頁面 -> 連結模組的頁面佈局

主題二

網頁結構： 資訊頁與模組的概念自定義佈局(1/3)

特定頁面中調整模組分佈

調整模組的頁面佈局

ex.1. 內容管理的資訊分類 -> 再分類按下個別頁面設定

主題二

網頁結構： 資訊頁與模組的概念自定義佈局(2/3)

特定頁面中調整模組分佈

調整模組的頁面佈局

ex.2. 模組管理的公告模組 -> 再指定公告模組按下個別頁面設定

主題二

網頁結構： 資訊頁與模組的概念自定義佈局(3/3)

特定頁面中調整模組分佈

調整模組的頁面佈局

ex.3. 資訊頁 -> 再指定公告模組按下個別頁面設定

主題二

網頁結構： 資訊頁與模組的概念單元複習

01.ePage 建置網站流程

02. 模組：能重複呼叫出使用的功能性群組

03. 資訊頁相關操作：插入附檔、圖片與表格等內容頁面

04. 模組佈局與頁面佈局

05. 預設佈局

06. 與自定義佈局