1          FMr.Warawut KhagkhanTwitter: http://twitter.com/awarawutFacebook: http://www.facebook.com/AjWarawutE-Mail: awar...
1       F                           Mr.Warawut Khangkhan                                                           2    • ...
31       Mr.Warawut    F   Khangkhan
1   F                                         Mr.Warawut Khangkhan                                                        ...
51       Mr.Warawut    F   Khangkhan
1             F                   Mr.Warawut Khangkhan                                                         6          ...
71       Mr.Warawut    F   Khangkhan
1         F                                  Mr.Warawut Khangkhan                                                         ...
91       Mr.Warawut    F   Khangkhan
1          F                                    Mr.Warawut Khangkhan                                                      ...
111       Mr.Warawut    F   Khangkhan
1       F                    Mr.Warawut Khangkhan                                                    12                  F...
1          F                           Mr.Warawut Khangkhan                                                              1...
1         F                        Mr.Warawut Khangkhan                                                          14       ...
1           F               Mr.Warawut Khangkhan                                                   15    •               F...
1           F       Mr.Warawut Khangkhan                                           16    •           F        F
1                 F               Mr.Warawut Khangkhan                                                         17    •    ...
1         F                               Mr.Warawut Khangkhan                                                            ...
1                         F                                                  Mr.Warawut Khangkhan                         ...
1           F                       Mr.Warawut Khangkhan                                                           20    •...
1         F                                               Mr.Warawut Khangkhan                                            ...
1           F                                                  Mr.Warawut Khangkhan                                       ...
1         F                              Mr.Warawut Khangkhan                                                             ...
241       Mr.Warawut    F   Khangkhan
1           F                        Mr.Warawut Khangkhan                                                            25   ...
1          F                   Mr.Warawut Khangkhan                                                      26    F          ...
1         F                                   Mr.Warawut Khangkhan                                                        ...
1             F                                               Mr.Warawut Khangkhan                                        ...
1                   F                                  Mr.Warawut Khangkhan                                               ...
1            F                               Mr.Warawut Khangkhan                                                         ...
1       F               Mr.Warawut Khangkhan                                               31    •           F    •       ...
1                  F                                                               Mr.Warawut Khangkhan                   ...
1           F                                                                      Mr.Warawut Khangkhan                   ...
1          F                                                     Mr.Warawut Khangkhan                                     ...
1            F                                   Mr.Warawut Khangkhan                                                     ...
1               F                                                             Mr.Warawut Khangkhan                        ...
Upcoming SlideShare
Loading in …5
×

หลักการออกแบบและพัฒนาเว็บไซท์

1,294 views

Published on

หลักการออกแบบและพัฒนาเว็บไซท์

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,294
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
23
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

