網頁介紹與管理

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. 會員管理-修改帳號/密碼 3. 1. 2. 修改完帳號或密碼後按『儲存』即可

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 user4 user3 top left breadcrumb right left

23. 我的網站 文章類別A 文章類別B 文章2 文章1 文章2 文章3 文章1 內容管理 • 在joomla系統中，網頁可區分為單元、分類、文章三大部分，其中文章是構成網頁的主體，因此我們必須將文章做適當分門別類。 ……………單元 …分類 …文章 ※建立順序:單元>分類>文章

24. 單元管理

25. 分類管理 ※記得選擇屬於這分類的單元喔!

26. 文章管理-發表文章

27. 選單管理-管理選單

28. 元件-附件 ※沒填檔名系統會自動顯示檔案的檔名+副檔名 (上傳檔案之檔名可為中文，與在媒體管理上傳不同) ←檔案下載視窗的位置

29. 元件-附件 ←※選擇檔案想放置的文章、分類或單元 ←文件顯示名稱 ←文件說明

30. 元件- Allvideos 選擇已上傳的影片(※預設路徑)

31. 元件- Allvideos ※選擇youtube原始的播放器 ※在前方的{youtube}加上alt=“” 中間一個空白鍵 !!!

32. 元件-網頁連結

33. Phoca藝廊 可選可不選 選擇此分類所屬資料夾

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

35. 謝謝大家