1 / 55

逢甲大學系所網站後台教育訓練

逢甲大學系所網站後台教育訓練. 凌網科技 林雁茹 2012/05. 大綱. 前後台畫面瀏覽 後台操作 網站架構 ( 目錄樹 ) 建立 資料上稿 版面設計 Q ＆ A. 前台. 範例網站： http://www.fcu.edu.tw/wSite/mp?mp=8889. 前台瀏覽. 標頭列 header. 目錄選單. 查詢功能. 訊息列表 - 頁籤呈現. 快速連結、相關連結. 訊息列表 - 一般條列. 訂閱 [ 逢甲週報 ]. 課程檢索. 嵌入行事曆. 底部資訊 footer. 後台.

fola
Download Presentation

逢甲大學系所網站後台教育訓練

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 逢甲大學系所網站後台教育訓練 凌網科技 林雁茹 2012/05

  2. 大綱 • 前後台畫面瀏覽 • 後台操作 • 網站架構(目錄樹)建立 • 資料上稿 • 版面設計 • Q＆A

  3. 前台 範例網站：http://www.fcu.edu.tw/wSite/mp?mp=8889

  4. 前台瀏覽 標頭列header 目錄選單 查詢功能 訊息列表-頁籤呈現 快速連結、相關連結 訊息列表-一般條列 訂閱[逢甲週報] 課程檢索 嵌入行事曆 底部資訊footer

  5. 後台 http://wsp.fcu.edu.tw:8080/Admin

  6. 後台-登入畫面

  7. 後台

  8. 後台操作 網站架構(目錄樹)建立

  9. 網站架構(目錄樹)建立-觀念(一) 先瞭解將建立的網站內容 網站中所有資訊的集合 = 網站架構 先整理將建立的網站需含有哪些資訊以及層級關係（最新消息、單位簡介、師資介紹…）---見以下範例

  10. 網站架構(目錄樹)建立-觀念(二) • 後台新增/編修什麼？ • 網站架構由目錄樹及主題單元所組成 • 目錄樹-網站中的所有單元：子目錄、項目 • 每個項目節點都需搭配一個主題單元 • 何謂主題單元：上稿資料存放的位置

  11. 子目錄、項目的差別？ 子目錄 子目錄 項目 項目 項目 項目

  12. 主題單元的作用(二) 新增項目時，需新增相對應的主題單元或選取現有的主題單元 如何新增？

  13. 主題單元的作用(三) 重點→單元類型的選擇：首頁式、條列式、URL連結式

  14. 主題單元-首頁式 點選項目後，前台直接呈現上稿資料最新一筆上稿資料

  15. 主題單元-條列式 點選項目後，前台條列呈現每一筆上稿資料

  16. 主題單元-URL連結式 點選項目後，前台直接連結至設定的網址

  17. 主題單元的作用(一) 節點名稱不一樣，但主題單元設一樣，則兩邊資料會相同

  18. 後台功能-資料上稿

  19. 後台功能-資料上稿 3 1 2 • 若上稿資料皆為文字無表格…等其他類型資料，建議可先貼至記事本，再從記事本複製過來上稿，可避免文字有自己的格式，造成前台顯示無一致性。 • 反之，若需表格、文字顏色、大小變換等需求，建議可先至word編輯，再到後台做複製貼上。

  20. 後台功能-資料上稿 最多500字， 超過怎麼辦 可插入一張圖

  21. 後台功能-資料上稿 1 將”簡述”內的文字移除即可 進行存檔

  22. 後台功能-資料上稿 存檔後，還在“草稿”狀態，記得送出審核 審稿人員審核後，即可在前台顯示資料

  23. 後台功能-資料上稿 前台呈現畫面

  24. 後台功能-資料上稿 想接著上傳附件、新增連結、編輯表格網頁怎麼辦（一）？ 接續處理：網頁、附件、連結

  25. 後台功能-資料上稿 想接著上傳附件、新增連結、編輯表格網頁怎麼辦（二）？ 網頁、附件、連結

  26. 後台功能-資料上稿 Html碼編輯 粗體、斜體…置中…等按鈕 插入圖片 插入超連結 可做一些簡單的網頁編輯

  27. 後台功能-資料上稿-網頁編輯器 插入圖片 插入圖片需注意？ 照片上傳 – 檔名請用英文字， – 副檔名只接受jpg, gif並請使用小寫副檔名， – MAX 圖檔1M，副檔10M • 上稿時如需要使用照片上傳動作， 請記得以單位代號建立目錄，並取有意義的圖片英文檔名， 再加上圖片長寬，日後使用比較方便。

  28. 後台功能-資料上稿-附件上傳 新增附件：doc、pdf、ppt、jpg… 插入圖片需注意？ 附件檔案，檔名+副檔名請勿超過200字 – 例：abcde測試.doc – "abcde" 為5個字，"測試" 為2個字，".doc" 為4個字， 共11個字

  29. 後台功能-資料上稿-新增連結 新增超連結

  30. 後台功能-資料上稿-前台呈現畫面 主要內文 附件下載 相關連結

  31. 後台功能-資料上稿-版面呈現方式 若想有點不一樣的版面…..請回到“目錄樹管理”針對節點項目做設定

  32. 後台功能-資料上稿-前台呈現版面 點選選單 條列版型 內容版型 有的欄位不想要出現該怎麼辦？

  33. 後台功能-資料上稿-資料欄位的調整 留意：DND權限比DSD大。 修改過DND後，則DSD之後的任何修改都不會有作用 • 有些資料欄位不想要出現，有兩個方式調整： • 目錄樹管理→相關項目節點 →編修主題單元→右上角的“DSD” • 目錄樹管理→相關項目節點→右上角的“DND”

  34. 後台功能-資料上稿-資料欄位的調整 留意：DND權限比DSD大。 修改過DND後，則DSD之後的任何修改都不會有作用 • 有些資料欄位不想要出現，有兩個方式調整： • 目錄樹管理→相關項目節點 →編修主題單元→右上角的“DSD” • 目錄樹管理→相關項目節點→右上角的“DND”

  35. 後台操作-版面設計

  36. 後台操作-版面設計 進階操作→網站管理→版面設計(單位) 有三大部份會影響版面：首頁版型、內頁版型、CSS設定

  37. 後台操作-版面設計-版型對照 三欄式 再針對所需編輯的區塊，點選進入

  38. 後台操作-版面設計 如何新增一個上方選單(一)？ 2 新增區塊 點選上方區塊 1 3 設定該區塊

  39. 後台操作-版面設計 如何新增一個上方選單(二)？ 分為目錄、版塊 選單為「子目錄包含其他選單項目」

  40. 後台操作-版面設計 如何新增一個上方選單(三)？

  41. 後台操作-版面設計 如何新增一個上方選單(四)？

  42. 後台操作-版面設計 如何新增學校新聞中心的資料介接：活動、新聞、公告

  43. 後台操作-版面設計 如何新增學校新聞中心的資料介接：活動、新聞、公告僅能用於中間區塊 2 3 1

  44. 後台操作-版面設計 如何新增學校新聞中心的資料介接：活動、新聞、公告 不用選擇項目節點 1 貼上相關介接碼：見下頁說明 2 選擇版型：資料介接_新聞中心

  45. 後台操作-版面設計 如何新增學校新聞中心的資料介接：活動、新聞、公告 ※ 區塊標題：新聞中心 ※ 外部資料來源：分為一級單位與二級單位，請依照本身的單位層級做更換 一級單位請換成：請注意紅色字部份，需更換本身的單位代碼(2碼) http://localhost:8080/BaseService/ContextService?cpspec=V68MessageboardAPBlock.xml&listspec=V68MessageboardAPBlock_A.xml&mesAttrA=A&listspec=V68MessageboardAPBlock_B.xml&mesAttrB=B&listspec=V68MessageboardAPBlock_C.xml&mesAttrC=C&untDptid=CB 二級單位請換成：請注意紅色字部份，第一個藍色字單位代碼為一級單位代碼(4碼)，第二個紫色字單位代碼為二級單位代碼(4碼) http://localhost:8080/BaseService/ContextService?cpspec=V68MessageboardAPBlock.xml&listspec=V68MessageboardAPBlock_A.xml&mesAttrA=A&listspec=V68MessageboardAPBlock_B.xml&mesAttrB=B&listspec=V68MessageboardAPBlock_C.xml&mesAttrC=C&mesTdeptid1=CB00&mesTdeptid2=CB22

  46. 後台操作-版面設計 如何新增最新消息…且用頁籤方式？ 2 3 1

  47. 後台操作-版面設計 如何新增最新消息…且用頁籤方式？ • 設定頁籤的方式 • 區塊順序設一樣，Tab順序設”順序”

  48. 後台操作-版面設計 如何新增最新消息…且用頁籤方式？

  49. 後台操作-版面設計 有其他版型可應用嗎？ 可見後台版面入門教學：套特殊版 Block XSL 教學 此此可變換版型，有中間專用與側欄專用。例如跑馬燈…

  50. 後台操作-版面設計 可以自己嵌入語法嗎？ 2 1 3

More Related