公家機關網頁設計時必須注意的事項 - 公家機關網頁設計、政府網站、政府網站版型、中央與地方機關入口網站、各機關建立的主題網站、公家機關網站版型

網頁設計,網頁設計公司,網頁程式設計,網站程式設計,台北網頁設計,無障礙網頁設計,3d互動網頁設計, 720度環場,網站建置,主機代管,電子商務,政府機關網頁設計,公家機關網頁設計,網站製作公司,網站設計公司,網站架設

網頁設計∣程式設計∣網站規劃∣虛擬主機與主機代管∣關於網繹∣我們的服務∣我們的客戶∣無障礙網頁設計∣網站優化SEO∣聯絡我們

::: ∣回首頁∣網站地圖∣ENGLISH∣日本語∣簡體中文∣

∣

:::

透過網繹將您的網站輕鬆的通過無障礙網頁檢測標準，達到轉換網頁無障礙，擴充單元無障礙，新增內容無障礙的功能。

> 新莊市公所開新視窗

:::	回首頁 >> 資訊與知識庫

標題	公家機關網頁設計時必須注意的事項
主題分類	公家機關網頁設計
原文章出處	行政院研究發展考核委員會

製作公家機關網站必須符合兩大要素：
1.符合無障礙規定，2.符合政府網站的內容管理規範本文茲就符合政府網站的內容管理規範做一節錄及整理。
公家機關網站版型範例網站：http://rdec.systex.idv.tw/web/index.html

前言
本規範提供中華民國政府各網站視覺呈現、使用者介面和內容管理等事項，提升網站的可及性、介面親和度、使用者滿意度和服務品質。
適用網站
‧ 第一類：中央與地方機關入口網站。
‧ 第二類：各機關建立的主題網站（含專業網站、線上服務、觀光文化、互動社群等各類網站）。
二、11條規範
1. 使用者的呈現裝置(Compatibility)
2. 網頁組成要素（Site Required Elements）
3. 導覽（Navigation）
4. 首頁設計（Homepage）
5. 文字樣式與連結（Text Styles and Links）
6. 圖片與多媒體（Images and Multimedia）
7. 表單（Forms）
8. 搜尋（Search）
9. 內容提供(Content Requirements)
10. 內容撰寫(Writing for the Web)
11. 內容管理(Content Management)

1. 使用者的呈現裝置(Compatibility)
1.1.網站設計支援不同的瀏覽程式：能在IE與Firefox瀏覽器中正常顯示。
1.2.網頁設計宜考量螢幕解析度：符合1024*768並兼顧800*600螢幕解析度。
1.3. 提供友善列印版本：頁面的主要內容，應可完整列印在A4紙張上。
1.4. Tab鍵在網頁上的移動應有順序性：Tab鍵移動的順序為由左到右、由上到下。為確保移動順序正確，可適時加上標籤，具體指出tab鍵的移動順序。

2.網頁組成要素（Site Required Elements）
2.1.網站名稱與識別標誌（Logo）置於版面左上方
2.2. 網站地圖（Sitemap）置於版面右上方
2.3. 回首頁（Home）置於版面右上方
2.4.意見信箱（Feedback）置於版面右上方
2.5. 常見問答（FAQs）置於版面右上方
2.6. 語言版本切換按鈕（Languages）置於版面右上方
2.7. PDA版切換按鈕置於版面右上方
2.8. 全站搜尋（Search）置於版面適當處
2.9. 雙語詞彙（Bilingual Glossary）置於版面適當處
2.10. RSS訂閱按鈕置於版面適當處
2.11. 資料日期（Date）置於版面適當處
2.12. 留言版/討論區/論壇 (Message Board /Discussion Forum/ Forum) 置於版面適當處
2.13. 會員專區（Member Login）置於版面適當處
2.14. 便民服務（Online Service）置於版面適當處
2.15. 無障礙或其他政府標章置於版面下方
2.16. 聯絡電話（Phone Number）置於版面下方
2.17. 聯絡地址（Address）置於版面下方
2.18. 隱私權政策（Privacy Policy）置於版面下方
2.19. 網站安全政策（Security Policy）置於版面下方
2.20.「我的E政府」標誌（The E-government Entry Point）置於版面下方

3.導覽（Navigation）
3.1. 導覽列以一致的風格與位置貫穿全站
3.2. 導覽按鈕名稱應清楚易懂、符合慣例，名目不相近或重複
3.3. 按鈕圖示旁加上文字
3.4. 考量使用者的目標、角色和興趣來做導覽分類
3.5. 為網頁提供有意義的視窗標題
3.6. 提供路徑連結列，告知使用者目前所在的位置
3.7. 在長頁面加上可點選的目錄

4. 首頁設計（Homepage）
‧ 宣告網站的任務和目標。呈現網站提供的主要服務。代表機關的識別與形象。
4.1. 首頁呈現網站最主要的內容與服務
4.2. 首頁不超過2到3個螢幕長（以1024*768解析度檢視）
4.3. 連至外站的按鈕置於首頁版面右中區塊，並與中間內容區靠下對齊

