《网站规划与程式设计讲课资料》由会员分享，可在线阅读，更多相关《网站规划与程式设计讲课资料（30页珍藏版）》请在金锄头文库上搜索。
1、網站規劃與程式設計,吳錦範 國立臺東師範學院圖書館 frankcc.ntttc.edu.tw 2003/01/17 & 2003/01/24,2003/01/17,CC201,2,大綱,網站規劃 壹、網站設計四大原則 貳、網頁設計一般注意事項 參、好網站的特色 肆、網站設計的17大錯誤 伍、政府網頁競賽評鑑標準 程式設計 壹、系統(需求) 分析 貳、資料庫規畫 參、程式開發 肆、系統維護,互動式網頁製作具備的知能 結語 參考書目,2003/01/17,CC201,3,網站設計四大原則 (Roslyn Raward. 2001),找到網站資訊內容的能力 (Finding the informat
2、ion) 是否有網站地圖 索引 站內查詢 網站內容目錄 了解網站資訊內容的組織與結構 (Understanding the information) 標題是否具有直覺性 文字清晰度 用語是否一致,2003/01/17,CC201,4,網站設計四大原則 (續),支援使用者的能力(Supporting user tasks) 是否有途徑可供提問及建議 常問問題集 輔助說明 呈現資訊內容的表現能力 (Presenting the information) 檔案下載的時間 檔案與圖檔的大小 是否有圖表 跨平台的相容性,2003/01/17,CC201,6,網頁設計一般注意事項 (李賢輝 ,1999),
3、瀏覽器 Netscape Microsoft IE 版本差異 電腦運作平台 PC UNIX MAC 螢幕解析度 網路頻寬 MODEM ADSL LAN,2003/01/17,CC201,7,網頁設計一般注意事項(續),使用環境測試 儘可能在各種不同的機器下測試你的網站； 請別人評論你的網站； 把你的瀏覽器放大到全螢幕； 儘可能使用各種不同的瀏覽器測試你的網頁； 將你的網頁分別在 28.8 和 56.0 二種不同的數據機上測試； 透過乙太網路及一般電話線做測試。 智慧財產權 在 WWW 上找到的資料不一定都是公開免費的； 使用他人的資料前，最好先取得他人的同意； 不要使用他人已註冊的資料，如米老
4、鼠等； 即使你在使用他人的資料時，並沒有從中得利，也不代表你的行為是合法,2003/01/17,CC201,8,網頁設計一般注意事項(續),資訊更新 創造一個網站最有挑戰性的部份是經常更新網站的內容，尤其是一些隨著時間必需更新的資訊。為了告訴讀者有關資訊的時效性，通常我們會在網頁上註明最後更新資訊的時間，並且註明負責資訊更新的負責人姓名與電子郵件地址，以方便讀者與其連絡。 觀眾的評價 透過電子郵件收集讀者的意見，做為網頁改進的參考,參、好網站的特色,2003/01/17,CC201,10,好網站的特色,內容充實 資料豐富 索引方便 畫面美觀 佈局清爽 互動性佳 容易連線 時常更新 新奇有趣 服
5、務良好,肆、網站設計的17大錯誤,2003/01/17,CC201,12,網站設計的17大錯誤 (黃朝盟, 趙美慧 2001),視窗分割 濫用尖端的新科技 複雜的網址 孤離的網頁 網路導覽的欠缺 明顯的錯誤或過時的資訊 舊檔案線上保存的不足 跑馬燈式的文字及不斷重複的動畫 冗長的捲動型網頁,10.超連結顏色使用的不一 11.冗長的下載時間 12.使上一頁按鈕無法使用 13.開啟新瀏覽視窗 14.網頁介面符號的不一致 15.未提供人物或著作出處的註明 16.不達意的標題文字 17.廣告化的設計,伍、政府網頁競賽評鑑標準,2003/01/17,CC201,14,政府網頁競賽評鑑標準 (NII 產業
6、發展協進會 1999),內容更新 內容豐富 分類結構 檢索設計 互動功能 便民服務 網頁設計規劃 多媒體應用,2003/01/17,CC201,15,內容更新,網站更新時效及頻率 資料更新能否反應最新動態 資料更新頻率 更新資料量 每次更新資料量 更新量與網站資料總量比例 更新項目協調性與持續性 各分類項目是否更新 更新是否持續進行 更新日期與項目之標示 標示項目 (時間、更新項目、更新內容等.) 標示是否明顯清楚,2003/01/17,CC201,16,內容豐富,單位基本資料豐富性 單位基本資料包括機關及組織介紹、業務內容介紹、公告事項、活動通告、新聞資料、首長及政策報告等. 便民服務資訊豐
7、富性 便民服務資訊包括聯絡方式、申辦程序說明及表格、相關法規及說明、便民手冊、民眾常用問答集 (FAQ) 等. 資料加值程度 資訊內容依據網路特性而重新編排、設計，而非直接引用原有平面資料 資訊內容具有自動搜集、回饋、累積之功能 其他相關資料 民眾生活相關資訊 相關單位網站鏈結服務 提供其他語文版本,2003/01/17,CC201,17,分類結構,分類項目 分類項目定義是否明確 分類名稱是否容易瞭解 是否提供分類項目說明 分類架構 分類架構是否明白易讀 提供網站分類架構圖 是否依使用者需求，而非直接沿用組織架構 分類層級適當性 分類數目是否適當 網站層級數目是否適當 網站分類或層級之間的移動
8、是否方便,2003/01/17,CC201,18,檢索設計,檢索使用方便性 檢索功能的規則說明 檢索功能的使用範例 搜尋不到時之建議事項 檢索種類豐富性 提供使用者多重查詢方式 (全文檢索、選單檢索.) 檢索結果呈現方式 檢索結果分頁顯示 檢索結果自動排列 (時間、符合程度.等) 檢索設計使用者親和性,2003/01/17,CC201,19,互動功能,互動設計實用性 互動設計使用是否便利 互動設計是否切合民眾需求 互動設計是否有助於收集民意 互動功能多樣性 民眾與政府單位之間的互動：民眾投書、首長信箱、問卷調查 民眾之間的互動：民意論壇、留言簿、BBS、聊天室. 互動設計加值與創意性 互動內容
9、的整理、回應等加值服務 善用3C特性的互動功能設計,2003/01/17,CC201,20,便民服務,申辦資訊豐富性 申辦資訊包括聯絡方式、申辦程序說明及表格、相關法規及說明、便民手冊、民眾關心問題相關資訊 (FAQ). 線上申辦服務 提供資訊內容線上查詢 接受線上登錄：例如報名、訂閱等 提供包括認證與加密等多重功能與選擇 便民功能實用性 是否切合民眾需求 是否減輕機關行政負荷 是否提高機關服務效率 使用方便性 便民服務使用輔助說明 是否需要使用特定軟體,2003/01/17,CC201,21,網頁設計規劃,網頁的視覺設計 網頁版面編排及風格是否一致 版面配色清晰，便於閱讀 頁面字體大小是否適
10、合螢幕瀏覽觀看 網頁設計的方便性考量 瀏覽移動方便性 網頁下載速度考量 頁面內容設計是否考量不同螢幕解析度 網頁設計創意性 能否表現機關業務、地區特色 視覺設計創意性,2003/01/17,CC201,22,多媒體應用,實用性 是否有助於資訊內容呈現 是否有助於與使用者互動 是否可以表現該機關業務或地區特色 使用方便性 使用平台相容性、是否需要安裝外掛軟體 下載速度考量 創意性 能否表現機關業務、地區特色 媒體選擇使用的創意性,程式設計,2003/01/17,CC201,24,程式設計,壹、系統(需求) 分析 使用者需要哪些資訊?! 管理者需要哪些資料?! 貳、資料庫規畫 選用使用何種資料庫
11、Access MS SQL Sybase Oracle My SQL . 正規化,2003/01/17,CC201,25,程式設計 (續),參、程式開發 使用何種語言 ASP PHP JAVA 其他 (VB, JSP, Delphi,) 肆、系統維護 程式更新 & 資料更新 需求分析等資料的保存,有利於後續的維護 程式註解,2003/01/17,CC201,26,互動式網頁製作具備的知能,HTML 語法 HTML , DHTML, XML 網頁編輯軟體的應用 Front Page Dreamweaver 記事本 . 多媒體的應用 Flase PhotoImpac .,2003/01/17,CC
12、201,27,互動式網頁製作具備的知能(續),程式語言 指令,語法 資料庫設計 SQL 語法 作業系統 網站管理 權限管理,伍、結語,2003/01/17,CC201,29,結語,一個成功的網站就像一棟好的建築，不在於外觀是否與眾不同或是內部充滿了先進的科技，而在於讓使用者滿意(Rosenfeld & Morville 1998).,2003/01/17,CC201,30,參考書目,李賢輝 。從政府網站規劃要點學習網頁規劃設計 。教育部網路應用暨套裝軟體研討會 ,1999年10月26日。 ( http:/140.112.2.84/theatre/course/th6_500/88-10-26.
13、htm ) 黃朝盟, 趙美慧。.com的策略規劃與設計。北市: 商鼎, 2001年3月。 Roslyn Raward. (2001). Academic library website design principles: Development of a checklist. ( http:/www.alia.org.au/sections/ucrls/aarl/32.2/full.text/raward.html ) Thomas A. Powell。Web Design設計實務: 徹底研究。北市：麥格羅希爾，2001年6月。 Web style Guide ( http:/info.med.yale.edu/caim/manual/ ) Usability and Web Design ( ),
