1. The document discusses the planning and design of websites and e-learning platforms, including content creation and management, navigation structures, and usability considerations. 2. Key elements in website and e-learning design are identified such as pre-production, on-production, and post-production phases, page layouts with headers, content, sidebars and footers, and content management systems for content creation, updating, and publishing. 3. Guidelines for evaluating high quality online content are presented including aspects like authority, accuracy, objectivity, currency, and coverage. References are provided for further resources on web design and e-learning development.

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. : .
. (2543).
: .
: .
. (2552). E-Learning
.

39. 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. 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. 41
http://oxygen.readyplanet.com/index.php?lay=show&ac=a
rticle&Id=57372&Ntype=19