5.文字樣式與連結（Text Styles and Links）
建議網頁設計者運用統一的CSS（串接樣式表）來編排文字內容，讓全站有ㄧ貫的文字風格，並採用易讀性高的字型和與連結文字。
5.1. 全站的文字格式使用一致的字型、顏色與尺寸
5.2. 中文字使用系統預設的字型
5.3. 英文字避免使用中文字型
5.4. 文字大小使用相對尺寸而非固定尺寸
5.5. 可點選的文字標示底線、不同顏色或滑鼠效果
5.6. 提供下載文件至少包含開放性檔案格式，並註明檔案格式
5.7. 所提供的下載文件檔案，讓使用者選擇開啟或儲存

6. 圖片與多媒體（Images and Multimedia）
6.1. 網頁圖片兼顧清晰品質與下載時間
6.2. 若起始頁為動畫，確保可略過動畫
6.3. 確保多媒體網頁可關閉音效
6.4. 確保Flash多媒體介面可以鍵盤操作
6.5. 為影像、聲音、與多媒體介面提供文字說明

7. 表單（Forms）
所謂的線上表單，並非讓使用者另存PDF或Word檔填寫，而是真正的電子化表單（Electronic forms）。需整合前端申辦窗口與後端審核、同意、報表等機制。線上表單是評核政府績效的重要指標。
7.1. 在輸入框旁邊加註填寫限制、格式或提供填寫範例
7.2. 確保表單的可及性
7.3. 確保輸入框有足夠的空間
7.4. 格式錯誤或未填寫的資料，應告知使用者正確的處理方式
7.5. 在表單旁提供聯絡資訊，如Email、電話等

8. 搜尋（Search）
若機關網站提供大量的文件與資料，建議應購置、安裝搜尋引擎。
8.1. 搜尋結果頁應方便檢閱
8.2. 提供進階搜尋
﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。

9. 內容提供(Content Requirements)
根據「政府資訊公開法」，建議政府網站主動提供政府機關之組織、職掌介紹，可參考規範9.1「提供單位及主管業務介紹」；政府地址、電話、傳真、網址及電子郵件信箱帳號於本規範之「網頁組成要素」有具體之建議；其他政府資訊公開內容則請參考規範9.4「提供機關主管業務所產生的核心資訊」。
9.1. 提供單位及主管業務介紹
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
9.2. 提供民眾申辦機關服務的介紹及相關程序說明
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
9.3. 提供單位最新消息、公告事項或活動時程等動態資訊
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
9.4. 提供機關主管業務所產生的核心資訊
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
9.5. 提供相關單位網站連結資訊
﹝必要等級﹞機關入口網站：選用。機關建立之主題網站：選用。
9.6. 提供語音資訊服務（Audio Clips）
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
9.7. 提供影音資訊服務（Video Clips）
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。

10. 內容撰寫(Writing for the Web)
10.1. 網頁文章標題與重點應明確標示，以利快速瀏覽
10.2. 連結文字與目標內容相符
10.3. 英文版內容要適切
11. 內容管理(Content Management)
建議機關應制定網站內容管理流程，劃分責任歸屬與職掌，將工作分為審查、上稿、檢視等，提高網站內容的品質與維護。內容的提供與管理應符合以下原則：
‧ 公正：公平合理。完備：內容完整。
‧ 可信：避免錯誤訊息或錯別字。
‧ 易讀：適合螢幕閱讀。
‧ 通順流暢：措詞恰當無贅字。
‧ 清楚明確：傳達清楚正確的訊息，不矛盾模糊。
‧ 符合需求：符合使用者的教育程度及需求。
11.1. 定期更新網站內容，並標示更新日期
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：選用。
11.2. 定期檢視全網站資料
﹝必要等級﹞機關入口網站：必要。機關建立之主題網站：必要。

文章整理：	網繹數位科技 Philippe Chiu
關鍵字：	公家機關網頁設計、政府網站、政府網站版型、中央與地方機關入口網站、各機關建立的主題網站、公家機關網站版型

網繹數位科技網頁設計公司　地址：台北市復興南路一段321號3樓　Tel： (02)2704-1758(代表號) 　Fax： (02)2704-0372　Email：e-service@eki.com.tw

(a) 跨國企業為Sony 新力、Du Pont 台灣杜邦、Syngenta 台灣先正達、Xerox 全錄、TUV 德國萊因、Imation 美商怡敏信、DHL 洋基通運、日商丸紅等跨國企業、國際大型公司網站設計、程式設計、網頁設計、資料庫規劃及系統整合之設計廠商。 (b) 知名企業為流行風尚精品之公司網站設計、程式設計、網頁設計、諸如居禮名店、長榮桂冠酒店、三井日本料理、天仁集團、菲夢絲、歌林公司、八王子集團、牡丹園餐廳、華固建設、等製作高質感之精緻網站。 (c) 金融機構為金融單位或公司網站設計、程式設計、網頁設計、如兆豐金控、新光產物保險、中央再保、第一期貨、慶豐銀行、KGI中信期貨、台灣銀行等諸銀行，南山人壽、金融聯合徵信中心等金融公司及單位之網站建置及資料庫設計協力廠商。 (d) 政府機關及民間機構為政府機構及民間團體網站設計、程式設計、網頁設計、如台北世界貿易中心、台北國際會議中心、中研院、十三行博物館、黃金博物園區、鶯歌陶瓷博物館、臺北縣政府文化局、石門水庫、北區水資源局等政府機關以及法鼓山、中華電信工會、國科會、靈鷲山佛教基金會、財團法人保險事業發展中心等民間團體建置氣勢磅礡、兼具人文、藝術、歷史的網站或電子報。