SlideShare una empresa de Scribd logo
1 de 36
Descargar para leer sin conexión
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

Más contenido relacionado

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

Business Computer Project 4
Business Computer Project 4Business Computer Project 4
Business Computer Project 4Warawut
 
พื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรมพื้นฐานการออกแบบโปรแกรม
พื้นฐานการออกแบบโปรแกรม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 PrestaShopWarawut
 

Similar a หลักการออกแบบและพัฒนาเว็บไซท์ (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
 

Más de Warawut

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

Más de 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
 

Último

Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphNetziValdelomar1
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptxSandy Millin
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxDr. Santhosh Kumar. N
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...CaraSkikne1
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxheathfieldcps1
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxSaurabhParmar42
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxDr. Asif Anas
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfTechSoup
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesMohammad Hassany
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxraviapr7
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxraviapr7
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.raviapr7
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRATanmoy Mishra
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17Celine George
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...raviapr7
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17Celine George
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxKatherine Villaluna
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxKatherine Villaluna
 

Último (20)

Presentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a ParagraphPresentation on the Basics of Writing. Writing a Paragraph
Presentation on the Basics of Writing. Writing a Paragraph
 
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
2024.03.23 What do successful readers do - Sandy Millin for PARK.pptx
 
M-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptxM-2- General Reactions of amino acids.pptx
M-2- General Reactions of amino acids.pptx
 
5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...5 charts on South Africa as a source country for international student recrui...
5 charts on South Africa as a source country for international student recrui...
 
The basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptxThe basics of sentences session 10pptx.pptx
The basics of sentences session 10pptx.pptx
 
CAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptxCAULIFLOWER BREEDING 1 Parmar pptx
CAULIFLOWER BREEDING 1 Parmar pptx
 
Ultra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptxUltra structure and life cycle of Plasmodium.pptx
Ultra structure and life cycle of Plasmodium.pptx
 
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdfPersonal Resilience in Project Management 2 - TV Edit 1a.pdf
Personal Resilience in Project Management 2 - TV Edit 1a.pdf
 
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdfMaximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
Maximizing Impact_ Nonprofit Website Planning, Budgeting, and Design.pdf
 
Human-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming ClassesHuman-AI Co-Creation of Worked Examples for Programming Classes
Human-AI Co-Creation of Worked Examples for Programming Classes
 
Prescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptxPrescribed medication order and communication skills.pptx
Prescribed medication order and communication skills.pptx
 
Education and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptxEducation and training program in the hospital APR.pptx
Education and training program in the hospital APR.pptx
 
Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.Drug Information Services- DIC and Sources.
Drug Information Services- DIC and Sources.
 
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRADUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
DUST OF SNOW_BY ROBERT FROST_EDITED BY_ TANMOY MISHRA
 
How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17How to Add Existing Field in One2Many Tree View in Odoo 17
How to Add Existing Field in One2Many Tree View in Odoo 17
 
Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...Patient Counselling. Definition of patient counseling; steps involved in pati...
Patient Counselling. Definition of patient counseling; steps involved in pati...
 
How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17How to Add a New Field in Existing Kanban View in Odoo 17
How to Add a New Field in Existing Kanban View in Odoo 17
 
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptxPractical Research 1: Lesson 8 Writing the Thesis Statement.pptx
Practical Research 1: Lesson 8 Writing the Thesis Statement.pptx
 
Practical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptxPractical Research 1 Lesson 9 Scope and delimitation.pptx
Practical Research 1 Lesson 9 Scope and delimitation.pptx
 
Prelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quizPrelims of Kant get Marx 2.0: a general politics quiz
Prelims of Kant get Marx 2.0: a general politics quiz
 

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

  • 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