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