基本操作：前後台的資源與分佈 資訊頁與模組的概念 內容管理：主選單的概念 公告模組：公佈欄的使用 首頁畫面設定：首頁的顯示 基礎篇part.1 ：課程大綱 基本操作：前後台的資源與分佈 資訊頁與模組的概念 內容管理：主選單的概念 公告模組：公佈欄的使用 首頁畫面設定：首頁的顯示

ePage教育訓練 (基礎篇：part.1-2) 資訊頁與模組的概念 講義編撰者：李嘉宇 (分機：1613)

網頁結構： 資訊頁與模組的概念 主題二 基本的網頁結構概念與建置網站流程 模組：能重複呼叫出使用的功能性群組 資訊頁：插入附檔、圖片與表格等內容頁面 資訊圖檔：大圖小圖的差別與使用時機 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 模組佈局與頁面佈局的差異 預設佈局與自定義佈局的差異

網頁結構： 資訊頁與模組的概念 ePage建置網站流程 主題二 Step.01.模組的建立 網頁結構： 資訊頁與模組的概念 ePage建置網站流程 Step.01.模組的建立 樹狀圖的概念，將網頁以分類架構(內容分類清單、公告模組) Step.02.在模組下資訊的建立 在模組下建立資訊頁 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 Step.03.將模組上架至指定頁面上 放於首頁、自訂頁面…等指定頁面上

網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(1/3) 建立分類清單並在分類清單下增加資訊頁 分類1 分類2 分類3 分類4 主題二 網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(1/3) 建立分類清單並在分類清單下增加資訊頁 Step.01. 模組的建立(內容管理：分類清單) 內容管理(分類清單) 分類1 建立分類清單的分類(主選單的分類) 資訊1 資訊2 分類2 資訊3 資訊4 資訊5 Step.02. 在模組下資訊的建立 (內容管理：分類清單) 分類3 資訊6 資訊7 資訊8 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 分類4 資訊9 在建立分類清單下新增資訊

網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(2/3) 建立公告模組並在公告模組下增加資訊頁 公告模組1 公告模組2 主題二 網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(2/3) 建立公告模組並在公告模組下增加資訊頁 Step.01. 模組的建立(模組管理：公告模組) 模組管理(公告模組) 建立公告模組 公告模組1 公告模組2 資訊10 資訊11 資訊12 資訊13 Step.02. 在模組下建立資訊頁 (模組管理：公告模組) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 公告模組3 公告模組4 在公告模組下新增資訊 資訊14 資訊15 資訊16

網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(3/3) 將模組(分類清單)上架至頁面 (首頁、自訂頁面…) 分類2 分類1 主題二 網頁結構： 資訊頁與模組的概念 ePage建置網站流程概念圖(3/3) 將模組(分類清單)上架至頁面 (首頁、自訂頁面…) Step.03. 將模組(分類清單)上架至指定頁面上 頁面設定 內容管理(分類清單) 分類2 分類1 分類3 分類4 資訊1 資訊2 資訊3 資訊5 資訊8 資訊9 資訊4 資訊6 資訊7 公告模組1 資訊10 資訊11 公告模組3 資訊14 公告模組2 資訊13 資訊12 公告模組4 資訊16 資訊15 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 因為(分類清單)為主選單的概念故只有一個

模組：能重複呼叫出使用的功能性群組(1/3) 主題二 網頁結構： 資訊頁與模組的概念 模組：能重複呼叫出使用的功能性群組(1/3) 模組： 用來擺放資訊，可應用於建立公告、廣告以及各項連結 如何建立： 進入模組管理功能  新增模組 不同的模組有不同的功能 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 公告模組、連結模組、自定模組、廣告模組、頁籤模組、 複合模組、投票模組、投票題組、表單模組、問卷模組、 選單模組、排行模組、RSS 訂閱

模組：能重複呼叫出使用的功能性群組(2/3) 主題二 網頁結構： 資訊頁與模組的概念 模組：能重複呼叫出使用的功能性群組(2/3) 不同的模組有不同的功能 公告模組、連結模組、 自定模組、廣告模組、 頁籤模組、複合模組、 投票模組、投票題組、 表單模組、問卷模組、 選單模組、排行模組、 RSS 訂閱 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

