SlideShare a Scribd company logo
1
          F
Mr.Warawut Khagkhan
Twitter: http://twitter.com/awarawut
Facebook: http://www.facebook.com/AjWarawut
E-Mail: awarawut@hotmail.com
Mobile: 083-0698-410
1       F                           Mr.Warawut Khangkhan
                                                           2




    •                   F
    •           F
    •       F               F   F
    •               F
    •              F
    •           (Page Design)
3

1       Mr.Warawut
    F   Khangkhan
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

1       Mr.Warawut
    F   Khangkhan
1             F                   Mr.Warawut Khangkhan
                                                         6




                           F
    •   Web Master
    •   Web Design
    •   Web Programmer
    •   Content Writer / Editor
7

1       Mr.Warawut
    F   Khangkhan
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

1       Mr.Warawut
    F   Khangkhan
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

1       Mr.Warawut
    F   Khangkhan
1       F                    Mr.Warawut Khangkhan
                                                    12




                  F
    •       F     F (Site Structure Design)
    •           (Site Navigation Design)
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)
1         F                        Mr.Warawut Khangkhan
                                                          14




                     F        F( F )
    (Site Structure Design)
                 F     F
     •          (Sequence)
     •         (Hierarchy)
     •       (Combination)
1           F               Mr.Warawut Khangkhan
                                                   15




    •               F   F
        F       F
1           F       Mr.Warawut Khangkhan
                                           16




    •           F
        F