หลักการออกแบบและพัฒนาเว็บไซท์

  1. 1. 1 FMr.Warawut KhagkhanTwitter: http://twitter.com/awarawutFacebook: http://www.facebook.com/AjWarawutE-Mail: awarawut@hotmail.comMobile: 083-0698-410
  2. 2. 1 F Mr.Warawut Khangkhan 2 • F • F • F F F • F • F • (Page Design)
  3. 3. 31 Mr.Warawut F Khangkhan
  4. 4. 1 F Mr.Warawut Khangkhan 4 F 1) (Site Definition and Planning) 2) F F F (Analysis and Information Architecture) 3) F (Page Design and Content Editing) 4) F (Construction and Testing) 5) F F F F (Publishing and Promotion) 6) (Maintenance and Innovation)
  5. 5. 51 Mr.Warawut F Khangkhan
  6. 6. 1 F Mr.Warawut Khangkhan 6 F • Web Master • Web Design • Web Programmer • Content Writer / Editor
  7. 7. 71 Mr.Warawut F Khangkhan
  8. 8. 1 F Mr.Warawut Khangkhan 8 F F F • F (Content) F • F (News) F/ F F F • (Free Service) • F (Interactive) F / • (Entertainment)
  9. 9. 91 Mr.Warawut F Khangkhan
  10. 10. 1 F Mr.Warawut Khangkhan 10 F • F F F (About Us) • F (Product / Service Information) • F (News / Press Release) • / (Frequently Asked Question) • F F (Contact Information)
  11. 11. 111 Mr.Warawut F Khangkhan
  12. 12. 1 F Mr.Warawut Khangkhan 12 F • F F (Site Structure Design) • (Site Navigation Design)
  13. 13. 1 F Mr.Warawut Khangkhan 13 F F (Site Structure Design) • F FFF F F F F F • F F F F F F2 ▫ F (Content-Based Structure) ▫ F F (User-Based Structure)
  14. 14. 1 F Mr.Warawut Khangkhan 14 F F( F ) (Site Structure Design) F F • (Sequence) • (Hierarchy) • (Combination)
  15. 15. 1 F Mr.Warawut Khangkhan 15 • F F F F
  16. 16. 1 F Mr.Warawut Khangkhan 16 • F F
  17. 17. 1 F Mr.Warawut Khangkhan 17 • F F F 2 F F
  18. 18. 1 F Mr.Warawut Khangkhan 18 (Site Navigation Design) • F FF F F F F F F • F 2 F F ▫ (Navigation Controls) ▫ F (Location Indicator)
  19. 19. 1 F Mr.Warawut Khangkhan 19 FF F F F • - F F F F F F F F • F - F F F F F F F F • F F
  20. 20. 1 F Mr.Warawut Khangkhan 20 • - F F F F F F (Search Box), ( F (Drop-Down Menu), (Image Map), F (Site Map)
  21. 21. 1 F Mr.Warawut Khangkhan 21 F • F F F F F F F F F F F F Books > Computers & Internet > Hardware
  22. 22. 1 F Mr.Warawut Khangkhan 22 • F F F F F F F F F • F F F F F F F F • F F F • F F F F
  23. 23. 1 F Mr.Warawut Khangkhan 23 ( F ) • F • F F F , F , F F F (Search Box), F (Drop-Down Menu), F (Site Map) • F F F FF F F F FFF F F
  24. 24. 241 Mr.Warawut F Khangkhan
  25. 25. 1 F Mr.Warawut Khangkhan 25 (Page Design) • F F F Photoshop Fireworks F F F F F F F
  26. 26. 1 F Mr.Warawut Khangkhan 26 F F • F (Page Header) • F (Page Body) • F F (Page Footer) • F (Side Bar)
  27. 27. 1 F Mr.Warawut Khangkhan 27 F (Page Header) • F F F F F F F F F F F F F
  28. 28. 1 F Mr.Warawut Khangkhan 28 F (Page Body) • F F F F F , , F F F F F F F F F F F F
  29. 29. 1 F Mr.Warawut Khangkhan 29 F F (Page Footer) • F F F F F F F FF F F F F F F
  30. 30. 1 F Mr.Warawut Khangkhan 30 F (Side Bar) • F F F F F F F F F F
  31. 31. 1 F Mr.Warawut Khangkhan 31 • F • F F
  32. 32. 1 F Mr.Warawut Khangkhan 32 F F • F - F F F F F F FF • F F – F F F F F F • F F – F F F F F/ ,F F , F F
  33. 33. 1 F Mr.Warawut Khangkhan 33 F F ( F ) • F – F F FF F F F F F F F F F F F F F F F ▫ F F ▫ F ▫ F F F F F
  34. 34. 1 F Mr.Warawut Khangkhan 34 F F ( F ) • F F – F F 2 F F F F F F F F F F F F F F F F
  35. 35. 1 F Mr.Warawut Khangkhan 35 F F ( F ) • F F – F F F F FF F (resolution) F F F F F F2 ▫ 1024 x 768 pixel ▫ 1280 x 800 1280 x 1024 pixel
  36. 36. 1 F Mr.Warawut Khangkhan 36 F F ( F ) • F F – F F F F , F F F , F F F F F F

×