1

網頁介紹與管理

演講單位：電算中心演講人：侯麗雪

2

網頁介紹與管理 新網頁介紹 如何管理網頁

3

新網頁介紹

4

新網頁介紹 - 學校首頁

主選單→ ← 訊息跑馬燈 ← 快速選單

↑ 影片區↑ 活動相片

← 常用選單

← 招生選單

最新消息 萬能之光

可發布及觀看其他最新消息→ 觀看其他萬能榮譽事蹟→

觀看相簿→

←FB 粉絲團學校地圖與網址 QR Code

5

新網頁介紹 - 首頁選單主選單學校簡介

•學校現況 •歷史沿革 •本校特色 •萬能之光 •媒體報導 •乙級榜單 •校內分機 •交通資訊

教學單位 •資訊科 •商用資訊學程 •時尚造型科 •汽車科 •電機科 •多媒體設計科 •餐飲管理科 •觀光事務學程

行政單位 •董事長室 •校長室 •教務處

•升學網 •網路教學平台

•學務處 •實習處

•就業輔導網•總務處 •輔導室 •人事室 •會計室 •教官室 •保健室•圖書室•電算中心

技能檢定 •檢定公告 •即測即評及發證 •全國技能檢定 •學科即測即評 •在校生檢定

網路資源 合作夥伴之 E 學習資源網 •碁峰線上測驗系統 •台科大圖書OTAS網 •博碩圖書電子書 •松崗文魁圖書 •全華圖書_高職教育網•升學資訊 •萬能E-mail •萬能相簿 •好站連結

常用連結 •liveABC •和風數位日語學園 •102年總體課程 •101年總體課程 •100年總體課程 •校內教師研習 •RICH職埸

執行計畫 •優質化網站 •均質化網站 •優質精進

6

新網頁介紹 - 首頁選單常用選單在校生

•萬能學生網 •獎懲查詢 •缺曠查詢 •成績查詢 •大學招生委員會•liveABC•和風數位日語學園

教職員 •行政網路 •Web @ Mail •大學招生委員會 •性別平等教育資源中心 •更改E-mail密碼•網路教學平台

國三生 •認識萬能 •萬能之光 •萬能相簿 •如何到萬能 •校內分機

家長 •校內分機 •如何到萬能 •學生獎懲查詢

畢業校友 •萬能相簿 •萬能學生網 •大學招生委員會

訪客 •認識萬能 •萬能之光 •萬能相簿 •如何到萬能 •校內分機•網站地圖 •聯絡我們

快速選單•即測即評及發證 •教學網路平台 •萬能相簿 •LiveABC •和風數位日語學園 •技職風雲榜 •台灣健康促進學校 •萬能工商健康促進網 •紫錐花運動 •十二年國民基本教育 •綠色生活網 •就業輔導網 •六大學習網 •實用技能學程資訊網 •優質化網站 •均質化網站 •十二年國民基本教育投影片 •教育部防制校園霸凌專區

招生選單•最新消息 •招生資訊 •線上報名 •萬能之光 •媒體報導 •萬能相簿 •萬能影片

7

新網頁介紹 - 處室網頁↓處室選單

↓主選單 ↓內容區塊

← 進入後台管理區

8

新網頁介紹 -各科系網頁

9

如何管理網頁 ?

10

架站軟體及環境架站軟體： Joomla 1.5軟體環境： Apache( 軟體伺服器 )、 PHP(程式

語言 )、MySQL(資料庫 )

11

管理區介紹

輸入帳號密碼點選『登入』即可進入管理區

註：後台管理分為三種身分，依身分不同開放管理的權限也有所不同超級管理者＞系統管理＞管理員

12

管理區介紹

← 主要選單

↑快速 /常用選單

功能 / 狀態列→

13

管理區介紹 主要選單

網站 控制台：回到管理區首頁 會員管理 媒體管理 登出：登出管理區

選單 選單管理 選單回收筒：回復或刪除已回收的選單

內容 文章管理 (3) 已回收文章：回復或刪除已回收的文章

單元管理(1) 分類管理(2) 首頁管理：將文章放至於首頁

元件 附件 (Attachments) Allvideos 網頁連結 Phoca藝廊

擴充套件 安裝移除 模組管理 外掛管理

工具 說明

(管理選單 )

怎麼辦 ?我還是有聽沒懂…囧

14

會員管理 -修改帳號 /密碼

修改完帳號或密碼後按『儲存』即可

1.

2.

3.

15

媒體管理 - 上傳文件 /圖片 / 檔案

↓檢視檔案方式

↓目前所在的資料夾 (此為 images)

輸入資料夾名稱可在目前資料夾 (images)新增資料夾

↓

可將勾選的資料夾或檔案刪除→

←回到上一層

←檔案上傳

↑ 資料夾總管↑直接刪除此資料夾或檔案

16

媒體管理 -注意事項 預設路徑： http://job.wnvs.cyc.edu.tw/z517/images/ 影片檔盡量放在『… /stories/videos/ 』資料夾下，此為 AllVideos 外掛模組預設路徑，放別的資料夾外掛模組會找不到檔案喔 !!

資料夾與檔案名稱請用英文與數字命名 若要刪除資料夾，請確認資料夾裏已無任何檔案才能刪除喔

17

選單管理 - 新增選單

←必填，中文、英文、數字皆可←必填，只能用英文或數字命名

← 系統預設 mod_mainmenu，新增時請空白← 可不填，中文、英文、數字皆可

18

選單管理 - 新增選單

19

模組管理 - 新增選單模組

20

模組管理 - 新增選單模組

※位置的選擇

21

模組管理 - 新增選單模組

22

模組管理 -預覽選單位置 請在網頁首頁的網址後方加上 如 : http://job.wnvs.cyc.edu.tw/z517/?tp=1

?tp=1

user3

top

left

left

right

user4

breadcrumb

23

內容管理 在 joomla 系統中，網頁可區分為單元、分類、

文章三大部分，其中文章是構成網頁的主體，因此我們必須將文章做適當分門別類。

層級 Joomla 資料結構

Windows檔案結構

1 單元 磁碟機2 分類 資料夾3 文章 文件

我的網站

文章類別 A

文章 2文章 1 文章 3

文章類別 B

文章 2文章 1

……………單元

…分類

…文章

※建立順序 :單元 >分類 >文章

24

單元管理

25

分類管理

※記得選擇屬於這分類的單元喔 !

26

文章管理 - 發表文章

27

選單管理 - 管理選單

28

元件 -附件

※沒填檔名系統會自動顯示檔案的檔名 +副檔名(上傳檔案之檔名可為中文，與在媒體管理上傳不同 )

←檔案下載視窗的位置

29

元件 -附件

←※選擇檔案想放置的文章、分類或單元

← 文件顯示名稱← 文件說明

30

元件 - Allvideos

選擇已上傳的影片 (※預設路徑 )

31

元件 - Allvideos

※選擇 youtube原始的播放器

!!!

※ 在前方的 {youtube} 加上 alt=“”

中間一個空白鍵

32

元件 - 網頁連結

33

Phoca藝廊

可選可不選

選擇此分類所屬資料夾

34

怎麼辦 ?我還是有聽沒懂…囧請使用 mail或網頁修改申請表 (電算→表格下載 )寫下想修改的資料與方式告知電算。

盡量避免使用口頭告知

35

謝謝大家