Downloaded 17 times
Internet 54
- 1.
- 2. INTERNET คืออะไร • INTERNETเปนเครือขายคอมพิวเตอร ขนาดใหญ ที่เชื่อมโยงเครือขาย คอมพิวเตอร ทั่วโลกเขาดวยกัน • คําเต็มของอินเทอรเน็ต : อินเทอรเน็ตเวิรกกิง (Internetworking) • เรียกอีกอยางหนึ่งวา ไซเบอรสเปซ (Cyberspace)
- 3. อินเทอรเน็ต : อภิมหาเครือขาย •อินเทอรเน็ต เปนอภิมหาเครือขายที่ยิ่งใหญมาก มี คอมพิวเตอรหลายลานเครื่องทั่วโลกเชื่อมตอระบบ ทําให คนในโลกทุกชาติทุกภาษาติดตอกันได สามารถสงขอมูล ขาวสารหลายรูปแบบทั้งขอความ ภาพ และเสียง • การติดตอสื่อสารระหวางคอมพิวเตอร อาจจะติดตอ ผานสายโทรศัพท ไมโครเวฟ ดาวเทียม เคเบิลใตน้ํา หรือสายไฟเบอรออปติก
- 4. ประวัติความเปนมา • ป 2512กระทรวงกลาโหมสหรัฐใหทุน มหาวิทยาลัย ศึกษาวิธีการเชื่อมโยงคอมพิวเตอรเขา เปนเครือขาย เรียกวา อารปาเน็ต (ARPAnet) • ป 2524 มหาวิทยาลัยทุกแหงในสหรัฐเชื่อมโยงเขาสู เครือขาย และเปลี่ยนชื่อมาเปน อินเทอรเน็ต • ป 2532 มหาวิทยาลัยสงขลานครินทร ไดเชื่อมโยง เครือขายเพื่อสง อิเล็กทรอนิกสเมล กับประเทศ ออสเตรเลีย
- 5. อินเทอรเน็ตในประเทศไทย สําหรับภาคเอกชน ไดมีการกอตั้งบริษัทสําหรับ ใหบริการอินเตอรเน็ตแกเอกชนและบุคคลทั่วไป ที่นิยมเรียกกัน วา ISP (Internet Service Providers) 5
- 6.
- 7. เหตุผลสําคัญที่ทําใหอินเตอรเน็ตไดรับความนิยมแพรหลาย การสื่อสารบนอินเตอรเน็ต ไมจํากัดระบบปฏิบัติการของเครื่องคอมพิวเตอร คอมพิวเตอร ที่ตางระบบปฏิบัติการกันก็สามารถติดตอ สื่อสารกันได เชน คอมพิวเตอรที่มี ระบบปฏิบัติการแบบ Windows 95 สามารถสื่อสารกับคอมพิวเตอรที่มีระบบปฏิบัติการ แบบ Macintosh ได อินเตอรเน็ตไมมีขอจํากัดในเรื่องของระยะทาง ไมวาจะอยูภายในอาคารเดียวกัน หรือหาง กันคนละทวีป ขอมูลก็สามารถสงผานถึง กันได อินเตอรเน็ตไมจํากัดรูปแบบของขอมูล ซึ่งมีไดทั้งขอมูลที่เปนขอความอยางเดียว หรืออาจ มีภาพประกอบ รวมไปถึงขอมูลชนิด มัลติมีเดีย คือมีทั้งภาพเคลื่อนไหวและมีเสียง ประกอบดวยได
- 8. การประยุกตใชงานบนอินเทอรเน็ต • E-mail • Telnet • FTP • www ,Gopher,Archie • Usenet • Chat • E-Commerce • Entertain
- 9. E-mail : ElectronicMail • ไปรษณียอิเล็กทรอนิกส หรือ E-mail (Electronic Mail) เปนการสงจดหมาย อิเล็กทรอนิกส ผานเครือขายอินเทอรเน็ต ตลอดจน สามารถ สงแฟมขอมูล หรือไฟลแนบกับ อีเมลไดดวย
- 10. Telnet • เทลเน็ต (Telnet)การขอเขาระบบจากระยะไกล • เปนบริการที่เราสามารถเขาไปใชงานในเครื่อง คอมพิวเตอรที่อยูไกลๆ ดวยตัวเอง
- 11. FTP • การถายโอนขอมูล FTP(File Transfer Protocol) • เปนบริการของอินเทอรเน็ต ที่เราสามารถคนหาและเรียกขอมูล จากแหลงตางๆ มาเก็บที่เครื่องเรา หรือสงไปที่เครื่องอื่น ทั้งขอมูลที่เปน ขอความ ภาพ และเสียง
- 12. www • World WideWeb : www • Gopher • Archie • เปนการใชเครือขายอินเทอรเน็ต ในการ สืบคนขอมูล คนหา ขาวสารที่มีอยูมากมาย แลวชวย จัดเรียงขอมูลขาวสารตามหัวขอ อยางมีระบบ เปนเมนู ทําใหเรา หาขอมูลไดงายและสะดวก
- 13. World Wide Web: www • World Wide Web : www • การบริการขอมูลที่เชื่อมตอดวย ไฮเปอรลิงก โดยมีโฮสตที่ทําหนาที่บริการ ขอมูลซึ่งเรียกวา เว็ปเซิรฟเวอร (Web Server ) การเรียกชื่อโฮสต ใชคํา นําหนาวา www เชน www.thaisakon.com
- 14. Usenet • Usenet เปนการใหบริการแลกเปลี่ยนขาวสารและแสดง ความคิดเห็นที่ผูใชอินเทอรเน็ตทั่วโลกพบปะกัน แสดง ความคิดเห็นของตน โดยมีการจัดการผูใชเปนกลุม • เปนเวทีขนาดใหญ ใหทุกคน จากทุกมุมโลก
- 15. Chat • Chat การสื่อสารดวยขอความเปนการพูดคุยกัน ระหวางผูใชอินเทอรเน็ต โดยพิมพขอความโตตอบกัน ในเวลาเดียวกัน
- 16. E-Commerce • E-Commerce :Electronic Commerce • เปนการซื้อ-ขายสินคา และบริการบนอินเทอรเน็ต ปจจุบันมี บริษัทหลายหมื่นบริษัทใชอินเทอรเน็ตทําธุรกิจ และใหบริการ ลูกคา 24 ชั่วโมง
- 17. Entertain • Entertain เปนบริการดานความบันเทิงในรูปแบบตางๆ เชน เกมส เพลง รายการโทรทัศน รายการวิทยุ เปนตน สามารถเลือกใชบริการ 24 ชั่วโมง
- 18. องคประกอบของระบบอินเทอรเน็ต • Server • Client •ระบบสื่อสาร โทรคมนาคม
- 19. Server Server เปนคอมพิวเตอรทที่ทําหนาที่ ใหบริการดานตางๆอาทิเชน เปน • Web Server • Mail Server • News server • FTP Server • ฯลฯ
- 20. Client • Client เปนคอมพิวเตอรสวนบุคคล ที่ทําการเชื่อมตอตนเองไปยัง Server เพื่อขอใชบริการตางๆ จาก Server
- 21. ระบบสื่อสาร โทรคมนาคม • เปนเสนทางที่ใชในการ ติดตอสื่อสารระหวาง Client กับ Server และ Server กับ Server อื่น ใน เครือขายอินเทอรเน็ต
- 22. การเชื่อมตอเขาสูอินเทอรเน็ต • การเชื่อมตอแบบสวนบุคคล • การเชื่อมตอแบบCooperate dial-in • การเชื่อมตอแบบ Cooperate lease line
- 23. การเชื่อมตอแบบสวนบุคคล อุปกรณที่จําเปน • คูสายโทรศัพท •Modem • คอมพิวเตอร • เปดบัญชีผูใชกับผูใหบริการอินเทอรเน็ต
- 24. รูปแบบการเชื่อมตอ องคการ โทรศัพท
- 25. รูปแบบการเชื่อมตอ กําหนด Username องคการ Password โทรศัพท หมายเลขโทรศัพท
- 26. รูปแบบการเชื่อมตอ MODEM เปลี่ยนขอมูล ในรูปแบบดิกิตอล องค จ าร เปนโทรศัพท อนาล็อก สงไปตามสายโทรศัพท
- 27. MODEM เปลี่ยนขอมูล ในรูปแบบอนาล็อก รูปแบบการเชื่อมตอ เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร องคการ โทรศัพท
- 28. เชื่อมตอไปยัง รูปแบบการเชื่อมตอ เครือขายอินเทอรเน็ต องคการ โทรศัพท
- 29. ลักษณะการใชงาน • ผูใชกําหนด Usernameและ Password • กําหนดหมายเลขโทรศัพทของผูใหบริการอินเทอรเน็ต • เริ่มการติดตอ • เรียกโปรแกรมสําหรับใชบริการตางๆ บนอินเทอรเน็ต อาทิ เชน ถาตองการคนขอมูลจาก www ใหใชโปรแกรม IE / Nescape / Opera ถาตองการสนทนาบนเครือขาย ใช Internet Phone ฯลฯ
- 30. การเชื่อมตอแบบ Cooperate dial-in •การเชื่อมตอแบบสวนบุคคล มีขอจํากัดคือ ใชไดครั้งละ 1 เครื่อง 1 ผูใช • กรณีที่ตองการใหใชไดหลายๆ เครื่อง และ ประหยัดคาใชจาย สามารถทําไดโดยการใช การเชื่อมตอแบบ coperate dial-in
- 31. อุปกรณที่จําเปน • คูสายโทรศัพท • Modem •คอมพิวเตอรที่ทําหนาที่เปน Server • คอมพิวเตอรที่ใชงานตองตอกันเปนระบบ เครือขาย • เปดบัญชีผูใชกับผูใหบริการอินเทอรเน็ต
- 32. รูปแบบการเชื่อมตอ องคการ โทรศัพท คอมพิวเตอรตองเปน ระบบเครือขาย
- 33. รูปแบบการเชื่อมตอ Server ทําหนาที่เปน ชองทางในการติดตอ ผูใหบริการอินเทอรเน็ต องคการ โทรศัพท
- 34. รูปแบบการเชื่อมตอ MODEM เปลี่ยนขอมูล ในรูปแบบดิกิตอล องค จ าร เปนโทรศัอพท อนาล็ ก สงไปตามสายโทรศัพท องคการ โทรศัพท
- 35. MODEM เปลี่ยนขอมูล รูปแบบการเชื่อมตอ ในรูปแบบอนาล็อก เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร องคการ โทรศัพท
- 36. เชื่อมตอไปยัง รูปแบบการเชื่อมตอ เครือขายอินเทอรเน็ต องคการ โทรศัพท
- 37. ลักษณะการใชงาน • กําหนด Usernameและ Password • กําหนดหมายเลขโทรศัพทของผูใหบริการอินเทอรเน็ต • การกําหนดขางตนกระทําที่เครื่องที่เปน Server • เริ่มการติดตอ • การเรียกโปรแกรมสําหรับใชบริการตางๆ บนอินเทอรเน็ต สามารถ ทําไดที่เครื่องตางๆ ที่อยูในเครือขาย โดย Server จะเปน gateway นําผูใชในเครือขายออกไปยังอินเทอรเน็ต
- 38. การเชื่อมตอแบบ Cooperate leaseline • เหมาะสําหรับหนวยงานที่ตองการใหบริการ ทางดานอินเทอรเน็ต • ตองการเชื่อมตอกับระบบตลอด 24 ชั่วโมง • มีบุคลากรในหนวยงานที่ตองใชอินเทอรเน็ต ในเวลาเดียวกันเปนจํานวนมาก
- 39. อุปกรณที่จําเปน • Lease line •Modem • Router • คอมพิวเตอรที่ทําหนาที่เปน Server • คอมพิวเตอรที่ใชงานตองตอกันเปนระบบ เครือขาย
- 40. รูปแบบการเชื่อมตอ คอมพิวเตอรตองเปน ระบบเครือขาย
- 41. รูปแบบการเชื่อมตอ Server ใหบริการตางๆ เชน Internet Server Web Server Mail Server
- 42. รูปแบบการเชืทํามตอ นอุปกรณ Router ่อ หนที่เป หาเสนทางบนเครือขาย อินเทอรเน็ต
- 43. MODEM เปลี่ยนขอมูล ในรูปแบบดิจิตอลการ องค รูปแบบการเชื่อมตอ เปนอนาล็โทรศัพท อก สงไปตามสายโทรศัพท
- 44. รูปแบบการเชื่อมตอ ่อสาร วงจรเชาจากการสื ทศท. UCOM DATANET
- 45. MODEM เปลี่ยนขอมูล ในรูปแบบอนาล็อก รูปแบบการเชื่อมตอ เปนดิจิตอล สงไปยังเครื่องคอมพิวเตอร วงจรเชาจากการสื่อสาร ทศท. UCOM DATANET
- 46. รูปแบบการเชื่อมตอ Router ทําหนที่เปนอุปกรณ หาเสนทางบนเครือขาย อินเทอรเน็ต
- 47. Internet Server รูปแบบการเชื่อมตอ Web Server Mail Server
- 48. ลักษณะการใชงาน • การใชอินเทอรเน็ตในรูปแบบนี้ Serverจะทําการ เชื่อมตออยูกับเครือขายตลอด 24 ชั่วโมง • การเรียกโปรแกรมสําหรับใชบริการตางๆ บน อินเทอรเน็ต สามารถทําไดที่เครื่องตางๆ ที่อยูใน เครือขาย การนําผูใชทองไปในอินเทอรเน็ตจะเปน หนาที่ของ Router
- 49. ตัวอยางการติดตั้งระบบอินทราเน็ต HUB คูสายโทรศัพท Modem Windows wingate Teleport Download ขอมูล Windows 95/98/2000/XP+Web server
- 50. ตัวอยางการติดตั้งระบบอินทราเน็ต HUB คูสายโทรศัพท Modem Linux Windows 95/98/2000/XP+Web server ทําหนาที่เปน Gateway+Proxy+Intranet
- 51. ตัวอยางการติดตั้งระบบอินทราเน็ต HUB คูสายโทรศัพท Modem Linux ทําหนาที่เปน Windows 95/982000/XP+Web server Intranet
- 52. อ ิน เต อ ร เ น ็ต ย ุค ห น า
- 53. Web 1.0 • E-mail • Chat room • Telnet • Net meeting • Webboard • IRC/ICQ • LMS
- 54. Web 2.0 • Camfrog • YouTube • Wikis • Podcast • Weblog • Webcast • Webquest • LAMP ฯลฯ
- 55.
- 56.
- 57. Social Network คือ?... Social Network “เครือขายสังคม” หรือ “เครือขายมิตรภาพ” หรือ กลุมสังคมออนไลน” คือ บริการผานเว็บไซตที่เปนจุดโยงระหวางบุคคลแต ละคนที่มีเครือขายสังคมของตัวเองผานเน็ตเวิรคอินเทอรเน็ต รวมทั้งเชื่อมโยง บริการตางๆ อยาง เมล เมสเซ็นเจอร เว็บบอรด บล็อก ฯลฯ เขาดวยกัน
- 58. จุ ด เริ่ ม ต น ข อ ง สั ง ค ม อ อ น ไ ล น เ กิ ด ขึ้ น จ า ก เ ว็ บ ไ ซ ต classmates.com เมื่อป 1995 และเว็บไซต SixDegrees.com ในป 1997 ซึ่ง เป นเว็ บ ไซต ที่ จํา กั ด การใช ง านเฉพาะนั ก เรีย นที่ เรี ย นในโรงเรี ย น เดีย วกั น เพื่ อสร า งประวั ติ ข อมู ล การสื่ อสาร และแลกเปลี่ย นขอมูล ที่ สนใจร วมกั น ระหว า งเพื่ อ นนั ก เรี ย นในลิ ส ต เ ท า นั้น ต อ มาในป 1999 เว็บไซต epinions.com ที่พัฒนาโดย Jonathan Bishop ก็ไดมีการเพิ่ม ฟงกชั่นในสวนของการที่ผูใชสามารถควบคุมเนื้อหาและติดตอถึงกันได
- 59. 1.Communicate (การสื่อสาร) มีการโตตอบกันผานทางเว็บไดเชน บล็อก ที่ผูใชสามารถสมัครสมาชิกและสรางเนื้อหาของตัวเองได มีคนเขา มาอาน มาคอมเมนต นอกจากนี้หลายเว็บยังสามารถที่จะพูดคุยกันไดเลย ฝากขอความไวใหกัน สรางกลุมที่สนใจเรื่องเดียวกัน 2. Definition (คําจํากัดความ) ที่เห็นไดชัดในเว็บจะมี Tagging และ Bookmark เสมอ ใหเราระบุคําที่ใชในเนื้อหา ในกรณีที่พบเจอเนื้อหาที่ นาสนใจ ก็สามารเก็บไวเพื่อกลับเขามาดูไดโดยการ Bookmark หนาเว็บนั้น ไว
- 60. 3.Networking (เครือขาย) -มีชุมชนออนไลน มีเว็บบอรดให สมาชิกพูดคุยกัน รวมมือกันสรางสรรคอะไรใหมขึ้นมา การที่มีคนใน เครือขายมากๆก็จะมีพลังมากขึ้น ทําใหคนในกลุมประสบความสําเร็จ ไดเร็วขึ้น 4.Sharing (แบงปน) - สิ่งที่ขาดไมไดเลยที่คนอยูรวมกันในสังคม ก็ คือ การแบงปน เอื้ออาทร ตอกันและกัน ซึ่งในโลกอินเตอรเน็ต สามารถ แบงปนกันไดหลายอยาง เชน ขอมูล เอกสาร รูปภาพ วีดีโอ เพลง
- 62. Social Networking Sitesมีทั้งหมดกี่ประเภท 1. Identity Network เผยแพรตัวตน hi5, myspaces, facebook เว็บไซตเหลานี้ใชสําหรับนําเสนอตัวตนและเผยแพรเรื่องราว ของตนเองทางอินเตอรเน็ตครับ สามารถเขียน blog สรางอัลบั้มรูปของ ตัวเอง สรางกลุมเพื่อน และสรางเครือขายขึ้นมาได
- 63. 2. Creative Networkเผยแพรผลงาน youtube, flickr, multiply 3. Interested Network ความสนใจตรงกัน เชน digg, del.icio.us social book mark ก็ เปนหนึ่งในนี้ del.icio.us เปน Online Bookmarking หรือ Social Bookmarking โดยแทนที่เราจะ Bookmark เว็บที่เราชอบเก็บไวในเครื่องของเราคน เดียว แตเอา Bookmark เก็บไวบนเว็บเพื่อแบงใหคนอื่นไดดู และเราก็จะ ไดรูดวยวาเว็บไซตใดที่ไดรับความนิยมมาก เปนที่นาสนใจ
- 64. 4. Collaboration Network รวมกันทํางาน ตรงนี้ก็จะเปนพวก รวมกันพัฒนาซอฟตแวรหรือสวนตางๆของซอฟตแวร WikiPedia เปนสารานุกรมตอยอด ที่อนุญาตใหใครก็ไดเขามา ชวยกันเขียน และแกไขบทความตางๆ ทําใหเกิดเปนสารานุกรมออนไลน ขนาดใหญที่รวบรวมความรู ขาวสาร และเหตุการณตางๆ ยังมีภาษาไทย ปจจุบันใช Google Maps สรางแผนที่ของตัวเอง หรือแชรแผนที่ใหคน อื่นได จึงทําใหมีสถานที่สําคัญหรือสถานที่ตางๆ ถูกปกหมุดเอาไว
- 65. 5. Gaming/Virtual Realityโลกเสมือน อันนี้คนไทยอาจไมคอย คุนเคย ตัวอยาง second life, DotA 6. Peer to Peer (P2P) P2P เปนการเชื่อมตอกันระหวาง Client (เครื่องผูใช, เครื่อง ลูกขาย) กับ Client โดยตรง โปรแกรม Skype จึงไดนําหลักการนี้มาใช เปนโปรแกรมสนทนาผานอินเตอรเน็ต และก็มี BitTorrent เกิด
- 67. เว็บไซตแบบ Social Networkในโลกนี้ มีเว็บไซต Social Network ใดบางที่เปนยอดนิยม 1. MySpace.com 2. FaceBook.com 3. Orkut.com 4. Hi5.com 5. Vkontakte.ru 8. PerfSpot.com 6. Friendster.com 9. Bebo.com 7. SkyRock.com 10. Studivz.net
- 68.
- 69. อยากเปนเว็บมาสเตอรตองเตรียมตัวอยางไร • ศึกษาขอมูลเกี่ยวกับขั้นตอนและองคประกอบในการพัฒนา บริหารและดูแลเว็บไซต • เพิ่มเติมความรูในเรื่องของเครื่องมือตางๆ ที่ใชในการพัฒนา เว็บไซต • คนควาหาแนวคิดใหมๆ เทคนิควิธีการนําเสนอใหมๆ หรือ แนวโนมของการพัฒนาเว็บไซตในอนาคต • เขาใจจุดเดนและจุดดอยของเทคโนโยลี ตลอดจนสามารถ ปรับใหเขากับสภาพที่เหมาะสมที่สุดได
- 70. ผูที่เกี่ยวของในการพัฒนาเว็บไซต • Webmaster • WebSite Developer • System Administrator • Content Editor • Translator
- 71.
- 72. กระบวนการในการพัฒนาเว็บไซต 1. สํารวจปจจัยสําคัญ (Research) 2. พัฒนาเนื้อหา (Site Content) 3. พัฒนาโครงสรางเว็บไซต (Site Structure) 4. ออกแบบและพัฒนาเว็บไซต (Visual Design) 5. พัฒนาและดําเนินการ (Production and Operation)
- 73. การจัดระบบขอมูลในเว็บไซต • วางแผน/กําหนดหัวขอ และเนื้อหาที่จะนําเสนอ •สรางความสัมพันธของขอมูล แบบรากตนไม Home Page ประวัติ ผลงาน งานอดิเรก
- 74. การจัดระบบขอมูลในเว็บไซต (ตอ) • กําหนดชื่อไฟลของเอกสารเว็บ Index.htm Page-1.htm Page-2.htm Page-3.htm
- 75. การจัดระบบขอมูลในเว็บไซต (ตอ) • สรางโฟลเดอรเฉพาะสําหรับเอกสารเว็บแตละชุด/เรื่อง •ในโฟลเดอรที่สราง สามารถสรางโฟลเดอรยอย เพื่อเก็บ ไฟลใหเปนระบบระเบียบได
- 76. การจัดระบบขอมูลในเว็บไซต (ตอ) • จัดหาภาพหรือสรางภาพที่เกี่ยวของกับเนื้อหา – สรางดวยโปรแกรมกราฟก เชน Adobe Photoshop – คัดเลือกจาก ClipArt For Web เชน CD-Rom รวมภาพสําหรับเว็บ • ภาพที่เลือกใชงานทั้งหมด ตองเก็บไวในโฟลเดอรที่สรางไว กอนแลว
- 77. การจัดระบบขอมูลในเว็บไซต (ตอ) • สรางเอกสารเว็บโดยการลงรหัส HTML หรือใชโปรแกรมชวย • ไฟลเอกสาร HTML ทุกไฟลจะตองบันทึกไวในโฟลเดอรที่สรางไว กอน รวมกับรูปภาพที่จัดเตรียมไวแลว
- 78. การจัดระบบขอมูลในเว็บไซต (ตอ) • ตรวจสอบผลเอกสาร HTML ดวยเว็บเบราเซอร • แกไขขอผิดพลาดที่อาจเกิดขึ้น เนื่องจากเว็บเบราเซอรแตละ คาย แตละรุน รูจักคําสั่ง HTML ไมเทากัน • สงขอมูลขึ้นเครื่องแมขาย (Server) • ตรวจสอบผลการเรียกดูจากเครื่องแมขาย
- 79. หลักเกณฑในการเลือกภาพ Graphic • ขนาดไฟลไมควรเกิน 80 กิโลไบต เพื่อความรวดเร็วในการ แสดงผล • ใชไฟลแบบ JPEG สําหรับรูปถาย หรือรูปที่มีสีเกิน 256 สี • ใชไฟลแบบ GIF สําหรับภาพวาดหรือภาพการตูนที่มีสีไม เกิน 256 สี • เลือกภาพที่มีความนาสนใจและดึงดูด เพื่อไมใหเสียเวลาที่ เสียไปในการ Download • ภาพเปลาประโยชน
- 80. ไฟลภาพกราฟกที่นํามาใชในการทําเว็บ • ไฟลฟอรแมต JPG,JPEG • ไฟลฟอรแมต GIF • ไฟลฟอรแมต PNG
- 81. ไฟลสกุล JPG (JointPhotographer’s Experts Group) • จุดเดน – แสดงสีไดสูงสุด16.7 ลานสี (สนับสนุนสีไดถึง 24 bit) – สามารถกําหนดคาการบีบไฟลไดตามที่ตองการ – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียดในระบบ Progressive – มีโปรแกรมสนับสนุนการสรางจํานวนมาก – เรียกดูไดกับ Graphics Browser ทุกตัว – ตั้งคาการบีบไฟลได (compress files) • จุดดอย – ทําใหพื้นของรูปโปรงใสไมได
- 82. ไฟลสกุล GIF (GraphicsInterlace File) • จุดเดน – แสดงสีไดสูงสุด 256 สี – สามารถใชงานขามระบบ (Cross Platform) หมายความวา คอมพิวเตอรทุกระบบ ไม วาจะใช Windows, Unix ก็สามารถเรียกใชไฟลภาพสกุลนี้ได – มีขนาดไฟลต่ํา จากเทคโนโลยีการบีบอัดภาพ ทําใหสามารถสงไฟลภาพไดรวดเร็ว – สามารถทําพื้นของภาพใหเปนพื้นแบบโปรงใสได (Transparent) – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียดในระบบ Interlace – มีโปรแกรมสนับสนุนการสรางจํานวนมาก – เรียกดูไดกับ Graphics Browser ทุกตัว – ความสามารถดานการนําเสนอแบบภาพเคลื่อนไหว (GIF Animation) • จุดดอย – ไฟลชนิดนี้ก็มีจุดดอยในเรื่องของการแสดงสี ซึ่งแสดงไดเพียง 256 สี ทําให การ นําเสนอภาพถาย หรือภาพที่ตองการความคมชัดหรือภาพสดใส จะตองอาศัยฟอรแมต อื่น
- 83. ไฟลสกุล PNG (PortableNetwork Graphics) • จุดเดน – แสดงสีไดสูงสุด 16.7 ลานสี – สนับสนุนสีไดถึงตามคา True color (16 bit, 32 bit หรือ 64 bit) – สามารถกําหนดคาการบีบไฟลไดตามที่ตองการ – มีระบบแสดงผลแบบหยาบและคอยๆ ขยายไปสูละเอียด (Interlace) – สามารถทําพื้นโปรงใสได • จุดดอย – หากกําหนดคาการบีบไฟลไวสูง จะใชเวลาในการคลายไฟลสูงตามไปดวย แตขนาด ของไฟลจะมีขนาดต่ํา – ไมสนับสนุนกับ Graphic Browser รุนเกา สนับสนุนเฉพาะ IE 4 และ Netscape 4 – ความละเอียดของภาพและจํานวนสีขึ้นอยูกับ Video Card – โปรแกรมสนับสนุนในการสรางมีนอย
- 84. การแสดงภาษา • เลือกฟอนตที่ตองการจากตัวเลือก Fontโดยเอกสารภาษาไทยควรกําหนด ฟอนตเปน Microsoft Sans Serif, MS Sans Serif หรือ Tahoma สําหรับ เอกสารภาษาอังกฤษ กําหนดเปน Arial • ขนาดตัวอักษร สามารถกําหนดไดอิสระ และเมื่อกําหนดแลว ผูใช ปลายทางยังสามารถปรับเปลี่ยนไดอิสระ • การพิมพขอความไมตองสนใจระยะกั้นหลัง เพราะโปรแกรมจะตัดคําให โดยอัตโนมัติ สําหรับเอกสารภาษาไทย ควรเวนวรรคใหกับประโยคเปน ระยะๆ อยาพิมพติดกัน • การกดปุม <Enter> จะกระทําเมื่อตองการขึ้นบรรทัดใหม, เวนบรรทัด หรือจบพารากราฟ • หากตองการขึ้นบรรทัดใหม กอนจบพารากราฟใหกดปุม <Shift><Enter>
- 85. การกําหนดชื่อไฟล และนามสกุลของไฟลเอกสารเว็บ • ควรใชตัวอักษร a - z หรือตัวเลข 0 - 9 หรือผสมกัน • ตัวอักษร a - z ควรเปนตัวพิมพเล็ก • หามตั้งชื่อไฟลเปนภาษาไทย • ชื่อไฟลแรกของเอกสารเว็บ มักจะใชชื่อ index หรือ default
- 86. แนวคิดในการออกแบบ • เรียนรูจากเว็บไซตตางๆ • ประยุกตรูปแบบจากสิ่งพิมพ • ใชแบบจําลองเปรียบเทียบ • ออกแบบอยางสรางสรรค
- 87. แนวทางในการสรางเว็บไซต 13 ขั้นตอนในการพัฒนาเว็บไซต การจัดโครงสรางของเว็บไซต ระบบเนวิแกชั่น การจัดแบงเนื้อที่ในหนาเว็บ สีบอกความหมายอะไรบาง
- 88. 13 ขั้นตอนในการพัฒนาเว็บไซต Phase 1:สํารวจปจจัยที่สําคัญ (Research) 1. เปาหมายหลักของเว็บไซต 1.รูจักตัวเอง - กําหนดเปาหมายและสํารวจความพรอม 2. ความตองการของผูใช 2.เรียนรูผูใช – ระบุกลุมผูใชและศึกษาความตองการ 3. กลยุทธในการแขงขัน 3.ศึกษาคูแขง - สํารวจการแขงขันและเรียนรูคูแขง Phase 2: พัฒนาเนื้อหา (Site Content) 1. แนวทางในการออกแบบเว็บไซต 4.สรางกลยุทธการออกแบบ 2. ขอบเขตเนื้อหาการใชงาน 5.หาขอสรุปขอบเขตของเนื้อหา 3. ขอมูลที่ถูกจัดอยางเปนระบบ Phase 3: พัฒนาโครงสรางเว็บไซต (Site Structure) 1. แผนผังโครงสรางขอมูล 6.จัดระบบขอมูล 2. แนวทางการทองเว็บ 7.จัดทําโครงสรางขอมูล 3. ระบบเนวิเกชัน 8.พัฒนาระบบเนวิเกชัน 1. ลักษณะหนาตาของเว็บไซต Phase 4: ออกแบบและพัฒนาหนาเว็บ (Visual design) 2. เว็บเพจตนแบบที่จะใชในการพัฒนา 9.ออกแบบและพัฒนาหนาตาเว็บ 3. รูปแบบโครงสรางเว็บไซต 10.พัฒนาตนแบบและขอกําหนดสุดทาย 4. ขอกําหนดในการพัฒนาเว็บไซต Phase 5: พัฒนาและดําเนินการ (Production and Operation) 1. เว็บไซตที่สมบูรณ 11.ลงมือพัฒนาเว็บเพจ 2. เปดตัวเว็บไซตและทําใหเปนที่รูจัก 12.เปดตัวเว็บไซต 3. แนวทางในการดูแลและพัฒนาตอไป 13.ดูแลและพัฒนาตอเนื่อง
- 89.
- 90. จัดโครงสรางเว็บไซต (Site MAP) หนา A แบบที่1 ตองคลิ๊ก 6 เพื่อเขาดูขอมูลหนา B แบบที่ 2 คลิ๊กเพียง 2 ครั้งเนื่องจาก โครงสรางขอมูลไมลึกมาก หนา B หนา A หนา B
- 91.
- 92. ระบบเนวิเกชัน เปนการวางการเคลื่อนที่ภายในไซต (Site Flow) เพื่อใหมองเห็นภาพการเชื่อโยงแตละหนาเพจไดชัดเจน องคกร ฝายวิจัย ฝายวิจัย ฝายบริการ ฝายถายทอด นักวิจัย ผลงานวิจัย นักวิจัย ผลงานวิจัย กําลัง พรอม จดสิทธิบัตร ดําเนินการ ถายทอด
- 93.
- 94.
- 96. Flash Header ------------------------------------------ ---------------------------------------------- --------------------------------------------- Picture Picture Picture --------------------------------------------- -------------------------------------------- -------------------------------------------- -------------------------------------------- ---------------------------- ---------------------------- -------------------------------------------- -------------------------------- -------------------------------- --------------------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- ---------------------------- ---------------------------- ---------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- -------------------------------- 1 --- ---------------------------- 1 --- ---------------------------- ---------------------------- ---------------------------- 2 -------------------------------- 2 -------------------------------- -------------------------------- -------------------------------- 3 -------------------------------- 3 -------------------------------- -------------------------------- -------------------------------- 4 -------------------------------- 4 -------------------------------- -------------------------------- -------------------------------- 5 -------------------------------- 5 -------------------------------- Footer
- 98. สีบอกความหมายอะไรบาง สีน้ําเงิน ความหมายในทางดี : ความซื่อสัตย ความมั่นคงปลอดภัย ความสะอาด ความเปน ระเบียบ ความหวง มีน้ําใจ ความมีคุณธรรม ความฉลาดรอบรู ความสะอาด ความสงบ ความ กลมกลืน ความเปนหนึ่ง ความเชื่อมั่น ความหมายในทางไมดี : ความหดหู ซึมเศรา เสียใจ ความโมโห สีแดง ความหมายในทางดี : พลัง อํานาจ ความรัก ความอบอุน ความจริง กําลังใจ อาการขวย เขิน ความแข็งขัน การแขงขัน การเสียสละ ความกลาหาญความเร็ว ความตื่นเตน ความสนุกสนาน ความหมายในทางไมดี : ความโมโห ความกาวราว ความอันตราย ความละอาย ความ รุนแรง ความผิดพลาด สีเขียว ความหมายในทางดี : ธรรมชาติ สุขภาพ ความยินดี การมีโชคดี การเริ่มตนใหม ความปลอดภัย การ รักษาความอบอุน ความแข็งแรง ความหวัง ความสมบูรณ ความกระฉับกระเฉง ความเปน อมตะ ความภักดี ความหมายในทางไมดี : อิจฉา ริษยา โชคราย ขาดประสบการณ ความเบื่อหนาย
- 99. สีบอกความหมายอะไรบาง (ตอ1) สีเหลือง / สีสม ความหมายในทางดี : ความสดใส รางเริง การโมงโลกในแงดี ความหวง ความอบอุน ความร่ํารวย ความสงา งาม ธรรมะ ปรัชญา ความสุขความคิดฝน ความหมายในทางไมดี : ความไมซื่อสตย การทรยศ ความขลาดกลัว ความอิจฉา ความเจ็บปวย การ หลอกลวง ความไมแนนอน สีน้ําตาล ความหมายในทางดี : ความเรียบงาย ความสะดวกสบาย ความทนทาน ความมั่นคง ความเชื่อถือได ความมี เกียรติ ความเจริญเติบโตเต็มที่ ความหมายในทางไมดี : ความเปรอะเปอน อากรซึมเศรา หดหู สลดใจ สีเทา ความหมายในทางดี : ความสภาพ ความสงบเสงี่ยม ความเปนไปได ความมนคง ความไววางใจ วามฉลาด ความสุขุม ความมีเกียรติ ความหมายในทางไมดี : ความเศราโศก ความนาเบื่อ
- 100. สีบอกความหมายอะไรบาง (ตอ2) สีขาว ความหมายในทางดี : ความบริสุทธิ์ ความไรเรียงสา ความรัก ความฉลาด ความสงบเสงี่ยม ความเรียบงาย ความสะอาด การปราศจากเชื้อโรค ความเคารพนับถือ ความนอบนอมถอมตน ความเที่ยงตรง ความดี ความหมายในทางไมดี : ความออนแอ การเจ็บปวย ความตาย ความเศราโศก สีดํา ความหมายในทางดี : อํานาจ ความฉลาด ความเปนเลิศ ความสุขุม ความรอบครอบ ความตั้งใจ ความมนคง ความเปนทางการ ความหมายในทางไมดี : ความซับซอน การหลอกลวง ความลบความกลัว การปกปด ความนากลัว ความชั่ว ราย ความทุกข ความหดหู ความหมดหวง ความเศราโศก ความโกรธ ความลึกลับ
- 101.
- 102. รูจักกับการออกแบบเว็บไซต การออกแบบเว็บไซตนั้นไมไดหมายถึงลักษณะหนาตาของเว็บไซต เพียงอยางเดียว แตเกี่ยวของตั้งแตการเริ่มตนกําหนดเปาหมายของ เว็บไซต ระบุกลุมผูใช การจัดระบบขอมูล การสรางระบบเนวิเกชัน การ ออกแบบหนาเว็บ รวมไปถึงการใชกราฟก การเลือกใชสี และการ จัดรูปแบบตัวอักษร นอกจากนั้นยังตองคํานึงถึงความแตกตางของ สื่อกลางในการแสดงผลเว็บไซตดวย รูปตัวอยางเวบไซด http://www.officemate.co.th เปนเว็บที่ออกแบบสวยงามนาใช และมีสีสันสวยงาม
- 103. สื่อกลางในการแสดงผลเว็บไซตไดแก ชนิดและรุนของบราวเซอร ขนาดของหนาจอมอนิเตอร ความละเอียดของสีในระบบรวมไปถึง Plug-in ชนิดตาง ๆ ที่ผูใชมีอยู เพื่อใหผูใชเกิดความสะดวกและความ พอใจที่จะทองไปในเว็บไซตนั้น ดังนั้นทุกสิ่งทุกอยางในเว็บไซตทั้งที่คุณ มองเห็นและมองไมเห็นลวนเปนผลมาจากกระบวนการออกแบบเว็บไซต ทั้งสิ้น รูปตัวอยางเวบไซด http://www.raycity.in.th เปนเว็บที่ออกแบบสีสัน สวยงามเราใจ
- 104. เว็บไซตที่ดูสวยงามหรือมีลูกเลนมากมายนั้น อาจจะไมนับเปนการ ออกแบบที่ดีก็ได ถาความสวยงามและลูกเลนเหลานั้นไมเหมาะสมกับ ลักษณของเว็บไซตดวยเหตุนี้จึงเปนเรื่องยากที่จะระบุวาการออกแบบ เว็บไซตที่ดีนั้นเปนอยางไร เนื่องจากไมมีหลักเกณฑแนนอนที่จะใชไดกับ ทุกเว็บไซต รูปตัวอยางเวบไซด http://www.shoppingplace.net/ เปนเว็บที่ออกแบบเรียบงายและเปน ระเบียบสวยงาม
- 105. แนวทางการออกแบบบางอยางที่เหมาะสมกับเว็บไซตหนึ่ง อาจจะ ไมเหมาะกับอีกเว็บไซตหนึ่งก็ได ทําใหแนวทางในการออกแบบของแตละ เว็บไซตนั้นแตกตางกันไปตามเปาหมายและลักษณะของเว็บไซตนั้น เว็บไซตบางแหงอาจตองการความสนุกสนานบันเทิง ขณะที่เว็บอื่นกลับ ตองการความถูกตอง นาเชื่อถือเปนหลัก รูปตัวอยางเวบไซด http://www.cgd.go.th/ เปนเว็บที่สวยงามและนาเชื่อถือ
- 106. ดังนั้นอาจสรุปไดวาการออกแบบที่ดีก็คือ การออกแบบให เหมาะสมกับเปาหมายและลักษณะของเว็บไซต โดยคํานึงถึง ความสะดวกในการใชงานของผูใชเปนหลัก รูปตัวอยางเวบไซดhttp://www.siamfreestyle.com/ เปนเว็บที่ออกแบบเรียบงายและสะดวกตอการเรียกใช
- 107. ออกแบบใหตรงกับเปาหมาย และลักษณะของเว็บไซต เว็บไซตแตละประเภทตางมีเปาหมายและลักษณะที่แตกตาง กัน ตัวอยางเชน เว็บไซตที่เปน Search Engine ซึ่งเปนแหลง รวมที่อยูของเว็บไซตตาง ๆ ทําหนาที่เปนประตูไปสูเว็บไซตอื่น ๆ เว็บไซตประเภทนี้มีเปาหมายที่จะใหขอมูลที่ผูใชตองการอยาง รวดเร็ว และจะมีผูเขามาใชบริการคนหาขอมูลเปนจํานวนมากใน แตละวัน
- 108. ดังนั้นสิ่งที่สําคัญในการออกแบบเว็บไซตประเภทนี้ก็คือ สามารถแสดงหนาเว็บอยางรวดเร็ว เมื่อผูใชเปดเขามาและมี ระบบสืบคนขอมูลที่มีประสิทธิภาพ เพื่อใหไดผลลัพธที่รวดเร็ว รูปตัวอยางเวบไซด http://www.google.co.th/ เปนเว็บที่สามารถคนหาขอมูลไดรวดเร็ว
- 109. สําหรับเว็บเพื่อความบันเทิงหรือเกี่ยวของกับศิลปะนั้น ผูใชมัก คาดหวังที่จะไดพบกับสิ่งที่นาตื่นเตน เรื่องราวที่สนุกสนาน เพลิดเพลินหรืออาจจะไดเรียนรูสาระบางอยางบาง ความสําคัญใน การออกแบบเว็บไซตเหลานี้จึงมีมากพอกับเนื้อหาภายในเว็บไซต รูปตัวอยางเวบไซด http://www.talesrunner.in.th เปนเว็บที่ดูสนุกสนาน
- 110. สวนเว็บทั่วไปที่ใหบริการขอมูล ซึ่งไมไดมีเปาหมายที่จะให ความบันเทิง ควรจะมีการจัดขอมูลอยางเปนระบบและมีรูปแบบ ที่เขาใจงายเพื่อทําใหสามารถเขาถึงขอมูลที่ตองการไดอยาง รวดเร็ว รูปตัวอยางเวบไซด http://www.jobsiam.com/ เปนเว็บที่จัดสรรขอมูลเปนระบบ เขาถึงไดงาย
- 111. รูปแสดงตัวอยางเว็บไซตของ Adobe สวนเว็บไซตขององคกรธุรกิจที่มีเปาหมายเพื่อขายสินคาหรือบริการนั้น ยิ่ง จําเปนตองใหความสําคัญกับการออกแบบเว็บไซตเปนอยางมาก เพราะผูใชหรือลูกคาของ คุณจะตัดสินใจซื้อสินคาหรือบริการ โดยดูจากสิ่งที่พบเห็นในเว็บไซต ซึ่งลักษณะการ ออกแบบของเว็บไซตก็จะสะทอนถึงภาพลักษณของธุรกิจนั้น จึงทําใหเว็บไซตที่ไดรับการ ออกแบบมาอยางดีสามารถสรางความนาเชื่อถือและดึงดูดความสนใจของผูใชไดมากกวา เว็บไซตอื่น
- 112. องคประกอบของการออกแบบเว็บไซตอยางมีประสิทธิภาพ องคประกอบตอไปนี้ถือเปนพื้นฐานที่สําคัญของเว็บไซตที่ไดรับการ ออกแบบมาอยางมีประสิทธิภาพ 1. ความเรียบงาย (Simplicity) หลักที่สําคัญของความเรียบงาย คือ การสื่อสารเนื้อหาถึงผูใชโดยจํากัด องคประกอบ เสริมที่เกี่ยวของกับการนําเสนอใหเหลือเฉพาะสิ่งที่จําเปน เทานั้น รูปตัวอยางเวบไซด http://www.fourfan.com/ เปนเว็บที่ออกแบบเรียบงาย
- 113. 2. ความสม่ําเสมอ (Consistency) ใชรูปแบบเดียวกันตลอดทั้งเว็บไซต เนื่องจากผูใชจะรูสึกกับ เว็บไซตวาเปนเสมือนสถานที่จริง ถาลักษณะของแตละหนาในเว็บไซต เดียวกันนั้นแตกตางกันมาก ผูใชก็จะเกิดความสับสนและไมแนใจวา กําลังอยูในเว็บเดิมหรือไม ดังนั้นรูปแบบของหนา สไตลของกราฟก ระบบเนวิเกชัน และโทนสีที่ใชควรจะมีความคลายคลึงกันตลอดทั้ง เว็บไซต
- 114. 3. ความเปนเอกลักษณ (Identity) การออกแบบตองคํานึงถึงลักษณะขององคกร เนื่องจากรูปแบบ ของเว็บไซตสามารถสะทอนถึงเอกลักษณ และลักษณะขององคกรนั้น ได รูปตัวอยางเวบไซด http://www.gsb.or.th เปนเว็บที่ออกแบบสีสันเปนเอกลักษณของตนเอง
- 115. 4. เนื้อหาที่มีประโยชน (UsefulContent) เนื้อหาถือเปนสิ่งที่สําคัญที่สุดในเว็บไซต ดังนั้นในเว็บไซตควร จัดเตรียมเนื้อหาและขอมูล ที่ผูใชตองการใหถูกตองและสมบูรณ โดยมี การปรับปรุงและเพิ่มเติมใหทันตอเหตุการณอยูเสมอ เนื้อหาที่สําคัญที่สุด คือ เนื้อหาที่สรางขึ้นมาเองโดยทีมงานของคุณและไมซ้ํากับเว็บอื่น เพราะ จะเปนสิ่งที่ดึงดูดผูใชใหเขามาในเว็บไซตอยูเสมอ รูปตัวอยางเวบไซด http://www.samunpri.com เปนเว็บที่ออกแบบเรียบงายและ เปนระเบียบสวยงาม
- 116. 5. ระบบเนวิเกชันที่ใชงานงาย (User-FriendlyNavigation) ระบบเนวิเกชันเปนองคประกอบที่สําคัญมากของเว็บไซต จะตอง ออกแบบใหผูใชเขาใจไดงายและใชงานสะดวก โดยใชกราฟกที่สื่อ ความหมายรวมกับคําอธิบายที่ชัดเจน รวมทั้งมีรูปแบบและลําดับของ รายการที่สม่ําเสมอ
- 117. 6. มีลักษณะที่นาสนใจ (VisualAppeal) เปนเรื่องยากที่จะตัดสินวาลักษณะหนาตาของเว็บไซตนาสนใจ หรือไม เพราะเกี่ยวของกับความชอบของแตละบุคคลอยางไรก็ตาม หนาตาของเว็บไซตจะมีความสัมพันธกับคุณภาพขององคประกอบตาง ๆ
- 118. 7. การใชงานอยางไมจํากัด (Compatibility) ควรออกแบบเว็บไซตใหผูใชสวนใหญเขาถึงไดมากที่สุด โดยไมมีการบังคับใหผูใชตองติดตั้งโปรแกรมใด ๆ เพิ่มเติม หรือ ตองเลือกใชบราวเซอรชนิดใดชนิดหนึ่งจึงจะสามารถเขาถึง เนื้อหาได สามารถแสดงผลไดในทุกระบบปฏิบัติการและที่ความ ละเอียดหนาจอตางกันอยางไมมีปญหา
- 119. 8. คุณภาพในการออกแบบ (DesignStability) ถาตองการใหผูใชรูสึกวาเว็บไซตที่มีคุณภาพ ถูกตอง และเชื่อถือได ก็ควรใหความสําคัญกับการออกแบบเว็บไซตอยางมาก
- 120. 9. ระบบการใชงานที่ถูกตอง (FunctionalStability) ระบบการทํางานตาง ๆ ในเว็บไซตจะตองมีความแนนอน และทํา หนาที่ไดอยางถูกตอง รูปตัวอยางเวบไซด http://www.settrade.com เปนเว็บที่มีระบบใหขอมูลที่ถูกตอง
- 121. ความผิดพลาดในการออกแบบเว็บไซต • ใชโครงสรางหนาเว็บเปนระบบเฟรม • ใชเทคโนโลยีขั้นสูงโดยไมจําเปน • ใชตัวหนังสือหรือภาพเคลื่อนไหวตลอดเวลา • มีที่อยูเว็บไซตที่ซับซอน (URL) ยากตอการจดจําและพิมพ • ไมมีการแสดงชื่อและที่อยูของเว็บไซตในหนาเว็บเพจ
- 122. • มีความยาวของหนามากเกินไป • ขาดระบบเนวิเกชันที่มีประสิทธิภาพ • ใชสีของลิงคไมเหมาะสม • ขอมูลเกาไมมีการปรับปรุงใหทันสมัย • เว็บเพจแสดงผลชา
- 123. กําหนดกลุมผูใชเปาหมาย การทําเว็บไซตจําเปนตองรูกลุมผูใชเปาหมายที่จะเขามาใช บริการในเว็บไซตอยางชัดเจน เพื่อที่จะตอบสนองความตองการของ ผูใชไดอยางถูกตอง สิ่งที่ผูใชตองการจากเว็บไซต 1. ขอมูลและการใชงานที่เปนประโยชน 2. การตอบสนองตอผูใช 3. ความบันเทิง 4. ของฟรี
- 124. ขอมูลหลักที่ควรมีอยูในเว็บไซต 1. ขอมูลเกี่ยวกับบริษัท (Aboutthe company) 2. รายละเอียดผลิตภัณฑ (Product information) 3. ขาวความคืบหนาและขาวจากสื่อมวลชน (News/Press releases) 4. คําถามยอดนิยม (Frequently asked questions) 5. ขอมูลในการติดตอ (Contact information)