560 likes | 1.17k Views
逢甲大學系所網站後台教育訓練. 凌網科技 林雁茹 2012/05. 大綱. 前後台畫面瀏覽 後台操作 網站架構 ( 目錄樹 ) 建立 資料上稿 版面設計 Q & A. 前台. 範例網站: http://www.fcu.edu.tw/wSite/mp?mp=8889. 前台瀏覽. 標頭列 header. 目錄選單. 查詢功能. 訊息列表 - 頁籤呈現. 快速連結、相關連結. 訊息列表 - 一般條列. 訂閱 [ 逢甲週報 ]. 課程檢索. 嵌入行事曆. 底部資訊 footer. 後台.
E N D
逢甲大學系所網站後台教育訓練 凌網科技 林雁茹 2012/05
大綱 • 前後台畫面瀏覽 • 後台操作 • 網站架構(目錄樹)建立 • 資料上稿 • 版面設計 • Q&A
前台 範例網站:http://www.fcu.edu.tw/wSite/mp?mp=8889
前台瀏覽 標頭列header 目錄選單 查詢功能 訊息列表-頁籤呈現 快速連結、相關連結 訊息列表-一般條列 訂閱[逢甲週報] 課程檢索 嵌入行事曆 底部資訊footer
後台 http://wsp.fcu.edu.tw:8080/Admin
後台操作 網站架構(目錄樹)建立
網站架構(目錄樹)建立-觀念(一) 先瞭解將建立的網站內容 網站中所有資訊的集合 = 網站架構 先整理將建立的網站需含有哪些資訊以及層級關係(最新消息、單位簡介、師資介紹…)---見以下範例
網站架構(目錄樹)建立-觀念(二) • 後台新增/編修什麼? • 網站架構由目錄樹及主題單元所組成 • 目錄樹-網站中的所有單元:子目錄、項目 • 每個項目節點都需搭配一個主題單元 • 何謂主題單元:上稿資料存放的位置
子目錄、項目的差別? 子目錄 子目錄 項目 項目 項目 項目
主題單元的作用(二) 新增項目時,需新增相對應的主題單元或選取現有的主題單元 如何新增?
主題單元的作用(三) 重點→單元類型的選擇:首頁式、條列式、URL連結式
主題單元-首頁式 點選項目後,前台直接呈現上稿資料最新一筆上稿資料
主題單元-條列式 點選項目後,前台條列呈現每一筆上稿資料
主題單元-URL連結式 點選項目後,前台直接連結至設定的網址
主題單元的作用(一) 節點名稱不一樣,但主題單元設一樣,則兩邊資料會相同
後台功能-資料上稿 3 1 2 • 若上稿資料皆為文字無表格…等其他類型資料,建議可先貼至記事本,再從記事本複製過來上稿,可避免文字有自己的格式,造成前台顯示無一致性。 • 反之,若需表格、文字顏色、大小變換等需求,建議可先至word編輯,再到後台做複製貼上。
後台功能-資料上稿 最多500字, 超過怎麼辦 可插入一張圖
後台功能-資料上稿 1 將”簡述”內的文字移除即可 進行存檔
後台功能-資料上稿 存檔後,還在“草稿”狀態,記得送出審核 審稿人員審核後,即可在前台顯示資料
後台功能-資料上稿 前台呈現畫面
後台功能-資料上稿 想接著上傳附件、新增連結、編輯表格網頁怎麼辦(一)? 接續處理:網頁、附件、連結
後台功能-資料上稿 想接著上傳附件、新增連結、編輯表格網頁怎麼辦(二)? 網頁、附件、連結
後台功能-資料上稿 Html碼編輯 粗體、斜體…置中…等按鈕 插入圖片 插入超連結 可做一些簡單的網頁編輯
後台功能-資料上稿-網頁編輯器 插入圖片 插入圖片需注意? 照片上傳 – 檔名請用英文字, – 副檔名只接受jpg, gif並請使用小寫副檔名, – MAX 圖檔1M,副檔10M • 上稿時如需要使用照片上傳動作, 請記得以單位代號建立目錄,並取有意義的圖片英文檔名, 再加上圖片長寬,日後使用比較方便。
後台功能-資料上稿-附件上傳 新增附件:doc、pdf、ppt、jpg… 插入圖片需注意? 附件檔案,檔名+副檔名請勿超過200字 – 例:abcde測試.doc – "abcde" 為5個字,"測試" 為2個字,".doc" 為4個字, 共11個字
後台功能-資料上稿-新增連結 新增超連結
後台功能-資料上稿-前台呈現畫面 主要內文 附件下載 相關連結
後台功能-資料上稿-版面呈現方式 若想有點不一樣的版面…..請回到“目錄樹管理”針對節點項目做設定
後台功能-資料上稿-前台呈現版面 點選選單 條列版型 內容版型 有的欄位不想要出現該怎麼辦?
後台功能-資料上稿-資料欄位的調整 留意:DND權限比DSD大。 修改過DND後,則DSD之後的任何修改都不會有作用 • 有些資料欄位不想要出現,有兩個方式調整: • 目錄樹管理→相關項目節點 →編修主題單元→右上角的“DSD” • 目錄樹管理→相關項目節點→右上角的“DND”
後台功能-資料上稿-資料欄位的調整 留意:DND權限比DSD大。 修改過DND後,則DSD之後的任何修改都不會有作用 • 有些資料欄位不想要出現,有兩個方式調整: • 目錄樹管理→相關項目節點 →編修主題單元→右上角的“DSD” • 目錄樹管理→相關項目節點→右上角的“DND”
後台操作-版面設計 進階操作→網站管理→版面設計(單位) 有三大部份會影響版面:首頁版型、內頁版型、CSS設定
後台操作-版面設計-版型對照 三欄式 再針對所需編輯的區塊,點選進入
後台操作-版面設計 如何新增一個上方選單(一)? 2 新增區塊 點選上方區塊 1 3 設定該區塊
後台操作-版面設計 如何新增一個上方選單(二)? 分為目錄、版塊 選單為「子目錄包含其他選單項目」
後台操作-版面設計 如何新增一個上方選單(三)?
後台操作-版面設計 如何新增一個上方選單(四)?
後台操作-版面設計 如何新增學校新聞中心的資料介接:活動、新聞、公告
後台操作-版面設計 如何新增學校新聞中心的資料介接:活動、新聞、公告僅能用於中間區塊 2 3 1
後台操作-版面設計 如何新增學校新聞中心的資料介接:活動、新聞、公告 不用選擇項目節點 1 貼上相關介接碼:見下頁說明 2 選擇版型:資料介接_新聞中心
後台操作-版面設計 如何新增學校新聞中心的資料介接:活動、新聞、公告 ※ 區塊標題:新聞中心 ※ 外部資料來源:分為一級單位與二級單位,請依照本身的單位層級做更換 一級單位請換成:請注意紅色字部份,需更換本身的單位代碼(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
後台操作-版面設計 如何新增最新消息…且用頁籤方式? 2 3 1
後台操作-版面設計 如何新增最新消息…且用頁籤方式? • 設定頁籤的方式 • 區塊順序設一樣,Tab順序設”順序”
後台操作-版面設計 如何新增最新消息…且用頁籤方式?
後台操作-版面設計 有其他版型可應用嗎? 可見後台版面入門教學:套特殊版 Block XSL 教學 此此可變換版型,有中間專用與側欄專用。例如跑馬燈…
後台操作-版面設計 可以自己嵌入語法嗎? 2 1 3