模組：能重複呼叫出使用的功能性群組(3/3) 主題二 網頁結構： 資訊頁與模組的概念 模組：能重複呼叫出使用的功能性群組(3/3) 同個模組可呼叫到不同的頁面中 ex.資訊頁的各別頁面設定、首頁畫面設定、定頁面設定…等 只要有頁面就可以叫出模組 同個模組可以在同個頁面中出現多次 (重複呼叫的概念) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 模組可以在所在的頁面中調整位置

網頁結構： 資訊頁與模組的概念 資訊頁：插入附檔、圖片與表格等內容頁面 資訊頁概念 資訊頁同時可以給多個模組所擁有 資訊頁名稱不能重複 主題二 網頁結構： 資訊頁與模組的概念 資訊頁：插入附檔、圖片與表格等內容頁面 資訊頁概念 簡單的來說，就是網頁內容擺放的位置， 有標題、內文、表格、圖片、附檔等等擺放的地方 資訊頁同時可以給多個模組所擁有 可重複呼叫與使用的概念) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 資訊頁名稱不能重複 資訊頁只能加在內容管理的分類清單或模組管理的公告模組之中

網頁結構： 資訊頁與模組的概念 資訊頁：增加資訊頁(1/2) (法一)：於內容管理下新增資訊頁(內容管理-> 新增資訊) 主題二 網頁結構： 資訊頁與模組的概念 資訊頁：增加資訊頁(1/2) (法一)：於內容管理下新增資訊頁(內容管理-> 新增資訊) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 資訊頁：增加資訊頁(2/2) (法二)：於模組管理中的公告模組新增資訊頁 主題二 網頁結構： 資訊頁與模組的概念 資訊頁：增加資訊頁(2/2) (法二)：於模組管理中的公告模組新增資訊頁 (內容管理->公告模組->新增資訊) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 增加資訊頁：基本資料(1/2) 新增資訊：基本資料 資訊名稱(在同個EPAG中不可重複) 主題二 網頁結構： 資訊頁與模組的概念 增加資訊頁：基本資料(1/2) 新增資訊：基本資料 資訊名稱(在同個EPAG中不可重複) 詳細說明：資訊頁上的完整內容 P.S. 兩者不會同步 (在另存或修改更新時請注意) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 簡單說明：在模組中顯示的資訊內容 若在模組佈局或在頁面佈局勾選顯示內容就會顯示

網頁結構： 資訊頁與模組的概念 增加資訊頁：基本資料(2/2) 新增資訊：基本資料 編輯區 主題二 發布日期：為資訊在前台開使顯示的日期 網頁結構： 資訊頁與模組的概念 增加資訊頁：基本資料(2/2) 發布日期：為資訊在前台開使顯示的日期 到期日期：為資訊在前台開使下架的日期 新增資訊：基本資料 將此資訊頁加到 所選擇所屬資訊分類或 選擇所屬公告模組 選擇編輯區為 純文字或html 編輯區 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 資訊狀態：若無效則不會顯示於前台 首頁顯示：選擇於首頁顯示或不顯示

網頁結構： 資訊頁與模組的概念 增加資訊頁：資訊圖檔(1/2) 新增資訊：資訊圖檔 小圖 主題二 在模組中顯示的圖片 網頁結構： 資訊頁與模組的概念 小圖尺寸：實際尺寸/固定尺寸 (在模組佈局或在頁面佈局顯示的尺寸) 增加資訊頁：資訊圖檔(1/2) 新增資訊：資訊圖檔 上傳小圖：圖片上傳處 (限制：上傳的小圖只能給此資訊頁使用) 小圖只能上傳一張 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 小圖 在模組中顯示的圖片 若在模組佈局或在頁面佈局勾選顯示內容就會顯示 小圖說明： 滑鼠移至小圖上所顯示的文字說明

