网站内容建置实务课件.ppt

網站內容建置實務 報告人：電資官鄒堡旬少校　　　 網站內容建置實務(一) 網站建置的元素、架構、運作 網站類型及演進 網站內容應用 網站的規劃設計 案例 網站建置的元素、架構、運作 網站建置的元素、架構、運作 A:我要建一個網站 B: … 主機(網站空間) 網頁(美工、程式) 內容(資料(訊)、資料庫) 管理 其他(網址、IP...) 網站類型及演進 OS 作業系統 Windows XP 7 , 8 , Win Server Unix(Linux) Fedora , ubuntu,… Google …… Web server IIS Apache Tomcat… Tool ASP ASP.Net (C#,VB.Net) PHP ,Perl, CGI… dreamweaver Java, coldfusion… 美工媒體 Silverlight 小畫家… Flash, photoshop, photoimpact Database (資料庫) MS-SQL, Access… Mysql, Sqllite… Oracle… 網站類型及演進 Text-Based Site 圖文網站 搜尋 多媒體網站 Flash,Media … 內容應用等專業網站 Portal Web 2.0 網站內容應用 由網頁集合而成 網頁可分靜態及動態 靜態 : 內容異動性低,不需程式 由HTML語言構成提交User 。 動態 :內容異動性高,由程式處理資料, 產生HTML語言提交User ,資料可儲存於檔案或資料庫。 網站內容應用 EC (電子商務) Portal (組織 及 個人) 社群網站 eLearn 論壇網站 單位組織之網站 網站的規劃設計 版型 十一條規範 metadata 相關法規 網站的規劃設計--版型 國內政府網站版型、內容 研考會-政府網站版型與內容管理規範 網站的設計、內容選擇和分類方式以使用者為中心 目前現象 內容架構不一 重圖像表現 內容管理不完善 範例網站 網站的規劃設計--十一條規範 1.使用者的呈現裝置 2.網頁組成要素 3.導覽 4.首頁設計 5.文字樣式與連結 6.圖片與多媒體 7.表單 8.搜尋 9.內容提供 10.內容撰寫 11.內容管理 網站的規劃設計--網頁組成要素 網站名稱與識別標誌（Logo）左上 點選後可連結至首頁。 網站地圖（Sitemap）右上 呈現網站資訊的階層架構。 回首頁（Home）右上 意見信箱（Feedback）右上 應以表單為填寫介面。 系統自動回覆訊息 進度查詢 網站的規劃設計--網頁組成要素 常見問答（FAQs）右上 資料甚多，可提供分類或關鍵字查詢 語言版本切換按鈕 （Languages）右上 建置雙語網站 切換至英文版的按鈕命名為「English」，切換至中文版的按鈕命名為「中文版」 PDA版切換按鈕 右上 注意版面寬度不超過240像素 Ex: 教育部 交通部民航局 網站的規劃設計--網頁組成要素 全站搜尋（Search） 雙語詞彙（Bilingual Glossary） RSS訂閱按鈕 資料內容更新頻率高的單元 內容重要、可主動告知訂閱者 資料日期（Date） 日期格式遵循(YYYY-MM-DD) 區分各筆資料的更新日期與網頁的更新日期 網站的規劃設計--網頁組成要素 留言版/討論區/論壇 (Message Board /Discussion Forum/ Forum) 留言者身分認證機制 留言後自動過濾不當詞彙 經管理者審核通過後才公佈 會員專區 （Member Login） 具身分稽核的會員專區更多元的服務 便民服務 （Online Service） 現行服務流程，適切轉置於網站上者 網站的規劃設計--網頁組成要素 無障礙或其他政府標章 聯絡電話（Phone Number）下方 加上縣市區碼，如（089）318855 英文版應加上國碼，如（+886） 聯絡地址（Address）下方 應加上五碼郵遞區號 英文版則加上國名 地址英譯需依台灣郵政的建議格式 可加上「交通位置圖」連結 網站的規劃設計--網頁組成要素 隱私權政策（Privacy Policy）下方 84年制定的「電腦處理個人資料保護法」 網站安全政策（Security Policy）下方 應與各機關實際的資安政策一致 「我的E政府」標誌 （The E-government Entry Point）下方 連結網址.tw/ 網站的規劃設計--導覽 導覽列以一致的風格與位置貫穿全站 Example1 Example2 導覽按鈕名稱應清楚易懂、符合慣例 圖示旁加上文字 使用者