Professional Documents
Culture Documents
研考會 政府網站版型與內容管理規範 規範手冊
研考會 政府網站版型與內容管理規範 規範手冊
0 96 11 16
.......................................................................................................... 1
.............................................................................................. 3
1. (Compatibility) ........................................................... 3
1.1. ................................................. 3
1.2. ..................................................... 4
1.3. .................................................................... 5
1.4. Tab .......................................... 5
2. Site Required Elements............................................... 6
2.1. Logo...................... 9
2.2. Sitemap .................................. 10
2.3. Home ......................................... 10
2.4. Feedback .................................11
2.5. FAQs .......................................11
2.6. Languages ........... 12
2.7. PDA .......................................... 12
2.8. Search .................................... 13
2.9. Bilingual Glossary .................. 13
2.10. RSS ............................................... 14
2.11. Date........................................ 14
2.12. // (Message Board /Discussion Forum/
Forum) ........................................................................ 15
2.13. Member Login...................... 15
2.14. Online Service ...................... 16
2.15. ................................... 16
2.16. Phone Number............................ 17
2.17. Address ...................................... 17
2.18. Privacy Policy ........................ 18
2.19. Security Policy ................... 18
2.20. E The E-government Entry Point
..19
3. Navigation ............................................................................. 20
3.1. ................................... 20
3.2. . 20
3.3. .............................................................. 21
II
3.4. .................... 21
3.5. ............................................... 22
3.6. .................... 22
3.7. ................................................... 23
4. Homepage........................................................................ 23
4.1. ....................................... 23
4.2. 2 3 1024*768 ... 24
4.3.
.............................. ..24
5. Text Styles and Links............................................ 25
5.1. .................... 25
5.2. ................................................... 25
5.3. ....................................................... 26
5.4. ................................... 26
5.5. .................... 27
5.6. . 27
5.7. ............ 28
6. Images and Multimedia ............................................ 29
6.1. ....................................... 29
6.2. ....................................... 29
6.3. ................................................... 30
6.4. Flash ..................................... 30
6.5. ........................ 31
7. Forms ...................................................................................... 31
7.1. ............ 31
7.2. .................................................................. 32
7.3. ....................................................... 32
7.4. . 33
7.5. Email ......................... 33
8. Search...................................................................................... 34
8.1. .......................................................... 34
8.2. .......................................................................... 35
9. (Content Requirements) ........................................................... 35
9.1. ....................................................... 35
9.2. .................... 36
9.3. ........ 36
9.4. ................................... 37
III
9.5. ................................................... 37
9.6. Audio Clips........................................ 38
9.7. Video Clips ........................................ 38
10. (Writing for the Web) ............................................................... 38
10.1. ................ 39
10.2. ....................................................... 39
10.3. .................................................................. 40
11. (Content Management) ............................................................ 40
11.1. ................................... 41
11.2. .............................................................. 41
........................................................................................ 52
.................................................................................... 54
.......................................................................................... 67
1 ............................................................................ 67
2 () ................................................................. 68
3 ().......................................................... 69
4 () ................................................................. 70
5 ().............................................................. 71
............................................................................ 72
........................................................................ 74
.................................................................................. 77
..................................................... 84
............................................. 85
IV
1 ....................................................................... 7
2 .......................................................... 43
3 ............................................................. 47
6-1 () ............... 77
6-2 ...................................................................... 81
V
1 ............................................................... 7
2 .................................................................................... 44
3 HTML ................................................................................. 45
4 RSS ...................................................................... 51
6-1 ............................................................................. 80
VI
2.0
96-11-16 9
9.1
9.4
96-11-16 9.4
7
(
5-1)
( 5-1)
VII
94
1
1 8
9 11
1. (Compatibility)
FIND
1.1.
IE FireFox 90%
Netscape Opera
3
IE Firefox
IE Firefox
NetscapeOpera
1.2.
800
1024*768
800*600
( 1)
4
780
800*600
1.3.
A4
A4
A4
1.4.
Tab
tab
1
<tabindex> tab
5
2.
Site Required Elements
1
1
1
6
( 300 100-150 ) ()
( ( (
150-220 ) 150-220
)
)
( 60~120 )
1.2
1.5Tab
4.2 2 3 ( 1024*768 )
/
Sitemap
Home
Feedback
7
FAQs FAQs
English
()
PDA PDA
PDA PDA
PDA
PDA
PDA
Enter
Search
Bilingual Glossary
RSS RSS
RSS
RSS
ISO
YYYY-MM-DD
//
Message Board /
Discussion Forum/ Forum
Member Login
email
Online Service
8
4 -4
3 -4
021234-5678
04123-4567
-4 -4
-3 -4
+8862-1234-5678
+8862-123-4567
5 +
5
Privacy Policy
Security Policy
E
Alt
43x46
E E
Alt
The E-government Entry Point E
of Taiwan
2.1.
Logo
2.2.
Sitemap
Sitemap
1
1.1-1 1-2
2.2-1 2-2
2.3.
Home
2.1
Home
10
2.4.
Feedback
Feedback
email
2.5.
FAQs
FAQs
11
2.6. Languages
English
Languages
2.7.
PDA
PDA
PDA
12
PDA
PDA
PDA
2.8.
Search
Search
Enter
2.9.
Bilingual Glossary
13
Bilingual Glossary
2.10. RSS
RSS RSS
RSS
<Tag> RSS
RSS
RSS
2.11.
Date
ISO YYYY-MM-DD
14
2.12. /
/
(Message Board /Discussion Forum/
Forum)
email
(Email Update)
15
2.14. Online Service
()
()
7
2.15.
A+
16
2.16.
Phone Number
021234-5678 04123-5678
+8862-1234-5678 +8862-123-45678
2.17.
Address
10075 2-2
6F, No.2-2, Sec.1, Jinan Road, Taipei, Taiwan
10075, R.O.C.
17
2.18.
Privacy Policy
84
Privacy Policy
cookies
2.19.
Security Policy
Security Policy
18
2.20. E
The E-government Entry Point
E
E
PSDPNG E
43 x 46 ()
Alt E http://www.gov.tw/
Alt The E-government Entry Point of Taiwan
http://english.www.gov.tw/
19
3. Navigation
Browsing
3.1.
3.2.
20
3.3.
Alt
3.4.
21
3.5.
-
-
3.6.
Breadcrumbs
>
>
>
You are here: Home > About > History
22
3.7.
Anchor
Tags top
4.
Homepage
4.1.
23
4.2.
2 3
1024*768
1024*768
4.3.
3-6
24
5.
Text Styles and Links
CSS
5.1.
Format
CSS
+2
5.2.
25
5.3.
ArialHelveticaVerdana
5.4.
HTML
3
26
12
47
+
+ 43 + 4
3 7
CSS
em
ex %
pc Pica
pt
in
mm
cm
5.5.
CSS
5.6.
( pdfwdlhtml )
( wordexcelpowerpoint)
27
(txt)
(pdfwdlhtml)
5.7.
PDFwordexcel
( zip )
( pdf)
28
6.
Images and Multimedia
6.1.
JPEG
GIF
6.2.
skip
29
skip
6.3.
Flash
Flash
6.4. Flash
Flash
FlashTab
Enter
Flash
Flash
30
6.5.
FlashFlashAlt
(Alt)
7.
Forms
PDF Word
Electronic forms
7.1.
31
-Email@
7.2.
Tab
7.3.
32
7.4.
7.5.
Email
Email
33
8.
Search
8.1.
100 4
34
25 50
100
8.2.
9.
(Content
Requirements)
9.1
9.4
9.1.
35
9.2.
9.3.
36
9.4.
7
(
5-1)
9.5.
37
9.6.
Audio Clips
9.7.
Video Clips
10. (Writing
for the Web)
38
10.1.
10.2.
39
10.3.
sitemap
11. (Content
Management)
40
11.1.
11.2.
Freego
(Sitemap)
41
42
Content management
Web Based
Web Based
TitleDescriptionKeyword
Metadata
43
Web Template
44
HTML HTML
What you see is what you get
3
3 HTML
HTML
summary 5.5H305004
th 5.1H105100
90
95
95
3
45
Metadata
Metatdata
Title
Metadata
Metadata
TitleDescription
Keywords
TitleDescription
46
3
Html
Title <HTML>
<HEAD>
<Title></Title>
</HEAD>
<BODY>
</BODY>
</HTML>
Description <HTML>
<HEAD>
<META name="description" content="
">
<Title></Title>
</HEAD>
<BODY>
</BODY>
</HTML>
Keywords <HTML>
<HEAD>
<META name="Keyword"
content="keyword1,keyword2,">
<Title></Title>
</HEAD>
<BODY>
</BODY>
</HTML>
Date <HTML>
<HEAD>
YYYY-MM-DD <META name="Date" content="2006-11-22 ">
<Title></Title>
</HEAD>
<BODY>
</BODY>
</HTML>
Author <HTML>
<HEAD>
<META name=" Author " content=" ">
<Title></Title>
</HEAD>
<BODY>
</BODY>
</HTML>
47
Metadata
Metadata
RSS
1.
6-1
6-2
2. RSS
48
Web push
technology
RSS
TimelyRSS
Cost-effectiveRSS
RSS<Tag>RSS
RSSRSSRSS
RSS
RSS
RSS
A B
B RSS
RSS 4
1. BCRSS
49
2. ARSS
BCRSS
3. ARSS
BCA
4. RSS
50
RSS
RSS
BRSS
RSS
B
RSS
RSS
B
RSS
C
RSS
RSS
ARSS
RSS
RSS
A
A RSS
RSS
CRSS
RSS
BC
RSS RSS Feed
RSS RSS Feed
RSS RSS Feed
A RSS BC RSS
A RSS BC A
4 RSS
51
Accessibility
Alt Tags
Anchor Tags HTML
Breadcrumbs
>>
CSS Casacading Style Sheet (
)CSS
Domain name IP Address IP
Domain Name
Dublin Core (Metadata)
Dublin Core 15
titlecreator subjetdescriptionpublisher
contributor datatypeformatidentifiersourcelanguagerelation
coverage rights 15
Metadata (data about data)
Monitor (pixel)Display Card
resolution
800*600 1024*768
1000 800*600
PDF Portable Document File Adobe
PDF
RSS RSS Really Simple Syndication
RSS
MyYahoo! Widget
RSS
Yahoo! http://tw.news.yahoo.com/rss/index.html
52
Usability
(effectiveness) (efficiency)
(satisfaction)
W3C World Wide Web Consortium
1994
Tim Berners-Lee 450 -
( Netscape
)Adobe Sun Microsystems
- INRIA Keio
The Web Standards Project
http://www.webstandards.org/learn/faq/faq_zh-traditional/#p211
XML XML (eXtensible Markup Language)
XML
-- Standard Generalized Markup Language (SGML) -- International
Organization for Standardization (ISO) ISO 8879:1986
XML HTML
XML (serializing)
Chinese XML Now!
http://xml.ascc.net/zh/big5/faq/faq-xsl2.html
53
1
2
1. (Compatibility)
1.1.
IE Firefox
NetscapeOpera
1.2.
1024*768
800
800*600
1.3.
A4
1.4.Tab
(
54
5-1)
<tabindex> tab
2.(Site Required Elements)
2.1.(Logo)
2.2.(Sitemap)
Sitemap
1
2.3.(Home)
Home
2.4.(Feedback)
Feedback
2.5.(FAQs)
FAQs
55
2.6. (Languages)
2.7. PDA
PDA PDA
PDA 240
2.8.(Search)
Search
2.9.(Bilingual Glossary)
Bilingual Glossary
2.10. RSS
56
RSS
RSS
RSS
RSS
2.11.(Date)
ISO YYYY-MM-DD
2.12. // (Message Board /Discussion Forum/ Forum)
2.13. (Member Login)
Email (Email Update)
2.14. (Online Service)
57
2.15.
A+
2.16.(Phone Number)
02-1234-5678
886-2-1234-5678
2.17.(Address)
(10075
2-2 (6F, No.2-2, Sec.1, Jinan Road,
Taipei, Taiwan 10075, R.O.C.)
2.18.(Privacy Policy)
Privacy Policy
58
2.19.(Security Policy)
Security
Policy
2.20. E (The E-government Entry Point)
43 x 46
Alt E
http://www.gov.tw/
Alt The E-government Entry Point of
http://english.www.gov.tw/
Taiwan
3. (Navigation)
3.1.
3.2.
3.3.
59
Alt
3.4.
3.5.
-
-
3.6.
(Home)
>
3.7.
(Anchor Tags)
(top)
4.(Homepage)
4.1.
4.2. 2 3 ( 1024*768 )
60
1024*768 3
4.3.
3 6
5.(Text Styles and Links)
5.1.
5.2.
5.3.
5.4.
5.5.
5.6.
61
( pdfwdlhtml )( txt
)
5.7.
6.(Images and Multimedia)
6.1.
6.2.
skip
6.3.
Flash
1
6.4. Flash
Flash Tab
Enter
Flash
6.5.
62
Flash Alt
7.(Forms)
7.1.
7.2.
7.3.
7.4.
7.5. Email
Email
8.(Search)
8.1.
63
25 50
100
8.2.
9. (Content Requirements)
9.1.
9.2.
9.3.
64
9.4.
9.5
9.6.(Audio Clips)
9.7.(Video Clips)
10. (Writing for the Web)
10.1.
65
10.2.
10.3.
Sitemap
11. (Content Management)
11.1.
11.2.
(Sitemap)
66
1.
2. 1
67
2 ()
1.
2. 1
68
3 ()
1.
2. 1
69
4 ()
1.
2. 1
70
5 ()
1. 1
2.
71
()
IP
72
Cookie
Cookie
Cookie
Cookie
73
74
PATCH
SSL
Proxy Server
TelnetFTP WWW
IP
(log)
75
24
76
6-1 ()
RSS
*RSS
/ /
Email
77
* / /
*
/
78
79
*RSS
* *
*/ /
*
/
6-1
80
6-2
()
()
()
*RSS
XML
()
() ()
(
)(
)
()
()
()
()
()
81
Email
()
Email
*
Cookie
* Email
* /
/ X X
/
X X
X X
*
/
X X
X X
Email
82
3.
83
1. 1-1. 9. (Content Requirements)
1-2.
1-3.
1-4.
1-5. 11. (Content Management)
2. 2-1. 3. (Navigation)
2-2. 9.(Search)
2-3. 3. (Navigation)
2-4.
1.(Compatibility)
3.4.
2-5
6. 6-1./
84
(Category) (Measurement)
A. A1. A1 9.4.
(Online Information) A2.
E. E1.
(Foreign Language) 2.6.
(Languages)
F. F1.
(Ad and Fees) F2.
F3. (Premium Fees)
G. G1. Email G1 2.5.
(Public Outreach) G2. (Post
(Feedback)
Comments) G2 2.12 /
G3. Email Update / (Message Board /Discussion
Forum/ Forum)
G4.
G3 2.13.
G5. PDA
(Member Login)
G4
2.13. (Member Login)
G5 2.7.PDA
H. H1. H1 2.14.
(Electronic Service) (Online Service)
85