1                 F               Mr.Warawut Khangkhan
                                                         17




    •                 F   F   F
        2 F   F
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)
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
1           F                       Mr.Warawut Khangkhan
                                                           20




    •            - F                    F
              F F F     F (Search Box),
                           (
                  F (Drop-Down Menu),
        (Image Map),           F (Site Map)
1         F                                               Mr.Warawut Khangkhan
                                                                                 21




                              F
    • F       F           F           F               F                F
                  F   F                       F   F
                                  F       F

    Books > Computers & Internet > Hardware
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
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

1       Mr.Warawut
    F   Khangkhan
1           F                        Mr.Warawut Khangkhan
                                                            25




                          (Page Design)
    •                                 F     F
                    F Photoshop   Fireworks
        F             F   F  F    F      F
                F
1          F                   Mr.Warawut Khangkhan
                                                      26




    F                F
    • F      (Page Header)
    • F          (Page Body)
    • F    F (Page Footer)
    •     F (Side Bar)
1         F                                   Mr.Warawut Khangkhan
                                                                           27




    F     (Page Header)
    • F               F                                              F F
                  F       F       F   F                 F
              F               F           F                 F
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
1                   F                                  Mr.Warawut Khangkhan
                                                                              29




    F       F               (Page Footer)
    • F F               F            F F   F       F
                                FF     F
        F                   F                  F                     F
                F
1            F                               Mr.Warawut Khangkhan
                                                                    30




            F (Side Bar)
    •                        F   F       F      F F
        F                F           F
                 F   F
1       F               Mr.Warawut Khangkhan
                                               31




    •           F
    •       F       F
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
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
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
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
1               F                                                             Mr.Warawut Khangkhan
                                                                                                     36




                                              F           F       ( F )
    •       F             F                       –                                   F
        F                             F               F
                                  ,       F                        F                             F
            ,                                     F           F           F
                    F F       F

More Related Content

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

Business Computer Project 4
Business Computer Project 4Business Computer Project 4
Business Computer Project 4
Warawut
 
พื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรมพื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรม
Warawut
 
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหาการพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
Warawut
 
การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์
Warawut
 
การขับถ่ายของสัตว์
การขับถ่ายของสัตว์การขับถ่ายของสัตว์
การขับถ่ายของสัตว์Thanyamon Chat.
 
สุดยอดความสำเร็จขององค์กร
สุดยอดความสำเร็จขององค์กรสุดยอดความสำเร็จขององค์กร
สุดยอดความสำเร็จขององค์กรDrDanai Thienphut
 
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ทททเปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
nattatira
 
การจัดการเรียนการสอน
การจัดการเรียนการสอนการจัดการเรียนการสอน
การจัดการเรียนการสอน
Ananpha Dear
 
1 โลกและการเปลี่ยนแปลง
1 โลกและการเปลี่ยนแปลง1 โลกและการเปลี่ยนแปลง
1 โลกและการเปลี่ยนแปลงmuang82
 
Login Administrator PrestaShop
Login Administrator PrestaShopLogin Administrator PrestaShop
Login Administrator PrestaShop
Warawut
 

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

Business Computer Project 4
Business Computer Project 4Business Computer Project 4
Business Computer Project 4
 
พื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรมพื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรม
 
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหาการพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
การพัฒนาซอฟต์แวร์และวิเคราะห์การแก้ปัญหา
 
การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์การออกแบบและพัฒนาเว็บไซต์
การออกแบบและพัฒนาเว็บไซต์
 
การขับถ่ายของสัตว์
การขับถ่ายของสัตว์การขับถ่ายของสัตว์
การขับถ่ายของสัตว์
 
สุดยอดความสำเร็จขององค์กร
สุดยอดความสำเร็จขององค์กรสุดยอดความสำเร็จขององค์กร
สุดยอดความสำเร็จขององค์กร
 
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ทททเปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
เปิดประตูสู่โลกออนไลน์ไปกับเทคโนโลยีสุดล้ำจาก ททท
 
การจัดการเรียนการสอน
การจัดการเรียนการสอนการจัดการเรียนการสอน
การจัดการเรียนการสอน
 
1 โลกและการเปลี่ยนแปลง
1 โลกและการเปลี่ยนแปลง1 โลกและการเปลี่ยนแปลง
1 โลกและการเปลี่ยนแปลง
 
Login Administrator PrestaShop
Login Administrator PrestaShopLogin Administrator PrestaShop
Login Administrator PrestaShop
 

More from Warawut

Database design
Database designDatabase design
Database design
Warawut
 
Object-Oriented Programming 10
Object-Oriented Programming 10Object-Oriented Programming 10
Object-Oriented Programming 10
Warawut
 
Object-Oriented Programming 9
Object-Oriented Programming 9Object-Oriented Programming 9
Object-Oriented Programming 9
Warawut
 
Management Information System 6
Management Information System 6Management Information System 6
Management Information System 6
Warawut
 
Management Information System 5
Management Information System 5Management Information System 5
Management Information System 5
Warawut
 
Management Information System 4
Management Information System 4Management Information System 4
Management Information System 4
Warawut
 
Object-Oriented Programming 5
Object-Oriented Programming 5Object-Oriented Programming 5
Object-Oriented Programming 5
Warawut
 
Business Computer Project 3
Business Computer Project 3Business Computer Project 3
Business Computer Project 3
Warawut
 
Management Information System 3
Management Information System 3Management Information System 3
Management Information System 3
Warawut
 
Business Computer Project 2
Business Computer Project 2Business Computer Project 2
Business Computer Project 2
Warawut
 
Chapter 2 Strategy & Information System
Chapter 2 Strategy & Information SystemChapter 2 Strategy & Information System
Chapter 2 Strategy & Information System
Warawut
 
Object-Oriented Programming 4
Object-Oriented Programming 4Object-Oriented Programming 4
Object-Oriented Programming 4
Warawut
 
Business Computer Project 1
Business Computer Project 1Business Computer Project 1
Business Computer Project 1
Warawut
 
Chapter 1 Organization & MIS
Chapter 1 Organization & MISChapter 1 Organization & MIS
Chapter 1 Organization & MIS
Warawut
 
Object-Oriented Programming 3
Object-Oriented Programming 3Object-Oriented Programming 3
Object-Oriented Programming 3
Warawut
 
Object-Oriented Programming 2
Object-Oriented Programming 2Object-Oriented Programming 2
Object-Oriented Programming 2
Warawut
 
Object-Oriented Programming 1
Object-Oriented Programming 1Object-Oriented Programming 1
Object-Oriented Programming 1
Warawut
 
Upload File
Upload FileUpload File
Upload File
Warawut
 
Login
LoginLogin
Login
Warawut
 
Session and Cookie
Session and CookieSession and Cookie
Session and Cookie
Warawut
 

More from Warawut (20)

Database design
Database designDatabase design
Database design
 
Object-Oriented Programming 10
Object-Oriented Programming 10Object-Oriented Programming 10
Object-Oriented Programming 10
 
Object-Oriented Programming 9
Object-Oriented Programming 9Object-Oriented Programming 9
Object-Oriented Programming 9
 
Management Information System 6
Management Information System 6Management Information System 6
Management Information System 6
 
Management Information System 5
Management Information System 5Management Information System 5
Management Information System 5
 
Management Information System 4
Management Information System 4Management Information System 4
Management Information System 4
 
Object-Oriented Programming 5
Object-Oriented Programming 5Object-Oriented Programming 5
Object-Oriented Programming 5
 
Business Computer Project 3
Business Computer Project 3Business Computer Project 3
Business Computer Project 3
 
Management Information System 3
Management Information System 3Management Information System 3
Management Information System 3
 
Business Computer Project 2
Business Computer Project 2Business Computer Project 2
Business Computer Project 2
 
Chapter 2 Strategy & Information System
Chapter 2 Strategy & Information SystemChapter 2 Strategy & Information System
Chapter 2 Strategy & Information System
 
Object-Oriented Programming 4
Object-Oriented Programming 4Object-Oriented Programming 4
Object-Oriented Programming 4
 
Business Computer Project 1
Business Computer Project 1Business Computer Project 1
Business Computer Project 1
 
Chapter 1 Organization & MIS
Chapter 1 Organization & MISChapter 1 Organization & MIS
Chapter 1 Organization & MIS
 
Object-Oriented Programming 3
Object-Oriented Programming 3Object-Oriented Programming 3
Object-Oriented Programming 3
 
Object-Oriented Programming 2
Object-Oriented Programming 2Object-Oriented Programming 2
Object-Oriented Programming 2
 
Object-Oriented Programming 1
Object-Oriented Programming 1Object-Oriented Programming 1
Object-Oriented Programming 1
 
Upload File
Upload FileUpload File
Upload File
 
Login
LoginLogin
Login
 
Session and Cookie
Session and CookieSession and Cookie
Session and Cookie
 

Recently uploaded

Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
Balvir Singh
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
Jisc
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
Vivekanand Anglo Vedic Academy
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
Mohd Adib Abd Muin, Senior Lecturer at Universiti Utara Malaysia
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
MIRIAMSALINAS13
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
Vikramjit Singh
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
EugeneSaldivar
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
Vivekanand Anglo Vedic Academy
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
Fundacja Rozwoju Społeczeństwa Przedsiębiorczego
 
How to Break the cycle of negative Thoughts
How to Break the cycle of negative ThoughtsHow to Break the cycle of negative Thoughts
How to Break the cycle of negative Thoughts
Col Mukteshwar Prasad
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
Excellence Foundation for South Sudan
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
bennyroshan06
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
beazzy04
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
Delapenabediema
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
Atul Kumar Singh
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
Thiyagu K
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
JosvitaDsouza2
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
Special education needs
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
Pavel ( NSTU)
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
Celine George
 

Recently uploaded (20)

Operation Blue Star - Saka Neela Tara
Operation Blue Star   -  Saka Neela TaraOperation Blue Star   -  Saka Neela Tara
Operation Blue Star - Saka Neela Tara
 
The approach at University of Liverpool.pptx
The approach at University of Liverpool.pptxThe approach at University of Liverpool.pptx
The approach at University of Liverpool.pptx
 
The French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free downloadThe French Revolution Class 9 Study Material pdf free download
The French Revolution Class 9 Study Material pdf free download
 
Chapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptxChapter 3 - Islamic Banking Products and Services.pptx
Chapter 3 - Islamic Banking Products and Services.pptx
 
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXXPhrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
Phrasal Verbs.XXXXXXXXXXXXXXXXXXXXXXXXXX
 
Digital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and ResearchDigital Tools and AI for Teaching Learning and Research
Digital Tools and AI for Teaching Learning and Research
 
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...TESDA TM1 REVIEWER  FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
TESDA TM1 REVIEWER FOR NATIONAL ASSESSMENT WRITTEN AND ORAL QUESTIONS WITH A...
 
Sectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdfSectors of the Indian Economy - Class 10 Study Notes pdf
Sectors of the Indian Economy - Class 10 Study Notes pdf
 
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdfESC Beyond Borders _From EU to You_ InfoPack general.pdf
ESC Beyond Borders _From EU to You_ InfoPack general.pdf
 
How to Break the cycle of negative Thoughts
How to Break the cycle of negative ThoughtsHow to Break the cycle of negative Thoughts
How to Break the cycle of negative Thoughts
 
Introduction to Quality Improvement Essentials
Introduction to Quality Improvement EssentialsIntroduction to Quality Improvement Essentials
Introduction to Quality Improvement Essentials
 
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptxMARUTI SUZUKI- A Successful Joint Venture in India.pptx
MARUTI SUZUKI- A Successful Joint Venture in India.pptx
 
Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345Sha'Carri Richardson Presentation 202345
Sha'Carri Richardson Presentation 202345
 
The Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official PublicationThe Challenger.pdf DNHS Official Publication
The Challenger.pdf DNHS Official Publication
 
Language Across the Curriculm LAC B.Ed.
Language Across the  Curriculm LAC B.Ed.Language Across the  Curriculm LAC B.Ed.
Language Across the Curriculm LAC B.Ed.
 
Unit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdfUnit 8 - Information and Communication Technology (Paper I).pdf
Unit 8 - Information and Communication Technology (Paper I).pdf
 
1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx1.4 modern child centered education - mahatma gandhi-2.pptx
1.4 modern child centered education - mahatma gandhi-2.pptx
 
special B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdfspecial B.ed 2nd year old paper_20240531.pdf
special B.ed 2nd year old paper_20240531.pdf
 
Synthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptxSynthetic Fiber Construction in lab .pptx
Synthetic Fiber Construction in lab .pptx
 
Model Attribute Check Company Auto Property
Model Attribute  Check Company Auto PropertyModel Attribute  Check Company Auto Property
Model Attribute Check Company Auto Property
 

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

  • 1. 1 F Mr.Warawut Khagkhan Twitter: http://twitter.com/awarawut Facebook: http://www.facebook.com/AjWarawut E-Mail: awarawut@hotmail.com Mobile: 083-0698-410
  • 2. 1 F Mr.Warawut Khangkhan 2 • F • F • F F F • F • F • (Page Design)
  • 3. 3 1 Mr.Warawut F Khangkhan
  • 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 1 Mr.Warawut F Khangkhan
  • 6. 1 F Mr.Warawut Khangkhan 6 F • Web Master • Web Design • Web Programmer • Content Writer / Editor
  • 7. 7 1 Mr.Warawut F Khangkhan
  • 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 1 Mr.Warawut F Khangkhan
  • 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 1 Mr.Warawut F Khangkhan
  • 12. 1 F Mr.Warawut Khangkhan 12 F • F F (Site Structure Design) • (Site Navigation Design)
  • 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. 1 F Mr.Warawut Khangkhan 14 F F( F ) (Site Structure Design) F F • (Sequence) • (Hierarchy) • (Combination)
  • 15. 1 F Mr.Warawut Khangkhan 15 • F F F F
  • 16. 1 F Mr.Warawut Khangkhan 16 • F F
  • 17. 1 F Mr.Warawut Khangkhan 17 • F F F 2 F F
  • 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. 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. 1 F Mr.Warawut Khangkhan 20 • - F F F F F F (Search Box), ( F (Drop-Down Menu), (Image Map), F (Site Map)
  • 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. 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. 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 1 Mr.Warawut F Khangkhan
  • 25. 1 F Mr.Warawut Khangkhan 25 (Page Design) • F F F Photoshop Fireworks F F F F F F F
  • 26. 1 F Mr.Warawut Khangkhan 26 F F • F (Page Header) • F (Page Body) • F F (Page Footer) • F (Side Bar)
  • 27. 1 F Mr.Warawut Khangkhan 27 F (Page Header) • F F F F F F F F F F F F F
  • 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. 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. 1 F Mr.Warawut Khangkhan 30 F (Side Bar) • F F F F F F F F F F
  • 31. 1 F Mr.Warawut Khangkhan 31 • F • F F
  • 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. 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. 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. 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. 1 F Mr.Warawut Khangkhan 36 F F ( F ) • F F – F F F F , F F F , F F F F F F