You are on page 1of 92

2.

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.

1024 * 7681280 * 1024800 *600 90%


1024 * 768 800*600 17%
1024*768 800*600

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 240 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)

2.13. Member Login



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

 Arial Helvetica TahomaVerdana


 Times New RomanGeorgia

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

Flash Tab Enter

 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


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

XML Web Service

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

Author W3C Date


Author Date Metadata

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

RSS Really Simple Syndication RDF Resource Description


Framework Site Summary Rich Site Summary

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


* / /







*


/

Email

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

3. 3-1. 2.18.(Privacy Policy)



3-2. 2.19.(Security Policy)

4. 4-1. 2.14 Online Service


7.(Forms)
Web 2.0 Web 2.0
4-2. Web 2.0 Web 2.0
4-3.

5. 5-1 Metadata


5-2

6. 6-1./

84



(Category) (Measurement)
A. A1. A1 9.4.
(Online Information) A2.

A3. (Audio Clips) A2 9.3.



A4. (Video Clips)
A3 9.6.

(Audio Clips)
A4 9.7.

(Video Clips)
B. B1. (Security Policy) B1 2.19.(Security
(Security & Privacy) B2. (Privacy Policy)
Policy) B2 2.18.(Privacy
Policy)
C. / C1.
(e-Transaction) C2.
D. D1. Bobby 5.0
(Disability Access) W3C 3

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

You might also like