網頁結構： 資訊頁與模組的概念 增加資訊頁：資訊圖檔(2/2) 新增資訊：資訊圖檔 大圖 主題二 在資訊頁面中顯示的圖片 大圖說明： 網頁結構： 資訊頁與模組的概念 大圖說明： 在資訊頁中大圖下方所顯示的的文字說明 (可勾選顯示或不顯示) 增加資訊頁：資訊圖檔(2/2) 新增資訊：資訊圖檔 上傳大圖：圖片上傳處 (限制：上傳的小圖只能給此資訊頁使用) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 大圖 在資訊頁面中顯示的圖片 上傳更多大圖：大圖可以不指上傳一張 (因在資訊頁中可能不只一張圖片)

網頁結構： 資訊頁與模組的概念 增加資訊頁：頁面佈局 新增資訊：頁面佈局 頁面佈局：資訊頁中大圖和文章的配置 主題二 網頁結構： 資訊頁與模組的概念 增加資訊頁：頁面佈局 限制： 大圖若兩張一上時會接連著出現， 故無法做到文字圖片交錯顯示的效果 新增資訊：頁面佈局 (使用文檔系統上傳圖片再用插入圖片的方式課克服) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 頁面佈局：資訊頁中大圖和文章的配置 (文繞圖、靠左靠右、文字與圖片分開)

網頁結構： 資訊頁與模組的概念 增加資訊頁：附件(1/3) 新增資訊：附件 主題二 附件： 資訊頁中所要夾帶的下載檔案 新增(上傳) 網頁結構： 資訊頁與模組的概念 增加資訊頁：附件(1/3) 附件： 資訊頁中所要夾帶的下載檔案 新增資訊：附件 新增(上傳) 附件區塊 1.上傳附件 2.可增加 附件說明 編輯 附件鈕 刪除 附件鈕 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 此資訊頁所有的附件顯示區塊 1.可調整附件排序， 2.可更改附件名稱與附件說明 3.可刪除附件 上傳附件名以上傳檔名稱命名

網頁結構： 資訊頁與模組的概念 增加資訊頁：附件(2/3) 新增資訊：附件 主題二 附件： 資訊頁中所要夾帶的下載檔案 儲存/取消：附件編輯 網頁結構： 資訊頁與模組的概念 增加資訊頁：附件(2/3) 附件： 資訊頁中所要夾帶的下載檔案 新增資訊：附件 儲存/取消：附件編輯 按下編輯附件鈕 跳出附件編輯視窗 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 更改附件名稱 增加/修改附件名稱 附件是否有效(有效才會顯示於前台資訊頁)

請不要貪圖 一時的方便 網頁結構： 資訊頁與模組的概念 增加資訊頁：附件使用注意事項 主題二 請不要將加檔案當作資訊頁使用 對於網頁維護者： 網頁結構： 資訊頁與模組的概念 增加資訊頁：附件使用注意事項 請不要貪圖 一時的方便 請不要將加檔案當作資訊頁使用 對於網頁維護者： 雖上傳方便，但日後網頁維護者維護不易 對於一般瀏覽者： 找尋困難，畢竟附件不會像資訊頁內容一目了然顯示愈頁面中 對於瀏覽器： 瀏覽器對於附件較難搜尋，若附件又指示圖檔沒說明，關鍵字根本搜尋不到 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 對於全校網頁整合： 子母網訊息發布以單一資訊頁發布，若把資訊都塞入單一資訊頁中是無法整合的

網頁結構： 資訊頁與模組的概念 增加資訊頁：附件與大圖小圖的限制 故需與文檔系統搭配使用 主題二 網頁結構： 資訊頁與模組的概念 增加資訊頁：附件與大圖小圖的限制 上傳附件(大圖小圖)只能在此資訊頁使用：其他資訊頁要使用需重新上傳 重新上傳附件(大圖小圖)原本的檔案不會消失：容量的損耗 上傳附件(大圖小圖)檔名系統未自動編碼：下載後代不出原本檔案的中文值(難以判斷下載檔案) 附件排列方式：只能並排，不能選擇顯示欄位 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 大圖排列方式：只能連續出現，不能圖文交錯顯示 故需與文檔系統搭配使用

