1 / 30

網站規劃與程式設計

網站規劃與程式設計. 吳錦範 國立臺 東師範學院圖書館 frank@cc.ntttc.edu.tw 2003/01/17 & 2003/01/24. 網站規劃 壹、網站設計四大原則 貳、網頁設計一般注意事項 參、好網站的特色 肆、網站設計的 17 大錯誤 伍、政府網頁競賽評鑑標準 程式設計 壹、系統 ( 需求 ) 分析 貳、資料庫規畫 參、程式開發 肆、系統維護. 互動式網頁製作具備的知能 結語 參考書目. 大綱. 網站設計四大原則 (Roslyn Raward. 2001).

eydie
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. 網站規劃與程式設計 吳錦範 國立臺東師範學院圖書館 frank@cc.ntttc.edu.tw 2003/01/17 & 2003/01/24

  2. 網站規劃 壹、網站設計四大原則 貳、網頁設計一般注意事項 參、好網站的特色 肆、網站設計的17大錯誤 伍、政府網頁競賽評鑑標準 程式設計 壹、系統(需求) 分析 貳、資料庫規畫 參、程式開發 肆、系統維護 互動式網頁製作具備的知能 結語 參考書目 大綱 CC201

  3. 網站設計四大原則 (Roslyn Raward. 2001) • 找到網站資訊內容的能力 (Finding the information) • 是否有網站地圖 • 索引 • 站內查詢 • 網站內容目錄 • 了解網站資訊內容的組織與結構 (Understanding the information) • 標題是否具有直覺性 • 文字清晰度 • 用語是否一致 CC201

  4. 網站設計四大原則 (續) • 支援使用者的能力 (Supporting user tasks) • 是否有途徑可供提問及建議 • 常問問題集 • 輔助說明 • 呈現資訊內容的表現能力 (Presenting the information) • 檔案下載的時間 • 檔案與圖檔的大小 • 是否有圖表 • 跨平台的相容性… CC201

  5. 貳、網頁設計一般注意事項

  6. 網頁設計一般注意事項 (李賢輝 ,1999) • 瀏覽器 • Netscape • Microsoft IE • 版本差異 • 電腦運作平台 • PC • UNIX • MAC • 螢幕解析度 • 網路頻寬 • MODEM • ADSL • LAN CC201

  7. 網頁設計一般注意事項(續) • 使用環境測試 • 儘可能在各種不同的機器下測試你的網站； • 請別人評論你的網站； • 把你的瀏覽器放大到全螢幕； • 儘可能使用各種不同的瀏覽器測試你的網頁； • 將你的網頁分別在 28.8 和 56.0 二種不同的數據機上測試； • 透過乙太網路及一般電話線做測試。 • 智慧財產權 • 在 WWW 上找到的資料不一定都是公開免費的； • 使用他人的資料前，最好先取得他人的同意； • 不要使用他人已註冊的資料，如米老鼠等； • 即使你在使用他人的資料時，並沒有從中得利，也不代表你的行為是合法 CC201

  8. 網頁設計一般注意事項(續) • 資訊更新 • 創造一個網站最有挑戰性的部份是經常更新網站的內容，尤其是一些隨著時間必需更新的資訊。為了告訴讀者有關資訊的時效性，通常我們會在網頁上註明最後更新資訊的時間，並且註明負責資訊更新的負責人姓名與電子郵件地址，以方便讀者與其連絡。 • 觀眾的評價 • 透過電子郵件收集讀者的意見，做為網頁改進的參考 CC201

  9. 參、好網站的特色

  10. 好網站的特色 • 內容充實 • 資料豐富 • 索引方便 • 畫面美觀 • 佈局清爽 • 互動性佳 • 容易連線 • 時常更新 • 新奇有趣 • 服務良好 CC201

  11. 肆、網站設計的17大錯誤

  12. 視窗分割 濫用尖端的新科技 複雜的網址 孤離的網頁 網路導覽的欠缺 明顯的錯誤或過時的資訊 舊檔案線上保存的不足 跑馬燈式的文字及不斷重複的動畫 冗長的捲動型網頁 10.超連結顏色使用的不一 11.冗長的下載時間 12.使「上一頁」按鈕無法使用 13.開啟新瀏覽視窗 14.網頁介面符號的不一致 15.未提供人物或著作出處的註明 16.不達意的標題文字 17.廣告化的設計 網站設計的17大錯誤(黃朝盟, 趙美慧 2001) CC201

  13. 伍、政府網頁競賽評鑑標準

  14. 政府網頁競賽評鑑標準 (NII 產業發展協進會1999) • 內容更新 • 內容豐富 • 分類結構 • 檢索設計 • 互動功能 • 便民服務 • 網頁設計規劃 • 多媒體應用 CC201

  15. 內容更新 • 網站更新時效及頻率 • 資料更新能否反應最新動態 • 資料更新頻率 • 更新資料量 • 每次更新資料量 • 更新量與網站資料總量比例 • 更新項目協調性與持續性 • 各分類項目是否更新 • 更新是否持續進行 • 更新日期與項目之標示 • 標示項目 (時間、更新項目、更新內容等...) • 標示是否明顯清楚 CC201

  16. 內容豐富 • 單位基本資料豐富性 • 單位基本資料包括機關及組織介紹、業務內容介紹、公告事項、活動通告、新聞資料、首長及政策報告等...... • 便民服務資訊豐富性 • 便民服務資訊包括聯絡方式、申辦程序說明及表格、相關法規及說明、便民手冊、民眾常用問答集 (FAQ) 等...... • 資料加值程度 • 資訊內容依據網路特性而重新編排、設計，而非直接引用原有平面資料 • 資訊內容具有自動搜集、回饋、累積之功能 • 其他相關資料 • 民眾生活相關資訊 • 相關單位網站鏈結服務 • 提供其他語文版本 CC201

  17. 分類結構 • 分類項目 • 分類項目定義是否明確 • 分類名稱是否容易瞭解 • 是否提供分類項目說明 • 分類架構 • 分類架構是否明白易讀 • 提供網站分類架構圖 • 是否依使用者需求，而非直接沿用組織架構 • 分類層級適當性 • 分類數目是否適當 • 網站層級數目是否適當 • 網站分類或層級之間的移動是否方便 CC201

  18. 檢索設計 • 檢索使用方便性 • 檢索功能的規則說明 • 檢索功能的使用範例 • 搜尋不到時之建議事項 • 檢索種類豐富性 • 提供使用者多重查詢方式 (全文檢索、選單檢索......) • 檢索結果呈現方式 • 檢索結果分頁顯示 • 檢索結果自動排列 (時間、符合程度......等) • 檢索設計使用者親和性 CC201

  19. 互動功能 • 互動設計實用性 • 互動設計使用是否便利 • 互動設計是否切合民眾需求 • 互動設計是否有助於收集民意 • 互動功能多樣性 • 民眾與政府單位之間的互動：民眾投書、首長信箱、問卷調查 • 民眾之間的互動：民意論壇、留言簿、BBS、聊天室...... • 互動設計加值與創意性 • 互動內容的整理、回應等加值服務 • 善用3C特性的互動功能設計 CC201

  20. 便民服務 • 申辦資訊豐富性 • 申辦資訊包括聯絡方式、申辦程序說明及表格、相關法規及說明、便民手冊、民眾關心問題相關資訊 (FAQ)...... • 線上申辦服務 • 提供資訊內容線上查詢 • 接受線上登錄：例如報名、訂閱等 • 提供包括認證與加密等多重功能與選擇 • 便民功能實用性 • 是否切合民眾需求 • 是否減輕機關行政負荷 • 是否提高機關服務效率 • 使用方便性 • 便民服務使用輔助說明 • 是否需要使用特定軟體 CC201

  21. 網頁設計規劃 • 網頁的視覺設計 • 網頁版面編排及風格是否一致 • 版面配色清晰，便於閱讀 • 頁面字體大小是否適合螢幕瀏覽觀看 • 網頁設計的方便性考量 • 瀏覽移動方便性 • 網頁下載速度考量 • 頁面內容設計是否考量不同螢幕解析度 • 網頁設計創意性 • 能否表現機關業務、地區特色 • 視覺設計創意性 CC201

  22. 多媒體應用 • 實用性 • 是否有助於資訊內容呈現 • 是否有助於與使用者互動 • 是否可以表現該機關業務或地區特色 • 使用方便性 • 使用平台相容性、是否需要安裝外掛軟體 • 下載速度考量 • 創意性 • 能否表現機關業務、地區特色 • 媒體選擇使用的創意性 CC201

  23. 程式設計

  24. 程式設計 壹、系統(需求) 分析 • 使用者需要哪些資訊?! • 管理者需要哪些資料?! 貳、資料庫規畫 • 選用使用何種資料庫 • Access • MS SQL • Sybase • Oracle • My SQL …. • 正規化 CC201

  25. 程式設計 (續) 參、程式開發 • 使用何種語言 • ASP • PHP • JAVA • 其他 (VB, JSP, Delphi,……) 肆、系統維護 • 程式更新 & 資料更新 • 需求分析等資料的保存,有利於後續的維護 • 程式註解 CC201

  26. 互動式網頁製作具備的知能 • HTML 語法 • HTML , DHTML, XML • 網頁編輯軟體的應用 • Front Page • Dreamweaver • 記事本 ….. • 多媒體的應用 • Flase • PhotoImpac ….. CC201

  27. 互動式網頁製作具備的知能(續) • 程式語言 • 指令,語法 • 資料庫設計 • SQL 語法 • 作業系統 • 網站管理 • 權限管理 CC201

  28. 伍、結語

  29. 結語 • 一個成功的網站就像一棟好的建築，不在於外觀是否與眾不同或是內部充滿了先進的科技，而在於讓使用者滿意(Rosenfeld & Morville 1998). CC201

  30. 參考書目 • 李賢輝 。從政府網站規劃要點學習網頁規劃設計 。教育部網路應用暨套裝軟體研討會 ,1999年10月26日。 ( http://140.112.2.84/~theatre/course/th6_500/88-10-26.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(http://www.useit.com/ ) CC201

More Related