网页设计,程序设计,网绎 - 公家机关网页设计时必须注意的事项

网页设计,网页设计公司,网页程序设计,网站程序设计,台北网页设计,无障碍网页设计,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