1

(2552: 9) “

”

2. 2 ( , 2549

: )

1.

HTML

www

2

1.

(2548 : )

“

Chat Room)

Bulletin Board) e-

mail)

,2543 : 56)

3

5 ( , 2552 :

)

1.1

1.2

4

2

1.3

Active Learners)

1.4

1.5

5

5

, 2542 : 67-68)

1.1

1.2

6

Top down)

1.3

Passive)

Learning How to learn)

1.4

7

1.5

1.6

File Server)

Web Server)

8

2.

( ,

2549 :34-35)

2.1

2.2

2.3

9

Meta-cognitive Skills)

2.4

4

Context

ualization) Problem-based Learning)

Constructivism

2.5

10

2.6

2.7

2

2.8

2.9

11

2.10

Dynamic )

3

( , 2549 : )

12

1.

2.

3.

4.

5.

13

(

, 2551 : 6-9)

14

( ,

2548 : 37)

1.

(plug-in)

15

( , 2550 : 35)

1.1

1.2

1.3

1.4

1.5

16

1.6

1.7

1.8

1.9

2.

17

( , 2549 : )

2.1

2.1.1

2.1.2

2.1.3

2.1.4

2.1.5 ( )

2.1.6

18

2.1.7

2.2

19

2.3

20

20

20

: http://buildinternet.com/2009/10/how-to-plan-a -content-

heavy-site/ 14 2556

21

2.4

(Content Management

System : CMS)

(creation) (updating)

(distribution) (publishing)

(discovery) CMS

CMS

CMS

2.1.1

2.1.2l

2.1.3

2.1.4

HTML

22

2.1.5

2.1.6

2.1.7

2.1.8

HTML

2.5

2.6

21

21

23

: http://creately.com/examples/website-navigation-

plan 14 2556

www

3 (

, 2549 : 22-26)

1. (pre-production)

1.1

1.1.1

/ / / /

24

1.1.2

1.1.3

1.1.4

1.2

1.3

25

2. (on-

production) 2

2.1

2.2

/

26

HTML

3. (post- production)

3.1

3.2

(Internet Service

27

Provider : ISP)

(FTP client)

3.3

28

1.

(2552 :12)

“

Webmaster)

”

2.

29

4

( , 2551: )

2.1

2.1.1

2.1.2

22

30

22

: http://e-learning.nectec.or.th/ 14 2556

2.2

2.2.1

31

2.2.2

2.3

2.3.1

2.3.2

32

2.4

2.4.1

2.4.2

3.

33

( , 2547 : 21)

3.1

3.2

3.3

3.4

3.5

34

4

(Hellomyweb, 2554

: )

1. (Page Header)

2. (Page Content)

35

3. (Page Sidebar)

( )

4. (Page Footer)

4

36

(prachyanun, 2552

: )

1.

Authority)

2.

Accuracy)

3.

Objective)

4.

Currency)

5.

Coverage)

37

,

,

38

.(2551).

. 14

2556.

http://www.oknation.net/blog/print.php?id=292121.

.(2552).

.

14 2556. http://www.kroobannok.com/133.

.(2542). Design e-Learning

:

. : .

.(2549). . 14

2556. http://www.zoneza.com/.

.(2551). Designing Web

Usability. : .

. (2543).

: .

: .

. (2552). E-Learning

.

39

: .

.(2548).

. : .

.(2548).

. 14 2556.

http://inforzone.kktech.ac.th/wbixml/knowledge/wbiknowle

dge.html.

.

(2551). . 14 2556.

https://sites.google.com/site/class0223/webdesign.

( )

.(2549). . 14

2556.

40

http://202.29.42.235/~eleaning/index.php?option=com_co

ntent&view.

, (2549). .

: .

.(2554). . 14

2556.

http://www.cybered.co.th/warnuts/wbi/index3.htm.

.(2549). . 14 2556.

http://www.pointstudio.

Net/wpoint/content/View/17/28.

.(2552).

. : .

Hellomyweb.(2554). . 14

2556.

http://www.hellomyweb.com/index.php/main/content/134.

Oxygen.(2554). . 14

2556.

41

http://oxygen.readyplanet.com/index.php?lay=show&ac=a

rticle&Id=57372&Ntype=19