內容管理 Content Management

網路資源 內容管理Content Management 謝寶煖國立台灣大學圖書資訊學系副教授pnhsieh@ccms.ntu.edu.tw http://www.lis.ntu.edu.tw/~pnhsieh/ 2001年5月10日

知識管理是什麼 價值相關性新穎性激發創新顯性化蒐集分類彙整同化傳佈建立系絡context形成思考模式承諾、分享交換、建立關係

Knowledge Is Power, especially in the Internet age. On the Internet,Content is King!

我要什麼 我有什麼如何取得（誰有）內部：Intranet 外部：Internet 如何提供（給誰）內部：Intranet 外部：Internet 知識管理消弭知識差距（knowledge gap）

網頁數量 • 根據200年二月Inktomi和NEC研究中心的估計，目前Internet上有10億份的可索引網頁。 • 搜尋引擎Google可以搜尋 1,346,966,000 網頁（含PDF檔）。（索引7億5百萬頁） Source: Danny Sullivan, “Search Engine Sizes,” The Search Engine Report, April 6, 2001. http://www.searchenginewatch.com/reports/sizes.html

網頁成長量 到了2002年網頁的數量會比人口數量還多! (2002年推估人口數為：6,234,250,387 ) • 每天有4,400個新網站

網站集客力（MediaMetrix）

資訊專家與內容管理 • 2000年10月英國的企業調查顯示 • 83％公司認為網站是重要的工具 • 77％知道公司網站上的資訊過時

圖書館員在網頁開發中扮演的角色

On the Internet,Content is King! • 網頁設計技術＝＞網頁內容開發與管理 • 網站內容那裏來？ • 網站內容如何加值？ • 網站內容如何架構？ • 網站內容如何更新？

何謂內容？ • 內容就是有用的資訊 • 書有內容，讀者才會閱讀 • 期刊有內容，讀者才會瀏覽 • 網頁有內容，讀者才會點閱，才會停留 • 文章 • 消息 • 廣告 • 圖片

何謂內容管理？Content Management • 維持網站內容新顈、正確性、一致性，以及再利用、再創作的方法 • 文歸文，圖歸圖 • 內容擁有者就是網頁出版者（template） • 內容創造者就是網頁出版者 • 結構化的流程 • 版本管理：不同媒體形式，內容版本一致

內容創建策略 • 結構化內容創建法 • 空白的網頁讓人頭腦打結 • 以大綱或模組化內容架構來幫助不熟悉HTML的內容擁有者創建網頁內容 • 剪輯式內容創建法 • KM發揮資訊代理的角色，需要選擇和編修現有資訊，傳播到組織內。 • 內容創建不必從無到有，從現在的資源中編選也是一種內容的創建

Brown University

標題和URL 跟著游標動，但以齊左齊右排列

Low-graphics version

標題和URL 每頁固定位置

每頁格式一致：頁首左邊是標題和URL，右邊是圖示功能每頁格式一致：頁首左邊是標題和URL，右邊是圖示功能

每頁格式一致：頁尾是讀者意見、最近更新日期和版權每頁格式一致：頁尾是讀者意見、最近更新日期和版權

http://info.med.yale.edu/caim/manual/

網站開發過程 • 網站定義與規劃（Site difeintion and planning） • 資訊結構（Information architecture） • 網站設計（Site design） • 網站建置（Site construction） • 網站行銷（Site marketing） • 追蹤、評估和維護（Tracking, evaluation and maintenance）

網站定義 • 目標為何？ • 對象是誰？ • Web surfers • Novice and occasional users • Expert and frequent users • International users

使用者導向之網頁評估準則

資訊結構 • 網站的內容與組織 • 內容庫（content inventory） • 有什麼 • 缺什麼 • 內容結構（content architecture） • Site maps • Thumbnails • Outlins • Table of contents • Site prototype

資訊結構：使用對象 華大圖書館首頁 http://www.lib.washington.edu

組織資訊五步驟 • 將內容切割成邏輯單元 • “Chunking” Information：7 ±2 • 2-3頁 • 界定單元間的重要性 • 依重要性架構內容單元 • 據之建構網站 • 分析功能性和美感

網站內容與讀者閱讀時間 http://info.med.yale.edu/caim/manual/intro/design_strategies.html

線性網頁編排 適用於：訓練教材、操作手冊、申請手續等需逐步學習者

非線性的網頁編排

網站要有清楚結構 • 樹狀結構圖 • 網站地圖 • 組織性 • 顏色管理 • 版面編排

網頁結構與顏色管理

網站設計 (1) • 內容要素 • Text（編輯、校對） • Graphic design specific cautions • Page templates • Header/footer, graphics, logos, buttons, backgrounds • Illustrations • Photography

網站設計 (2) • 功能與邏輯要素 • Javascript scripts, Jave applets • Database tables and programming interaction prototypes • Search engines

網站建置 • 介面設計（Interface design） • 網頁設計 vs. 印刷文件設計 • 基本的編輯和圖表設計原則不變 • 變的是hypertext links • 使用者可以毫無前情提要地進到網站的任一頁 • 每個網頁都要有： • 資訊性標題 • 建置者（作者或機構） • 建置日期或更新日期 • 至少有一個連結到首頁 • 首頁的URL

網頁設計小原則－1 • 每頁都要放圖書館的logo和名稱、URL、網頁建立日期 • logo要連到首頁，除了首頁以外（千萬別超連結到本頁－－自己連自己） • logo和相關識別資訊請固定在同一個位置 • 請看兩個例子 • Library of Congress • The University of Southern Mississippi2,3

美國圖會圖書館網站，每個圖資人都該到此一遊－－我好羨慕寬頻上網！美國圖會圖書館網站，每個圖資人都該到此一遊－－我好羨慕寬頻上網！

網頁設計小原則－2 • 網站超過100頁，請提供站內搜尋(search)

網頁設計小原則－3 • 每個網頁都應該有標題 • 瀏覽器怎麼顯示網頁 • 搜尋引擎怎麼找到網頁、呈現網頁 • FrontPage之例 (newpage1) • 網頁標題應該是層屬的，如USM之例例：圖書館名稱－網頁內容

網頁設計小原則－4 • 網頁架構和版面安排，幫助讀者掃描和篩選/忽略不相關的大段文字 • 內容也應有適當簡潔的大小標題，增加內容的可讀性 • 切記：沒有標題的網頁讀者不會有耐心看的，那我們豈不是做虛功 • 內容再有價值，版面編排不好，網友也不想看，點閱率和回閱率都不會

標題可以捉住讀者視線

你可以再靠近一點視覺掃描與版面結構

內容管理 Content Management