1. 1
(2552: 9) “
”
2. 2 ( , 2549
: )
1.
HTML
www

2. 2
1.
(2548 : )
“
Chat Room)
Bulletin Board) e-
mail)
,2543 : 56)

3. 3
5 ( , 2552 :
)
1.1
1.2

4. 4
2
1.3
Active Learners)
1.4
1.5

5. 5
5
, 2542 : 67-68)
1.1
1.2

6. 6
Top down)
1.3
Passive)
Learning How to learn)
1.4

7. 7
1.5
1.6
File Server)
Web Server)

8. 8
2.
( ,
2549 :34-35)
2.1
2.2
2.3

9. 9
Meta-cognitive Skills)
2.4
4
Context
ualization) Problem-based Learning)
Constructivism
2.5

10. 10
2.6
2.7
2
2.8
2.9

11. 11
2.10
Dynamic )
3
( , 2549 : )

12. 12
1.
2.
3.
4.
5.

13. 13
(
, 2551 : 6-9)

14. 14
( ,
2548 : 37)
1.
(plug-in)

15. 15
( , 2550 : 35)
1.1
1.2
1.3
1.4
1.5

16. 16
1.6
1.7
1.8
1.9
2.

17. 17
( , 2549 : )
2.1
2.1.1
2.1.2
2.1.3
2.1.4
2.1.5 ( )
2.1.6

18. 18
2.1.7
2.2

19. 19
2.3

20. 20
20
20
: http://buildinternet.com/2009/10/how-to-plan-a -content-
heavy-site/ 14 2556

21. 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. 22
2.1.5
2.1.6
2.1.7
2.1.8
HTML
2.5
2.6
21
21

23. 23
: http://creately.com/examples/website-navigation-
plan 14 2556
www
3 (
, 2549 : 22-26)
1. (pre-production)
1.1
1.1.1
/ / / /

24. 24
1.1.2
1.1.3
1.1.4
1.2
1.3

25. 25
2. (on-
production) 2
2.1
2.2
/

26. 26
HTML
3. (post- production)
3.1
3.2
(Internet Service

27. 27
Provider : ISP)
(FTP client)
3.3

28. 28
1.
(2552 :12)
“
Webmaster)
”
2.

29. 29
4
( , 2551: )
2.1
2.1.1
2.1.2
22

30. 30
22
: http://e-learning.nectec.or.th/ 14 2556
2.2
2.2.1

31. 31
2.2.2
2.3
2.3.1
2.3.2

32. 32
2.4
2.4.1
2.4.2
3.

33. 33
( , 2547 : 21)
3.1
3.2
3.3
3.4
3.5

34. 34
4
(Hellomyweb, 2554
: )
1. (Page Header)
2. (Page Content)

35. 35
3. (Page Sidebar)
( )
4. (Page Footer)
4

36. 36
(prachyanun, 2552
: )
1.
Authority)
2.
Accuracy)
3.
Objective)
4.
Currency)
5.
Coverage)

37. 37
,
,

38. 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. : .

39. 39
. (2543).
: .
: .
. (2552). E-Learning
.
: .
. (2548).
. : .
.(2548).
. 14 2556.
http://inforzone.kktech.ac.th/wbixml/knowledge/wbiknowle
dge.html.
.
(2551). . 14 2556.
https://sites.google.com/site/class0223/webdesign.

40. 40
( )
. (2549). . 14
2556.
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.

41. 41
http://www.hellomyweb.com/index.php/main/content/134.
Oxygen.(2554). . 14
2556.
http://oxygen.readyplanet.com/index.php?lay=show&ac=a
rticle&Id=57372&Ntype=19