![Page 1: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/1.jpg)
1205 204 Web Process 1
กระบวนการพัฒนาเว�บไซต์�กระบวนการพัฒนาเว�บไซต์�Web Development Processes
![Page 2: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/2.jpg)
1205 204 Web Process 2
เร��มการสร�างเว�บไซต์� เร��มการสร�างเว�บไซต์� ??
Development Process
![Page 3: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/3.jpg)
1205 204 Web Process 3
Website
เป้�าหมาย
เน��อหา ระยะเวลา
เง�นทุ!น
บ!คลากร
กล!#มผู้%�ใช้�
จัดระบบโครงสร�างข้�อม%ลจัดระบบโครงสร�างข้�อม%ล ค�อ การพั�จัารณาว#าเว�บไซต์� ควรจัะม-ข้�อม%ลใดบ�าง
ด�วยการสร�างเป้.นแผู้นผู้งโครงสร�าง
![Page 4: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/4.jpg)
1205 204 Web Process 4
กระบวนการในการพัฒนาเว�บไซต์�ม- กระบวนการในการพัฒนาเว�บไซต์�ม- 13 13 ข้�นต์อนข้�นต์อน
1 .รู้��จั�กตนเอง ก �หนดเป้��หม�ยและสำ �รู้วจัคว�มพรู้�อม
2. เรู้�ยนรู้��ผู้��ใช้� รู้ะบุ!กล!"มผู้��ใช้�และศึ$กษ�คว�มต�องก�รู้
3. ศึ$กษ�ค�"แข่"ง สำ �รู้วจัก�รู้แข่"งข่�นและเรู้�ยนรู้��ค�"แข่"ง
4. สำรู้��งกลย!ทธ์)ก�รู้ออกแบุบุ5. ห�ข่�อสำรู้!ป้ข่อบุเข่ตเน*+อห�6. จั�ดรู้ะบุบุข่�อม�ล7. จั�ดท �โครู้งสำรู้��งข่�อม�ล8. พ�ฒน�รู้ะบุบุเนว.เกช้�น9. ออกแบุบุล�กษณะหน��ต�เว0บุเพจั1 0 .พ�ฒน�เว0บุต�นแบุบุและข่�อก �หนด
สำ!ดท��ย1 1 .ลงม*อพ�ฒน�เว0บุเพจั1 2 .เป้1ดต�วเว0บุไซต)1 3 .ด�แลและพ�ฒน�ต"อเน*4อง
1 .รู้��จั�กตนเอง ก �หนดเป้��หม�ยและสำ �รู้วจัคว�มพรู้�อม
2. เรู้�ยนรู้��ผู้��ใช้� รู้ะบุ!กล!"มผู้��ใช้�และศึ$กษ�คว�มต�องก�รู้
3. ศึ$กษ�ค�"แข่"ง สำ �รู้วจัก�รู้แข่"งข่�นและเรู้�ยนรู้��ค�"แข่"ง
4. สำรู้��งกลย!ทธ์)ก�รู้ออกแบุบุ5. ห�ข่�อสำรู้!ป้ข่อบุเข่ตเน*+อห�6. จั�ดรู้ะบุบุข่�อม�ล7. จั�ดท �โครู้งสำรู้��งข่�อม�ล8. พ�ฒน�รู้ะบุบุเนว.เกช้�น9. ออกแบุบุล�กษณะหน��ต�เว0บุเพจั1 0 .พ�ฒน�เว0บุต�นแบุบุและข่�อก �หนด
สำ!ดท��ย1 1 .ลงม*อพ�ฒน�เว0บุเพจั1 2 .เป้1ดต�วเว0บุไซต)1 3 .ด�แลและพ�ฒน�ต"อเน*4อง
![Page 5: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/5.jpg)
1205 204 Web Process 5
กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ม- ม- 13 13 ข้�นต์อนข้�นต์อน
1.Research 2.Site Content
5.Production and Operation
3.Site Structure
4.Visual Design
แบุ"งได� 5 Phase ด�งน�+
![Page 6: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/6.jpg)
1205 204 Web Process 6
Researchส0ารวจัป้1จัจัยส0าคญ
กระบวนการในการพัฒนาเว�บไซต์�กระบวนการในการพัฒนาเว�บไซต์�
Phase 1
1. ร% �จักต์นเอง ก0าหนดเป้�าหมายและส0ารวจัความพัร�อม2. เร-ยนร% �ผู้%�ใช้� ระบ!กล!#มผู้%�ใช้�และศึ4กษาความต์�องการ3. ศึ4กษาค%#แข้#ง ส0ารวจัการแข้#งข้นและเร-ยนร% �ค%#แข้#ง
ส��งทุ-�ได�รบ1. เป้�าหมายหลกข้องเว�บไซต์�2. ความต์�องการข้องการใช้�3. กลย!ทุธ์�ในการแข้#งข้น
![Page 7: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/7.jpg)
1205 204 Web Process 7
www.dtac.co.th
เร-ยนร% �จัากค%#แข้#ง
![Page 8: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/8.jpg)
1205 204 Web Process 8
![Page 9: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/9.jpg)
1205 204 Web Process 9
![Page 10: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/10.jpg)
1205 204 Web Process 10
Site Contentพัฒนาเน��อหา
กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))
Phase 2
4. สร�างกลย!ทุธ์�การออกแบบ5. หาข้�อสร!ป้ข้อบเข้ต์เน��อหา
ส��งทุ-�ได�รบ1. แนวทุางการออกแบบเว�บไซต์�2. ข้อบเข้ต์เน��อหาและการใช้�งาน3. ข้�อม%ลถู%กจัดอย#างเป้.นระบบ
![Page 11: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/11.jpg)
1205 204 Web Process 11สร�างกลย!ทุธ์�ให�โดดเด#น ฟั1งเพัลง , เกม , e-Card , Blog , ซ��อข้ายออนไลน�
![Page 12: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/12.jpg)
1205 204 Web Process 12
ด% ช้ม ทุ-ว- ช้มทุ-ว- โทุรทุศึน� ด%ทุ-ว- ด%โทุรทุศึน� ทุ-ว-ออนไลน� ด%ทุ-ว-ออนไลน� โทุรทุศึน�ออนไลน� ด%ทุ-ว-ผู้#านเน�ต์ ช้มทุ-ว-ผู้#านเน�ต์ ด%โทุรทุศึน�ผู้#านอ�นเต์อร�เน�ต์ internet net ถู#ายทุอดสด
![Page 13: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/13.jpg)
1205 204 Web Process 13
Site Structureการพัฒนาโครงสร�างเว�บไซต์�
กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))
Phase 3
6. จัดระบบข้�อม%ล7. จัดทุ0าโครงสร�างข้�อม%ล8. พัฒนาระบบเนว�เกช้น
ส��งทุ-�ได�รบ1 . แผู้นผู้งโครงสร�างข้�อม%ล2. แนวทุางการทุ#องเว�บ3. ระบบเนว�เกช้น
![Page 14: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/14.jpg)
1205 204 Web Process 14
จัดทุ0าโครงสร�างข้�อม%ล1. Home2. Products
2.1…….2.1.1page1.html 2.1.2page2.html2.1.3page3.html
2.2 ……..3. Services4. About us5. Site Map
![Page 15: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/15.jpg)
1205 204 Web Process 15
พัฒนาระบบเนว�เกช้น
ก0าหนด Site map
![Page 16: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/16.jpg)
1205 204 Web Process 16
Create Site Map
![Page 17: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/17.jpg)
1205 204 Web Process 17
Visual Designออกแบบและพัฒนาหน�าเว�บ
กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))
Phase 4
9. ออกแบบลกษณะหน�าต์าเว�บเพัจั10. พัฒนาเว�บต์�นแบบและข้�อก0าหนดส!ดทุ�าย
ส��งทุ-�ได�รบ1 . ลกษณะหน�าต์าข้องเว�บไซต์�2 . เว�บเพัจัต์�นแบบทุ-�จัะใช้�ในการพัฒนา3 . ร%ป้แบบโครงสร�างข้องเว�บ4. ข้�อก0าหนดในการพัฒนาเว�บไซต์�
![Page 18: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/18.jpg)
1205 204 Web Process 18
ออกแบบ web site (Web Prototype)
![Page 19: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/19.jpg)
1205 204 Web Process 19
![Page 20: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/20.jpg)
1205 204 Web Process 20
ออกแบบโครงร#างหน�าเว�บLogo
submenu
Navigation
Banner
Footer
1024*768
![Page 21: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/21.jpg)
1205 204 Web Process 21
ต์วอย#าง Logo Web
![Page 22: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/22.jpg)
1205 204 Web Process 22
Production and Operationพัฒนาและด0าเน�นการ
กระบวนการในการพัฒนาเว�บไซต์� กระบวนการในการพัฒนาเว�บไซต์� ((ต์#อต์#อ))
Phase 5
11. ลงม�อพัฒนาเว�บเพัจั12. เป้9ดต์วเว�บไซต์�13. ด%แลและพัฒนาต์#อเน��อง
ส��งทุ-�ได�รบ1. เว�บไซต์�ทุ-�สมบ%รณ�2. เป้9ดต์วเว�บไซต์�และทุ0าให�เป้.นทุ-�ร% �จัก3. แนวทุางการด%แลและพัฒนาต์#อไป้
![Page 23: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/23.jpg)
1205 204 Web Process 23
![Page 24: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/24.jpg)
1205 204 Web Process 24
![Page 25: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/25.jpg)
1205 204 Web Process 25
![Page 26: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/26.jpg)
1205 204 Web Process 26
![Page 27: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/27.jpg)
1205 204 Web Process 27
![Page 28: Introduction to On-line Documemt Lect05 Web Process](https://reader033.vdocuments.pub/reader033/viewer/2022051413/55674e2dd8b42a5a3e8b52d1/html5/thumbnails/28.jpg)
1205 204 Web Process 28
END