網頁結構： 資訊頁與模組的概念 何謂模組佈局 主題二 Ex.電算中心首頁的中心公告顯示 所要呼叫的模組在指定頁面顯示樣式 網頁結構： 資訊頁與模組的概念 何謂模組佈局 所要呼叫的模組在指定頁面顯示樣式 Ex.電算中心首頁的中心公告顯示 中心公告為『公告模組』其『模組佈局』的方式為 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 何謂頁面佈局 主題二 Ex.電算中心中心公告完整頁面顯示 所要單一模組顯示所有資訊列表時頁面顯示的樣子 網頁結構： 資訊頁與模組的概念 何謂頁面佈局 所要單一模組顯示所有資訊列表時頁面顯示的樣子 Ex.電算中心中心公告完整頁面顯示 中心公告為『公告模組』其『頁面佈局』的方式為 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(1/3) 主題二 模組管理中的公告模組->選擇要更改頁面顯示的公告模組 網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(1/3) 調整公告模組『模組佈局』與『頁面佈局』 模組管理中的公告模組->選擇要更改頁面顯示的公告模組 按下『完整編輯』 跳出『編輯公告模組視窗』 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 可調整 『模組佈局』與『頁面佈局』

網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(2/3) 主題二 網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(2/3) 調整連結模組『模組佈局』與『頁面佈局』 2.模組管理中的連結模組->選擇要更改頁面顯示的連結模組 按下『完整編輯』 跳出『編輯連結模組視窗』 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 可調整 『模組佈局』與『頁面佈局』

網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(3/3) 主題二 內容管理中的分類資訊->選擇要更改頁面顯示的連結模組 網頁結構： 資訊頁與模組的概念 模組佈局與頁面佈局調整的地方(3/3) 調整分類清單模組『模組佈局』與『頁面佈局』 內容管理中的分類資訊->選擇要更改頁面顯示的連結模組 按下『完整編輯』 跳出『編輯連結模組視窗』 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 可調整『頁面佈局』 因為分類清單模組為內建的系統預設值，故無法調整『模組佈局』

網頁結構： 資訊頁與模組的概念 預設佈局 主題二 特定頁面中系統預設的模組分佈 可於『頁面樣式』 『預設頁面設定』 網頁結構： 資訊頁與模組的概念 預設佈局 特定頁面中系統預設的模組分佈 可於『頁面樣式』 『預設頁面設定』 『當前頁面設定(下拉式選單)』 觀看指定的頁面預設模組分部設定 (可修改預設值) Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖 預設分類頁面->分類清單模組的頁面佈局 預設公告頁面->公告模組的頁面佈局 連結分類頁面->連結模組的頁面佈局 預設明細頁面->資訊頁的預設頁面設定

網頁結構： 資訊頁與模組的概念 自定義佈局(1/3) 主題二 特定頁面中調整模組分佈 調整模組的頁面佈局 網頁結構： 資訊頁與模組的概念 自定義佈局(1/3) 特定頁面中調整模組分佈 調整模組的頁面佈局 ex.1.內容管理的資訊分類->再分類按下個別頁面設定 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 自定義佈局(2/3) 主題二 特定頁面中調整模組分佈 調整模組的頁面佈局 網頁結構： 資訊頁與模組的概念 自定義佈局(2/3) 特定頁面中調整模組分佈 調整模組的頁面佈局 ex.2.模組管理的公告模組->再指定公告模組按下個別頁面設定 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 自定義佈局(3/3) 主題二 特定頁面中調整模組分佈 調整模組的頁面佈局 網頁結構： 資訊頁與模組的概念 自定義佈局(3/3) 特定頁面中調整模組分佈 調整模組的頁面佈局 ex.3.資訊頁->再指定公告模組按下個別頁面設定 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖

網頁結構： 資訊頁與模組的概念 單元複習 01.ePage建置網站流程 02.模組：能重複呼叫出使用的功能性群組 主題二 網頁結構： 資訊頁與模組的概念 單元複習 01.ePage建置網站流程 02.模組：能重複呼叫出使用的功能性群組 03.資訊頁相關操作：插入附檔、圖片與表格等內容頁面 04.模組佈局與頁面佈局 05.預設佈局 06.與自定義佈局 Loge 網站標語 網站名稱 收尋模組 廣告模組 網站地圖