หลักการออกแบบโปรแกรม

๒๕๖๐หลกั การออกแบบเวบ็ ไซต์ในงานธุรกจิ ศภุ รัตน์ ทิพย์ประเสริฐ วิทยาลยั อาชีวศกึ ษานครราชสมี า 12 /7/2560

หลกั การออกแบบเวบ็ ไซต์ในงานธุรกจิ1. ความสาคญั ของการออกแบบเวบ็ ไซต์ ปัจจุบันน้ีมีเว็บไซต์เกิดข้ึนมากมายผูใ้ ช้จึงมีทางเลือกมากข้ึนที่จะเข้าไปยงั เว็บไซต์ต่าง ๆ ท่ีให้บริการและจะไม่ทนอยกู่ บั เวบ็ ท่ีสับสน จากประสบการณ์ท่องเวบ็ ที่ผา่ นมาของคุณความรู้สึกไดร้ ับจากเว็บที่มีความสวยงามและเว็บท่ีมีขอ้ มูลอยู่อยา่ งมากมายดูสับสนวุ่นวายและเสียเวลานานในการเขา้ ดูคุณตอ้ งการท่ีจะมีเวบ็ ของคุณในลกั ษณะใด การออกแบบเวบ็ ไซท์มีส่วนสาคญั ในการสร้างความประทบั ใจให้กบั ผูใ้ ช้บริการ และทาให้อยากกลบั เขา้ มาใช้อีกในอนาคต หรือดึงดูดผูใ้ ช้ให้อยู่กบั เว็บตลอดไปการออกแบบเวบ็ ไซทน์ ้นั ไมไ่ ดห้ มายถึงลกั ษณะหนา้ ตาของเวบ็ ไซทเ์ พยี งอยา่ งเดียว แต่เก่ียวขอ้ ง - การกาหนดเป้าหมายของเวบ็ ไซต์ - ระบุกลุ่มผใู้ ช้ - การจดั ระบบขอ้ มูล - การสร้างระบบวเิ กชนั่ - การออกแบบหนา้ เวบ็ - การใชก้ ราฟิ ก - การเลือกใชส้ ี และการจดั รูปแบบตวั อกั ษร - ชนิดและรุ่นของบราวเซอร์ - การคานึงถึงความแตกต่างของสื่อกลางในการแสดงผลเวบ็ ไซทด์ ว้ ย - ขนาดของหนา้ จอมอมิเตอร์ และความละเอียดของสีในระบบ Plug – in ชนิดตา่ งๆ เว็บไซต์ท่ีดูสวยงามหรือมีลูกเล่นมากมายน้ัน อาจจะไม่นับเป็ นการออกแบบที่ดีก็ได้ถ้าความสวยงาม และลูกเล่นเหล่าน้นั ไม่เหมาะสมกบั ลกั ษณะของเวบ็ ไซต์ ดว้ ยเหตุผลน้ีจึงเป็ นเรื่องยากที่จะระบุวา่การออกแบบเวบ็ ไซต์ท่ีดีน้ันเป็ นอยา่ งไรเน่ืองจากไม่มีหลกั เกณฑ์แน่นอนที่จะใช้ไดก้ บั ทุกเวบ็ ไซต์ แนวทางการออกแบบอยา่ งเหมาะสมกบั เวบ็ ไซตห์ น่ึงอาจไม่เหมาะสมกบั อีกเวบ็ ไซตห์ น่ึงก็ไดท้ าให้แนวทางในการออกแบบในแต่ละเวบ็ ไซต์แตกต่างกนั ออกไปตามเป้าหมายและลกั ษณะของเวบ็ ไซต์ ซ่ึงบางแห่งอาจตอ้ งการความสนุกสนาน บนั เทิง ขณะท่ีเวบ็ ไซตอ์ ่ืนกลบั ตอ้ งการความถูกตอ้ ง น่าเชื่อถือเป็นหลกั ดงั น้นั อาจสรุปไดว้ า่ การออกแบบเวบ็ ไซตท์ ี่ดีก็คือ การออกแบบให้เหมาะสมกบั เป้าหมายและลกั ษณะของเวบ็ ไซต์โดยคานึงถึงความสะดวกในการใช้งานของผูใ้ ช้เป็ นหลกั ตวั อย่างเช่น เว็บไซต์ท่ีเป็ นโปรแกรมค้นหา(Search Engine)

2. การออกแบบโครงสร้างหน้าของเวบ็ ไซต์การออกแบบโครงสร้างหนา้ ของเวบ็ ไซต์ จาแนกเป็น 3 รูปแบบใหญๆ่ ดงั น้ี 1. การออกแบบหนา้ เวบ็ ไซตท์ ่ีเนน้ การนาเสนอเน้ือหาเป็ นหลกั การออกแบบเวบ็ ไซตล์ กั ษณะน้ีจะเนน้ การนาเสนอเน้ือหามากกวา่ รูปภาพ ซ่ึงโครงสร้างของตาราง เป็นหลกั เพื่อใส่ขอ้ ความแบบหนา้ สารบญั และรูปภาพประกอบท่ีมีขนาดเลก็ ๆ ตวั อยา่ ง ดงั ภาพ ภาพท่ี 1 เวบ็ ไซตท์ ี่มีการนาเสนอเน้ือหาเป็ นหลกั ที่มา : sanook.com (2559) 2. การออกแบบหนา้ เวบ็ ไซตท์ ี่เนน้ ภาพกราฟิ กเป็นหลกั เวบ็ ไซตป์ ระเภทน้ีจะไม่เนน้ ขอ้ ความภายในเวบ็ เพจ แตจ่ ะเนน้ ใชภ้ าพกราฟิ กเป็นหลกั และสร้างการ เชื่องโยงที่ภาพไปยงั หน้าเวบ็ ไซตอ์ ่ืนๆ ซ่ึงอาจสร้างมาจากโปรแกรมกราฟิ กต่างๆ เช่น Photoshop หรือ Flash ตวั อยา่ งดงั ภาพ ภาพท่ี 2 เวบ็ ไซตท์ ี่ใชภ้ าพกราฟิ กเป็นส่วนประกอบ ท่ีมา : bmw-cinetique (2016)

3. การออกแบบหนา้ เวบ็ ไซตท์ ี่มีท้งั ภาพและเน้ือหา เป็นลกั ษณะของการออกแบบเวบ็ ไซตท์ ี่นารูปแบบท้งั สองท่ีกล่าวมาขา้ งตน้ มาผสมผสานกนั โดยจะ เนน้ การจดั วางภาพและเน้ือหาใหเ้ หมาะสมและสวยงาม3. ประเภทการวางผงั หน้าเวบ็ เพจ การวางผงั หนา้ เวบ็ เพจ สามารถทาไดห้ ลายรูปแบบ ในท่ีน้ีจะขอกล่าวถึงเฉพาะรูปแบบท่ีนิยมใชง้ านเพยี ง 3 รูปแบบ คือ การวางผงั หนา้ เวบ็ แบบ Fixed, Liquid และ Elastic ดงั รายละเอียดตอ่ ไปน้ี 1. การวางผงั หนา้ เวบ็ เพจแบบ Fixed เป็ นรูปแบบการวางผงั หน้าเว็บเพจแบบตายตวั โดยการกาหนดค่าของหน่วยต่างๆ ภายในแท็ก HTML หรือ CSS แบบ Puxel (PX) เช่นความกวา้ งของหนา้ เวบ็ เพจ แต่ขอ้ เสียคือ เม่ือนาเวบ็ เพจไป เปิ ดบนหน้าจอท่ีมีความละเอียดต่างกนั จะทาให้เกิดพ้ืนท่ีวา่ งท่ีไม่ไดถ้ ูกใช้งานมากเกินไป แต่ถา้ ขนาดของหน้าจอมีความละเอียดน้อยเกินไปจะทาให้ลาบากต่อการอ่านขอ้ มูล เพราะไม่สามรถ แสดงข้อมูลได้ท้ังหมด และอาจต้องอาศยั แถบเล่ือนหน้าจอ (scroll Bar)สาหรับเล่ือนชมขอ้ มูล ภายในเวบ็ เพจ 2. การวางผงั หนา้ เวบ็ เพจแบบ Liquid เป็นการวางผงั หนา้ เวบ็ เพจใหส้ ามารถเปล่ียนไปไดต้ ามความละเอียดของจอภาพ โดยกาหนดคา่ ของ หน่วยต่างๆ เป็ นเปอร์เซ็น (%) ซ่ึงจะช่วยให้เน้ือหาแต่ละส่วนเปลี่ยนแปลงไปตามความละเอียด ของจอภาพท่ีกาหนดไว้ โดยข้อดีจะทาให้การแสดงผลเว็บเพจมีความยืดหยุ่นสูง ทาให้เวบ็ เพจ สามารถเปลี่ยนแปลงขนาดโครงสร้างไดต้ ามความละเอียดของจอภาพ 3. การวางผงั หนา้ เวบ็ เพจแบบ Elastic เป็ นการวางผงั หน้าเว็บเพจท่ีคล้ายกบั แบบ Fixed คือ โครงสร้างจะไม่เปล่ียนไปตามขนาดของ เว็บไซต์เบราเซอร์ แต่จะเปล่ียนตามขนาดของตัวอักษรที่กาหนดให้กับเว็บเพจคือ เม่ือมีการ เปล่ียนแปลงของตวั อกั ษรใหม่จะทาใหห้ นา้ เวบ็ เพจเปลี่ยนแปลงตามไปดว้ ย

4. องค์ประกอบพืน้ ฐานทคี่ วรมใี นการออกแบบเวบ็ ไซต์องคป์ ระกอบพ้นื ฐานสาคญั ที่ควรคานึงถึงเม่ือทาการออกแบบเวบ็ ไซตม์ ีดงั ต่อไปน้ี 1. ความเรียบง่าย เป็ นการสื่อสารเน้ือหาผูใ้ ชโ้ ดยจากดั องคป์ ระกอบเสริมที่เกี่ยวขอ้ งกบั การนาเสนอให้เหลือเฉพาะ ส่ิงที่จาเป็ นเท่าน้ัน ตวั อย่างท่ีเห็นไดช้ ดั เจน เช่น เวบ็ ไซต์ของ Adobe ,Apple, IBM และ Nokia ท่ีมี การออกแบบเรียบง่าย ไมซ่ บั ซอ้ น และใชง้ านไดส้ ะดวก แมว้ า่ จะมีขอ้ มูลในเวบ็ ไซตอ์ ยมู่ ากมาย ซ่ึง แทบจะไมเ่ ห็นกราฟิ กหรือตวั อกั ษรเคล่ือนไหวอยตู่ ลอดเวลา 2. ความสมา่ เสมอ เป็ นการออกแบบเวบ็ ไซตใ์ หม้ ีรูปแบบเดียวกนั ตลอดท้งั เวบ็ ไซต์ เพ่ือใหผ้ ใู้ ชร้ ู้สึกกบั เวบ็ ไซตว์ า่ เป็ น เสมือนสถานท่ีจริง ถ้าลักษณะของแต่ละหน้าในเวบ็ ไซต์แตกต่างกนั มากจะทาให้ผูใ้ ช้เกิดความ สับสนและไม่แน่ใจว่ากาลงั อยูใ่ นเวบ็ ไซตเ์ ดิมหรือไม่ ดงั น้นั รูปแบบของหน้า สไตล์ของกราฟิ ก ระบบเนวเิ กชนั และโทนสีท่ีใชค้ วรจะมีความคลายคลึงกนั ตลอดท้งั เวบ็ ไซต์ 3. ความเป็ นเอกลกั ษณ์ การออกแบบตอ้ งคานึงถึงลกั ษณะขององค์กร เนื่องจากรูปแบบของเว็บไซต์สามารถสะทอ้ นถึง เอกลกั ษณ์และของลกั ษณะขององคก์ รน้นั ได้ เวบ็ ไซตข์ องธนาคารจึงไม่ควรดูเหมือนกบั สวนสนุก การใชช้ ุดสี ชนิดตวั อกั ษร รูปภาพกราฟิ กจะมีผลต่อรูปแบบของเวบ็ ไซตอ์ ยา่ งมากผอู้ อกแบบจึงตอ้ ง เลือกใชอ้ งคป์ ระกอบเหล่าน้ีอยา่ งเหมาะสม 4. เนื้อหาทมี่ ีประโยชน์ เน้ือหาถือเป็ นส่ิงที่สาคญั ที่สุดในเว็บไซต์ ดงั น้ัน ในเวบ็ ไซต์ควรจดั เตรียมเน้ือหาและขอ้ มูลท่ีใช้ ตอ้ งการให้ถูกตอ้ งและสมบูรณ์ โดยมีการปรับปรุงและเพิ่มเติมให้ทนั ต่อเหตุการณ์อยา่ งสม่าเสมอ เน้ือหาท่ีสาคญั ที่สุด คือ เน้ือหาที่สร้างข้ึนมาเองและไม่ซ้ากบั เวบ็ ไซตอ์ ่ืนๆ เพราะจะเป็ นส่ิงที่ดึงดูด ผูใ้ ช้ให้เขา้ มาในเวบ็ ไซต์อยู่เสมอ ต่างจากที่ลิงค์ไปเวบ็ ไซต์อื่น ซ่ึงเมื่อผูใ้ ช้รู้ถึงแหล่งขอ้ มูลจริงๆ แลว้ ก็ไมจ่ าเป็นตอ้ งกลบั มาที่ลิงคเ์ หล่าน้นั อีก 5. แถบนาทางทใ่ี ช้งานง่าย แถบนาทาง (Navigation Bar ) เป็ นองคป์ ระกอบท่ีสาคญั มากของเวบ็ ไซต์ จึงตอ้ งออกแบบให้ผูใ้ ช้ เขา้ ใจง่ายและใช้งานได้สะดวก โดยใช้กราฟิ กส่ือความหมายร่วมกบั คาอธิบายท่ีชดั เจน รวมท้งั มี รูปแบบและลาดบั ของรายการอยา่ งสม่าเสมอ เช่น วางไวใ้ นตาแหน่งเดียวกนั ของทุกๆ หนา้ เวบ็ เพจ เพ่ือความรวดเร็วในการเรียกดู

6. มลี กั ษณะน่าสนใจ ลกั ษณะที่น่าสนใจ หน้าตาของเวบ็ ไซตจ์ ะตอ้ งมีความสัมพนั ธ์กบั คุณภาพขององค์ประกอบต่างๆ เช่น คุณภาพของกราฟิ กที่จะตอ้ งสมบูรณ์ การใชส้ ี การใชต้ วั อกั ษรที่อ่านง่าย สบายตา การใชโ้ ทนสี ที่เขา้ กนั ลกั ษณะหนา้ ตาที่น่าสนใจน้นั ข้ึนอยกู่ บั ความชอบของแต่ละบุคคล7. การใช้งานอย่างไม่จากดั ผใู้ ชส้ ่วนใหญ่สามารถเขา้ ถึงไดม้ ากที่สุดเลือกใชบ้ ราวเซอร์ชนิดใดก็ไดใ้ นการเขา้ ถึงเน้ือหาสามารถ แสดงผลไดท้ ุกระบบปฏิบตั ิการและความละเอียดหนา้ จอตา่ งๆ กนั อยา่ งไม่มีปัญหาเป็ นลกั ษณะ สาคญั สาหรับผใู้ ชท้ ่ีมีจานวนมาก8. คุณภาพในการออกแบบ การออกแบบและเรียบเรียงเน้ือหาอย่างรอบคอบ สร้างความรู้สึกวา่ เวบ็ ไซตม์ ี….คุณภาพ ถูกตอ้ ง และเช่ือถือได้9. ระบบการใช้งานทถ่ี ูกต้อง การใช้แบบฟอร์มสาหรับกรอกขอ้ มูลตอ้ งสามารถกรอกได้จริง ใช้งานไดจ้ ริง ลิงค์ต่างๆ จะตอ้ ง เช่ือมโยงไปหนา้ ที่มีอยจู่ ริงและถูกตอ้ งระบบการทางานต่างๆ ในเวบ็ ไซตจ์ ะตอ้ งมีความแน่นอนและ ทาหนา้ ที่ไดอ้ ยา่ งถูกตอ้ ง10. ข้อมูลเกย่ี วกบั บริษัท โดยทว่ั ไปและผูค้ นต้องการรู้ข้อมูลพ้ืนฐานของบริษัทด้านต่างๆ เช่น ประวตั ิและความเป็ นมา เป้าหมายของบริษทั ขนาดและความมนั่ คงของบริษทั จานวนพนกั งาน และกิจการอ่ืนๆ ท่ีเก่ียวขอ้ ง เพื่อใหผ้ ใู้ ชม้ ีความเชื่อมนั่ ในตวั สินคา้ และบริการของบริษทั11. รายละเอยี ดผลติ ภัณฑ์ ผูค้ นจานวนมากตอ้ งการรับรู้รายละเอียดของผลิตภณั ฑ์หรือบริการท่ีสนใจก่อนท่ีจะตดั สินใจซ้ือ ดงั น้ัน ในเวบ็ ไซต์จึงจาเป็ นตอ้ งมีส่วนที่ให้ขอ้ มูลเกี่ยวกบั ผลิตภณั ฑ์ บริการ โปรแกรมพิเศษ และ อ่ืนๆ ที่เกี่ยวขอ้ ง ถา้ ผลิตภณั ฑ์เป็ นซอฟตแ์ วร์ คู่มือการใช้งานและเทคนิคพิเศษต่างๆ เม่ือผูใ้ ช้รู้สึก สนใจก็มีตวั อย่างซอฟต์แวร์ให้ดาวโหลดไปทอลองใช้ และในท่ีสุดเมื่อมีผูใ้ ช้ความต้องการซ้ือ ซอฟตแ์ วร์ดงั กล่าวกส็ ามารถหาซ้ือผลิตภณั ฑไ์ ดท้ ้งั ในร้านคา้ จริงและร้านคา้ บนอินเตอร์เน็ต12. ข่าวความคืบหน้าและข่าวจากส่ือมวลชน มีผูค้ นบางกลุ่มที่ติดตามข่าวสารความเคลื่อนไหวท่ีเกิดข้ึนของบริษทั และผลิตภัณฑ์ต่างๆที่มี ให้บริการ เช่น การพฒั นาผลิตภณั ฑ์ การตอบรับจากส่ือมวลชน และข่าวความคืบหนา้ ในดา้ นตา่ งๆ เวบ็ ไซตจ์ ึงควรมีส่วนของข่าวสารเพ่อื ส่ือใหผ้ สู้ นใจรับทราบขอ้ มูลท่ีทนั เหตุการณ์อยเู่ สมอ

13. ข้อมูลในการติดต่อ ขอ้ มูลในการติดต่อถือว่าเป็ นอีกส่วนหน่ึงที่เจา้ ของเวบ็ ไซต์ตอ้ งมีเพ่ือให้ลูกคา้ ใชง้ านในการติดต่อ กบั บริษทั เช่น อีเมล์ ท่ีอยู่ของบริษทั เบอร์โทรศพั ท์และการส่ือสาร ส่ิงเหล่าน้ีจะช่วยเพ่ิมความ น่าเชื่อถือของบริษทั ไดอ้ ยา่ งมากในกรณีที่ผสู้ นใจมีคาถามหรืออยากติดต่อกบั บริษทั โดยตรง 14. คาถามนิยม สาหรับเวบ็ ไซต์ที่มีสินคา้ หรือบริการที่เขา้ ใจยาก ควรมีการรวบรวมคาถามและคาตอบที่สาคัญไว้ ในส่วนของคาถามยอดนิยม หรือ FAQ (Ferquetly Asked Question) ซ่ึงจะช่วยให้ผูส้ นใจได้รับ คาตอบท่ีตอ้ งการอยา่ งรวดเร็ว5. ขนาดของเวบ็ ไซต์ ในการสร้างเวบ็ ไซตแ์ บบดงั่ เดิมคาถามหน่ึงท่ีเป็ นคาถามคลาสิกจะกาหนดความกวา้ งเท่าไรดีตอบแบบกาป้ันทุบดินคือแลว้ แต่เราแต่ท้งั น้ีแลว้ แต่เราหมายถึงแลว้ แต่การนาไปใชง้ าน เราตอ้ งออกแบบหน้าเวบ็ ไซตใ์ ห้เหมาะสมกบั งานดว้ ยเช่นกนั แลว้ จะทาอย่างไรให้เหมาะสม เราตอ้ งคน้ หาคาตอบเหล่าน้ีให้ได้ก่อน 1. ใครจะเข้ามาดูเว็บไซต์เราบ้าง แมว้ ่าเวบ็ ไซต์จะเป็ นส่ือที่ดูไดพ้ ร้อมกนั ทว่ั โลก ก็จริง แต่อย่าลืมวา่ เราทาเวบ็ ไซตใ์ หค้ นท้งั โลกพอใจไม่ได้ ดงั น้นั ตอ้ งคน้ หากลุ่มลูกคา้ ของเราใหเ้ จอ 2. คนที่เข้าดูเว็บไซต์เรา ดูผ่านอะไร เนื่องจากเดี๋ยวน้ีอุปกรณ์ในการเขา้ ถึงเวบ็ ไซต์ หลากหลายกว่า เม่ือก่อนมาก ท้งั โทรศพั ท์ แทปเลท หรือ แมแ้ ต่ ตูเ้ ยน็ ยงั เปิ ดเวบ็ ไซตไ์ ด้ 3. บราวเซอร์หลักที่ใช้ เว็บบราวเซอร์แต่ละตวั น้ัน มีการแสดงผลท่ีแตกต่างกนั มากบ้าง น้อยบา้ ง รวมท้งั หนา้ ตาของบราวเซอร์แต่ละตวั ไม่เหมือนกนั ดว้ ย ทาใหพ้ ้ืนท่ีการแสดงผลของบราวเซอร์แต่ ละตวั แตกต่างกนั เราอาจจะยดึ บราวเซอร์หลกั ๆ ที่เราตอ้ งการ เพื่อเอาไวใ้ ชใ้ นการคานวนต่อไป 4. เทคโนโลยีที่จะใช้ เรื่องน้ีจาเป็ นตอ้ งสารวจก่อนดว้ ย เพราะว่า การเลือกใช้เทคนิคท่ีต่างกนั น้ัน ท้งั ข้นั ตอนการทาเวบ็ ไซต์ รวมท้งั ความสามารถของเทคโนโลยีท่ีต่างกนั เช่น Flash อาจจะสามารถ ตรวจสอบขนาดหนา้ จอไดเ้ อง ขณะท่ี HTML น้นั ไม่สามารถทาไดด้ ว้ ยตวั เอง เป็ นตน้ รวมท้งั การ เลือกเทคนิคในการเขียนเวบ็ ไซตด์ ว้ ยเช่นกนั

ข้นั ตอนการคานวณหน้าจอ มาถึงการออกแบบเวบ็ ไซต์ เราตอ้ งมีการกาหนดขนาดของหน้าเวบ็ ไซตก์ ่อนเป็ นอนั ดบั แรก เพราะถา้ไม่อยา่ งน้นั เกิดเปลีย่นตอนหลงั อาจจะตอ้ งถึงข้นั ร้ือใหม่ท้งั หมด ก็เป็ นได้ ผมจะไม่บอกวา่ จะตอ้ งขนาดเท่าไร แต่บทความน้าจะอธิบายวา่ เคา้ คิดขนาดมาไดอ้ ยา่ งไร เร่ิมกนั เลย1. จากข้อมูลข้างต้น สรุปว่าลูกคา้ ที่ดูเว็บไซต์เรา ส่วนใหญ่ใช้ความละเอียดหน้าจอที่เท่าไร ( ขนาด มาตรฐานท่ียอมรับกนั คือ 1024X768) เช่น เราอาจจะศึกษามาแลว้ ว่า กลุ่มลูกคา้ เราใช้ความละเอียดที่ หนา้ จอ 1280 X 1024 ก็กาหนดขนาดหนา้ จอน้ีเป็ นพ้ืนฐาน สาหรับเวบ็ ไซตเ์ ราก็ได้ แต่อยา่ ลืมว่า คนที่ ใชค้ วามละเอียดหนา้ จอต่ากวา่ น้ีเวบ็ ไซตเ์ ราจะลน้ จอ และเกิด สกอร์บาร์2. ทดลองปรับหนา้ จอเรา ใหค้ วามละเอียดเทา่ กบั ขนาดหนา้ จอ พ้นื ฐานที่เราตอ้ งการ3. จากน้ันเปิ ดบราวเซอร์ท่ีเราตอ้ งการ ให้เต็มจอ และลองแคปเจอร์หน้าจอมาเปิ ดในโปรแกรมอย่าง Photoshop เพอื่ คานวณตอ่ ไป4. จากการเปิ ดดูใน Photoshop เราจะรู้วา่ พ้ืนท่ีที่เราใชง้ านจริงไดน้ ้นั เทา่ ไรกนั แน่ ผมใชเ้ ส้น ไกดไ์ ลนเ์ พื่อ กาหนดพ้ืนท่ีการแสดงผล โดยพ้นื ท่ีภายในเส้นประ คือ พ้ืนที่การแสดงผลท้งั หมด ภาพท่ี 35. ทดลองใชค้ าส่ัง crop (Image -> Crop) และตรวจสอบขนาดรูปที่เหลืออยู่ (Image -> Size) แตท่ ้งั น้ี อยา่ ลืมวา่ เคร่ืองอื่นน้นั อาจจะไม่เท่ากบั ขนาดที่เราคานวนได้ 100% ดงั น้นั แลว้ ส่วนมากจะนิยม ลดขนาด

ลงไปอีก 10% ภาพท่ี 46. น่ีเป็ นท่ีมาในการคานวนขนาดของหนา้ เวบ็ ไซต์ แต่อยา่ งไรก็ตาม การออกแบบหนา้ เวบ็ ไซตแ์ บบคงที่ หรือ Fixed น้นั อาจจะลา้ สมยั ไปแลว้ ในปัจจุบนั โดยในปัจจุบนั มีท้งั ระบบ Grid ที่ทางานแบบ Fluid และ Elastic เขา้ มาทดแทน เพื่อแกป้ ัญหาความหลากหลายของอุปกรณ์ แต่หากตอ้ งการสร้างเวบ็ ไซต์ แบบ Fixed น้นั อาจจะ อิงกบั ระบบ Grid ดว้ ย เพ่ือง่ายในการปรับแปลี่ยนในอนาคต โดยระบบ Grid น้นั ลองศึกษาไดจ้ ากบทความที่ผมเคยเขียนไวแ้ ลว้ ในเคร่ือง Responsive web designการออกแบบขนาดของเวบ็ เพจให้พอดกี บั หน้าจอการออกแบบเวบ็ ใหพ้ อดีกบั หนา้ จอความละเอียดของหนา้ จอที่ใชก้ นั มากท่ีสุดมีอยู่ 2 ระดบั คือ1024 X 768 พกิ เซล1280 X 800 หรือ 1280 X 1024 พิกเซลและเน่ืองจากปัจจุบนั มีผชู้ มจานวนหน่ึงที่ใชจ้ อความละเอียดเพียง 800 X 600 พกิ เซลดงั น้นั จึงมีหลายเวบ็ ไซตท์ ่ียงั ออกแบบความกวา้ งไม่เกิน 800 พกิ เซลเท่าน้นัขอ้ แนะนาจากผเู้ ขียนกค็ ือ ถา้ ขนาดใหญ่จะเห็นภาพไม่ครบท้งั เวบ็ ตอ้ งเลื่อนสกอร์บาร์เอาแตถ่ า้ เราทาเล็กกวา่ก็จะมองเห็นท้งั หมดในคร้ังเดียวซ่ึงดูแลว้ ไม่หนา้ เบ่ือซ่ึงถา้ ใหแ้ นะนาจะขอแนะนาใหต้ ้งั คา่ ความละเอียด 800X 600 หรือ 1024 X 768 พกิ เซล

สาหรับ 10 ข้อทไ่ี ม่ควรละเลยในเวบ็ ไซต์ขนาดเลก็ มดี งั นี้ 1.วางแผนภาพรวมของเว็บไซต์ การวางตาแหน่งของเน้ือหา และเนวิเกชัน โดยอาจวาดรูปร่างคร่าวๆ ของเวบ็ ไซตไ์ วก้ ่อนวา่ จะจดั วางตาแหน่งอยา่ งไร ท้งั น้ีเพอื่ ประโยชนข์ องผูพ้ ฒั นาเวบ็ ไซตเ์ องจะไดไ้ ม่เสียเวลาในภายหลงั ดว้ ย 2.แทรก Meta tags ในเวบ็ ไซต์ของคุณ 3.อย่าใส่ ภาพกราฟิ กเคลื่อนไหวได้มากเกินไป ในหลายๆเว็บไซต์จะเห็นได้ว่ามีการใส่กราฟิ กภาพเคล่ือนไหวได้จานวนมาก ท้ังเป็ น Flash หรือ gif เพื่อดึงดูดความสนใจ หรือเพ่ือเน้นส่วนต่างๆในเวบ็ ไซต์ แต่การใชภ้ าพกราฟิ กเคลื่อนไหวมากเกินไป จะก่อนใหเ้ กิดความสับสนต่อผูใ้ ชง้ านได้ ดงั น้นั เราจึงควรใช้แต่พอดีเน้นในส่วนที่ตอ้ งการเน้นเท่าน้ัน บางเวบ็ ไซต์อาจใช้งาน Javascript เพ่ือสร้างความแปลกใหม่ให้กบั เวบ็ ไซต์ แต่ถา้ เราใชง้ านมากเกินไปอาจก่อให้เกิดความสับสน หรือเป็ นอุปสรรคในการใชง้ านของผเู้ ขา้ ชมได้ อีกขอ้ ที่อยากจะเตือนคือ flash , javascript หรือ animations ต่างๆน้นั search engine ไม่ไดใ้ นไปรวมในฐานขอ้ มูลดว้ ย ดงั น้นั ขอ้ มูลท่ีเราแสดงผลดว้ ยเคร่ืองมือดงั กล่าวน้นั ก็จะไม่ถูก นาไปรวมในฐานขอ้ มูลของ search engine ดว้ ย จึงควรระวงั ในส่วนน้ีใหด้ ี 4.อย่าให้เว็บไซต์ของคุณ แสดงผลนานกว่า 8 วินาที หรือมีขนาดใหญ่กว่า 40 kb เร่ืองน้ีเป็ นเร่ืองที่เคยพูดถึงหลายคร้ังแลว้ แต่ก็ถือวา่ เป็ นเรื่องที่สาคญั มากที่มกั จะถูกละเลย ตามที่เราไดเ้ คยกล่าวไปแลว้ วา่ ไม่มีใครอยากรอคอย ถา้ เวบ็ ไซตข์ องเราแสดงผลนาน กเ็ ป็นไปไดอ้ ยา่ งสูงวา่ ผชู้ มอาจปิ ดเวบ็ ไซตเ์ ราไปก็ได้ ไฟล์ flash , animation , เพลง , ภาพขนาดใหญ่เป็ นตวั แปรสาคญั ในเรื่องน้ี เราจึงควรลดการใชง้ านซอยสิ่งเหล่าในใหไ้ ปอยใู่ นหนา้ ต่างๆ หรือลดขนาดลง และให้ผชู้ มเลือกเองวา่ ตอ้ งการดูส่วนใด เราเพียงทาลิงค์ หรือภาพขนาดเล็กเพือ่ ลิงคไ์ ปหาภาพขยายใหญ่ไวใ้ ห้ 5.ขนาดเว็บไซต์ของคุณ ขนาดเวบ็ ไซต์มีผลอย่างย่ิงกบั การแสดงผลในหน้าจอขนาดต่างๆ เราจึงควรกาหนดขนาดเวบ็ ไซตไ์ ม่ใหเ้ กิน 750px หรือ กาหนดการแสดงผลเป็น % เพ่ือลดปัญหาเหล่าน้ี 6.อย่าเช่ือใจ WYSIWYG HTML editors อยา่ งเชน Dreamweaver , Frontpage เพราะการแสดงผลเวบ็ เพจผา่ นโปรแกรมพวกน้ี กบั การแสดงผลผา่ น web browser ต่างๆอาจไม่เหมือนกนั เราจึงควรตรวจสอบก่อนทุกคร้ัง และตรวจสอบด้วย browser อย่างน้อย 2 ชนิดท่ีได้รับความนิยม คือ 1. Internet Explorer2.Firefox 7.การเว้นช่องว่าง การเวน้ ช่องวา่ งระหวา่ งวตั ถุ เช่นช่องว่างของตวั อกั ษรในตาราง ช่องไฟระหว่างตวั อกั ษรดว้ ยกนั เอง เป็ นส่ิงท่ีจาเป็ นมาก การเวน้ ช่องว่างระหวา่ ง ตวั อกั ษร จะทาให้เกิดความสาวงาม อ่านสบายตา การเวน้ ช่องวา่ งในตาราง ทาใหต้ ารางดูสวยงามข้ึน เราสามารถใช้ CSS ในการควบคุมส่ิงที่กล่าวมาท้งั หมดได้ และควรใหค้ วามสาคญั กบั เรื่องน้ี 8.การใช้สีในเวบ็ เพจสีก็เป็นสิ่งท่ีสาคญั มากในเวบ็ เพจ สีที่ตา่ งกนั ใหอ้ ารมณ์ต่างกนั เราจึงควรเลือกสีให้เหมาะกบั เน้ือหา หรือกลุ่มผูช้ ม ถา้ เลือกสีฉุดฉาดก็เหมาะกบั กลุ่มเด็ก เลือกสีเขม้ จะเหมาะกบั กลุ่มผูใ้ หญ่

สาหรับในส่วนสีที่ใชแ้ สดงเน้ือหาน้นั อยา่ ใชส้ ีตวั อกั ษรโทนดา บนพ้ืนหลงั สีดา หรืออยา่ ใชส้ ีตวั อกั ษรโทน ขาว ในพ้ืนหลงั โทนขาว เพราะจะทาให้อ่านตวั อกั ษรไดย้ าก สีที่เหมาะจะแสดงตวั อกั ษรดีสุดคือ ตวั อกั ษรสี ดา พ้ืนสีขาว สีเหลืองเหมาะสาหรับใชเ้ นน้ ขอ้ ความสาคญั 9.ระวงั เรื่องหน้าต้อนรับหลายๆเวบ็ ไซตน์ ิยมจะใหห้ นา้ แรก เป็ นหนา้ กล่าวคายนิ ดีตอ้ นรับ หรือหนา้ แจง้ ข่าวสารต่างๆ ซ่ึงเป็ นสิ่งท่ีไม่ดีสาหรับเวบ็ ไซต์ขนาดเล็ก เพราะจะส่งผลต่อ เน้ือหาของเวบ็ ไซตข์ องคุณ ใน Search Engine และอนั ดบั ที่ปรากฏใน Search Engine 10.Pop upไม่แนะนาให้ใช้ pop up เน่ืองมาจากว่า browser ส่วนใหญ่ตอนน้ีจะตดั ไม่แสดงผล pop up อยู่แล้ว ทาให้ข้อมูลที่อยู่ใน pop up ก็ไม่แสดงผลไปด้วย และการใช้ pop up เหมือนกับการใช้เพื่อ โฆษณาซะมากกวา่ 6. ส่วนประกอบของหน้าเวบ็ เพจ ส่วนประกอบของหนา้ เวบ็ เพจ แบ่งออกเป็น 3 ส่วนหลกั ๆ คือ 1. ส่วนหวั ของหน้า (Page Header) เป็ นส่วนที่อยตู่ อนบนสุดของหน้า และเป็ นส่วนท่ีสาคญั ท่ีสุดของหนา้ เพราะเป็ นส่วนท่ีดึงดูดผูช้ ม ใหต้ ิดตามเน้ือหาภายในเวบ็ ไซต์ มกั ใส่ภาพกราฟฟิ กเพ่อื สร้างความประทบั ใจ ส่วนใหญป่ ระกอบดว้ ย โลโก้ (Logo) เป็นส่ิงที่เวบ็ ไซตค์ วรมี เป็นตวั แทนของเวบ็ ไซตไ์ ดเ้ ป็นอยา่ งดี และยงั ทาใหเ้ วบ็ น่าเช่ือถือ ช่ือเวบ็ ไซต์ เมนูหลกั หรือลิงค์ (Navigation Bar) เป็นจุดเช่ือมโยงไปสู่เน้ือหาของเวบ็ ไซต์ 2. ส่วนของเนื้อหา (Page Body) เป็ นส่วนที่อยูต่ อนกลางของหน้า ใช้แสดงขอ้ มูลเน้ือหาของเวบ็ ไซต์ ซ่ึงประกอบด้วยขอ้ ความ, ตารางขอ้ มูล ภาพกราฟิ ก วีดีโอ และอื่นๆ และอาจมีเมนูหลกั หรือเมนูเฉพาะกลุ่มวางอยใู่ นส่วนน้ีดว้ ย สาหรับส่วนเน้ือหาควรแสดงใจความสาคญั ที่เป็ นหวั เรื่องไวบ้ นสุด ขอ้ มูลมีความกระชบั ใช้รูปแบบ ตวั อกั ษรท่ีอา่ นง่าย และจดั Layout ใหเ้ หมาะสมและเป็นระเบียบ 3. ส่วนท้ายของหน้า (Page Footer) เป็ นส่วนที่อยูด่ า้ นล่างสุดของหนา้ จะมีหรือไม่มีก็ได้ มกั วางระบบนาทางท่ีเป็ นลิงคข์ อ้ ความง่าย ๆ และอาจแสดงขอ้ มูลเพิ่มเติมเกี่ยวกบั เน้ือหาภายในเวบ็ ไซต์ เช่น เจา้ ของเวบ็ ไซต,์ ขอ้ ความแสดงลิขสิทธ์ิ, วธิ ีการติดต่อกบั ผดู้ ูแลเวบ็ ไซต,์ คาแนะนาการใชเ้ วบ็ ไซต์ เป็นตน้ โดยปกติส่วนหวั และส่วนทา้ ยมกั แสดงเหมือนกนั ในทุกหนา้ ของเวบ็ เพจ

ตวั อยา่ ง แสดงส่วนประกอบของหนา้ เวบ็ เพจ (trendypet.com) ภาพท่ี 57. ทมี งานพฒั นาเวบ็ ไซต์ การพฒั นาหนา้ เวบ็ ไซตเ์ ป็ นเร่ืองราวที่ความหลากหลาย และแตกต่างกนั ไปตามขนาดของกาลงั คนในแต่ละหน่วยงาน แมว้ ่าการสร้างเวบ็ ไซตใ์ ห้ดีน้นั ตอ้ งอาศยั ทกั ษะและความชานาญหลายๆดา้ น แต่บางหน่วยงานมีขนาดเล็กอาจมีพนกั งานเพียงคนเดียวที่รับผิดชอบงานดา้ นน้ึ สาหรับเว็บไซต์ขนาดใหญ่หรือบริษทั ท่ีรับพฒั นาเวบ็ ไซตน์ ้นั อาจจะมีความจาเป็ นจะตอ้ งใชท้ ีมงานทีสมบูรณ์ครบทุกตาแหน่งหน้าทีและสามารถ1.เวบ็ มาสเตอร์(Webmaster) เวบ็ มาสเตอร์ หน้าท่ีเป็ นผูด้ ูแลหน้าเว็บไซต์ ควบคุมทิศทางของหน้าเวบ็ ไซต์น่าจะไปทางไหนทิศทางใด ต้งั เน้ือหาภายในเวบ็ ไซตต์ ลอดจนถึงหนา้ ตาของเวบ็ เพจ แตท่ ิ้งน้ีทิ้งน้นั เวบ็ มาสเตอร์อาจจะไม่ตอ้ งทาเองมีหนา้ ท้งั หมดหรืออาจไม่ตอ้ งทาเลยก็ไดเ้ พราะเวบ็ มาสเตอร์เปรียบเสมือนผบู้ ริหารองคก์ รหน่ึงคือคอยดูแล กาหนดแนวทาง และรายละเอียดทางเทคนิค รวมไปถึงคิดหาวธิ ีสร้างความสนใจใหก้ บั เวบ็ ไซต์ เพ่ือให้ผูท้ ี่เขา้ ใชบ้ ริการจานวนมาก อีกท้งั ควรมีความรู้เกี่ยวกบั กระบวนการออกแบบเวบ็ ไซตแ์ ละเขา้ ใจหลกั การท้งั สิ่งที่เก่ียวขอ้ งกบั เวบ็ ไซต์ เช่นเขา้ ใจว่า HTML มีหน้าท่ีทางานอะไรทางานอยา่ งไร รวมไปถึงเขา้ ใจว่าภาษาโปรงแกรมต่างๆ ที่นามาใชท้ าเวบ็ น้นั แตกต่างกนั อยา่ งไร ภาพที่ 6

2.ผู้กาหนดโครงสร้างข้อมูล (Informaton Aechitect) ผูก้ าหนดโครงสร้างขอ้ มูล หน้าจดั ระเบียนขอ้ มูลและทดสอบประสิทธิภาพการใช้งานเวบ็ ไซต์ตาแหน่งน้ึควรมีความเขา้ ใจในการจดั ระบบขอ้ มูลและระบบการใชง้ านต่างๆและคานึงถึงแนวทางการขนาดของเวบ็ ไซตใ์ หใ้ หญข่ ้ึนในอนาคตโดยไม่สร้างความความสนใจใหก้ บั ผใู้ ชง้ าน รวมไปถึงการแสดงถ่ายทอดโอนขอ้ มูลท่ีมีความสมั พนั ธ์กนั มาเป็นไซตแ์ มป (Site Map) อย่างก็ตามผูท้ ี่จะหน้าท่ีน้ีควรมีพ้ืนฐานเก่ียวกบั การบริหารจกั การขอ้ มูลหรือมีประสบการณ์เป็ นบรรณารักษห์ รือนกั หนงั สือพิมพม์ าก่อน3.เวบ็ ดไี ซต์ (Web Designer) ทาหนา้ ท่ี เป็ นผอู้ อกแบบลกั ษณะหนา้ ตาท้งั หมดของเวบ็ ไซต์ โดยผูท้ ี่รับหน้าที่น้ีควรมีความรู้ทางศิลปะและความสามารถใชโ้ ปรงแกรมกราฟิ กต่าง ๆ ไดเ้ ป็ นอยา่ งดี เช่น Photoshopหรือ lIImustrator เป็ นตน้ รวมไปถึงท้งั ตอ้ งรู้จกั วิธีการปรับขนาดไฟส์กราฟิ กในโปรงแกรมต่างๆ เช่น Fireworks หรือ ImageReady เป็ นตน้ และการใชง้ านโปรงแกรมช่วยสร้างเวบ็ เช่น Dreamwraver เป็ นตน้ ไดพ้ อสมควรอีกท้งั ตอ้ งมีความรู้เก่ียวกบั รูปแบบตวั อกั ษร (Typography) ภาพท่ี 7

4.เวบ็ โปรแกรมเมอร์ (Web Progammer) ทาหนา้ ท่ีเขียนสคริปและโปรแกรมการเขียนต่างๆ ภายในฐานขอ้ มูล ควรมีความรู้เกี่ยวกบั HTML(XHTML) DHTML JaveScript Casceding Style อาศัยโปรแกรมสาเร็จรูปและเทคนิคและเทคนิคการเปล่ียนแปลงขอ้ มูลภายในเวบ็ ไซตใ์ ห้มีความรวดเร็ว อีกท้งั รู้จกั การใชง้ านโปรแกรม FTP ในการอพั โหลดไฟส์ขอ้ มูลดว้ ย ภาพที่ 85.ผู้ดูแลระบบ (System Administratom) ผูด้ ูแลระบบทาหน้าท่ีควบคุม ดุแลเวบ็ เซิร์ฟเวอร์ รวมถึงฮาร์ดแวร์และซอฟต์แวร์อ่ืนที่ เก่ียวขอ้ งความสามารถวเิ คราะห์และปรับตวั ระบบเพอ่ื การทางานที่มีประสิทธิภาพ ควรมีความรู้เก่ียวกบั Routing รวมไปถึงทกั ษะเก่ียวกบั ภาษาท่ีจาเป็น เช่น TK Perl และ Shueell เป็นตน้ ภาพท่ี 10

6. ผ้ตู รวจสอบ เนื้อหา ( Content Editor/Wrter ) ผูต้ รวจสอบเน้ือหา ทาหน้าที่จดั เตรียมเน้ือหาท้งั หมดโดยเวบ็ ไซต์ โดยรวบรวมเน้ือหาท่ีประโยชน์และน่าสนใจให้กบั ผใู้ ชส้ ม่าเสมอ นอกจากน้ียงั ตอ้ งคอยตรวจสอบความถูกตอ้ งและคุณภาพของเน้ือหาใหม้ ีคาผดิ หรือขอ้ ความที่อ่านแลว้ สบั สน ซ้ึงตาแหน่งน้ีจะเปรียบไดบ้ รรณาธิการคุณภาพนกั เขียน ภาพที่ 98. ข้นั ตอนการออกแบบเวบ็ ไซต์ข้นั ตอนการออกแบบเวบ็ ไซต์ มีดงั น้ี- จะตอ้ งกาหนดเน้ือหาที่จะนาเสนอ- จดั การร่างโครงสร้างของโฮมเพจท่ีเราตอ้ งการ- เตรียมรูปภาพประกอบตา่ ง ๆ ท่ีเกี่ยวขอ้ ง ทาการสแกนเก็บไวเ้ ป็นไฟลช์ นิด *.jpg หรือ*.gif- ศึกษาการใชค้ าสั่ง HTML (ซ่ึงอาจตอ้ งใชเ้ วลา)- เตรียมโปรแกรมที่ใชใ้ นการเขียนเวบ็ เช่น dreamweaver, flash, front page ฯลฯ - สร้างเวบ็- หาพ้นื ท่ีฝากเวบ็ ท่ีเราสร้างเสร็จ มีท้งั บริการฟรี เช่น geocities และพ้ืนท่ีที่จะตอ้ งเสียเงินค่าใชบ้ ริการ- อพั โหลดไฟลข์ ้ึนสู่พ้ืนที่ของเราข้อแนะนาในการทาเวบ็ ไซต์ 1. การเลือกเน้ือหาเวบ็ ไซต์ ถือเป็นส่วนสาคญั ในการเร่ิมตน้ ทาเวบ็ ไซต์ ท้งั การจดั โครงสร้าง และความ นิยมของเวบ็ ไซต์ สาหรับผเู้ ร่ิมตน้ ซ่ึงไมแ่ น่ใจวา่ จะเลือกหวั ขอ้ ใด ควรเริ่มตน้ จาก การสารวจตวั เอง วา่ชอบ หรือ สนใจส่ิงใด มากท่ีสุด หรือ มีความรู้เช่ียวชาญดา้ นใดมากท่ีสุด 2. โครงสร้างของเวบ็ ไซต์ มีจุดมุ่งหมายสาคญั คือ การที่จะทาให้ ผเู้ ขา้ เยยี่ มชม สามารถคน้ หาขอ้ มูลใน เวบ็ ไซตไ์ ดอ้ ยา่ งเป็นระบบ ประการแรกตอ้ งพิจารณาถึง ความเป็นไปไดข้ องประเภทของผเู้ ขา้ เยยี่ มชมเพราะผเู้ ยยี่ มชมแต่ละประเภท กจ็ ะคน้ หาขอ้ มูลท่ีแตกตา่ งกนั ดงั น้นั ส่ิงท่ีควรจะทาก็คือการจดั กลุ่ม ของขอ้ มูลโดยใหร้ วมหวั ขอ้ ยอ่ ยต่างๆ ใหอ้ ยใู่ นหวั ขอ้ หลกั โดยมีจุดมุง่ หมายให้ จานวนขอ้ หลกั นอ้ ย ท่ีสุดนอกจากน้ีการจดั ไฟลแ์ ละไดเร็กทอรี่ กจ็ ะช่วยใหก้ ารดูแลรักษาและการตรวจสอบความ ผดิ พลาดของ

เวบ็ ไซตง์ ่ายยง่ิ ข้ึน เช่น การจดั ไฟลร์ ูปภาพไวท้ ่ีเดียวกนั หรือ จดั เวบ็ ไซตท์ ี่เป็นเร่ือง เดียวกนั ไวใ้ นไดเร็กทอร่ีเดียวกนั เป็ นตน้ 3. สามารถดูเวบ็ ไซตไ์ ดใ้ นหลายบราวเซอร์ การทาเวบ็ ไซตค์ วรจะทาเพือ่ ใหส้ ามารถดูไดจ้ ากทุกๆVersion ของ Software ต่างๆ ไม่วา่ จะเป็น Netscape Communicator Internet Explorer หรือ อ่ืนๆ การ ทาให้ทุกคนดูไดน้ ้ี ถือวา่ เป็นการขยายฐานของผเู้ ขา้ เยย่ี มชม 4. ความเร็วในการโหลดเวบ็ ไซต์ สาหรับหนา้ แรกของเวบ็ ไซตไ์ มค่ วรใหโ้ หลดขอ้ มูลชา้ ปัจจยั ที่จะกระทบตอ่ ความเร็ว ไดแ้ ก่ ขนาดของรูปภาพที่ใช้ จานวนของรูปภาพที่ใช้ และปริมาณของตวั อกั ษรท่ี อยบู่ นหนา้ น้นั ๆ อน่ึงความเร็วในการโหลดเวบ็ ไซต์ อาจอยทู่ ี่ Server ท่ีเวบ็ ไซตน์ ้นั ๆอยวู่ า่ มี ความสามารถสูงเพียงใด ขนาดของรูปภาพที่ใชค้ วรจะมีขนาดไม่เกิน 20-30K ตอ่ รูป ส่วนประเภทของ รูปน้นั ควรเป็น GIFหรือ JPEG ถา้ ขนาดของรูปภาพใหญ่เกินไป อาจตดั แบ่งใหข้ นาดเลก็ ลง และใช้ ตารางช่วยในการจดั รูปภาพน้นั ๆ 5. ความง่ายในการคน้ หาขอ้ มูล ปัจจยั หลกั น้นั ข้ึนอยกู่ บั โครงสร้างของเวบ็ ไซตต์ ้งั แต่ตอนแรกท่ีมีการจดั โครงสร้างและจดั กลุ่มของขอ้ มูล นอกจากน้ียงั มีปัจจยั อื่นๆ อีกเช่น การมี Navigator bar หรือ แถบนา ทาง ในทุกๆหนา้ ของเวบ็ ไซต์ และถา้ สามารถใหบ้ ริการ Search และ Sitemap ไดก้ ็จะเป็นสิ่งท่ีจะช่วย ให้คน้ หาขอ้ มูลไดง้ ่ายยง่ิ ข้ึน 6. ตวั อกั ษร, ฉากหลงั และ สี สาหรับรูปแบบท่ีนิยมใชค้ ือ ตวั อกั ษรสีดา บนฉากหลงั ขาว ถา้ ตอ้ งการกาหนดประเภทของตวั อกั ษรควรใชท้ ่ีเป็นสากลนิยม เช่น ในกรณีภาษาองั กฤษ อาจใช้ Arial หรือ TimesNews Roman เป็นตน้ ส่วนภาษาไทย อาจใช้ MS Sans Serif การเลือกใชต้ วั อกั ษรภาษาไทยน้นั ตอ้ งระวงัเป็นพิเศษเพราะในกรณีท่ีเครื่องผเู้ ยยี่ มชมไมม่ ีตวั อกั ษรน้นั ๆ อาจทาใหผ้ เู้ ขา้ เยยี่ มชมไม่ สามารถอา่ นตวั อกั ษรไดเ้ ลย 7. รูปภาพ ท่ีใชม้ ี 2 ประเภทคือไฟลก์ ราฟิ กประเภท GIF หรือ JPEG ในปัจจุบนั ไฟลป์ ระเภท PNGก็มี บางเวบ็ ใชเ้ ช่นกนั หน่ึงในหลกั การพิจารณาการใชป้ ระเภทเพ่ือประสิทธิภาพสูงสุด คือ จานวนสีของรูปภาพน้นั ๆ ถา้ เป็นภาพแตง่ หรือภาพถ่ายท่ีมีสีมากๆ ก็ควรใชไ้ ฟลป์ ระเภท JPEG แตถ่ า้ เป็นเพียงป่ ุม หรือป้ายท่ีมีสีไมม่ ากก็ควรใช้ GIF พร้อมกบั พิจารณาเร่ืองขนาดของไฟลด์ ว้ ย อน่ึงควรจะมีการคะเน ขนาดของรูปภาพที่จะใส่บนเวบ็ ไซตก์ ่อน เพ่ือจะไดใ้ ชข้ นาด และ อตั ราส่วน ท่ีพงึ พอใจมากท่ีสุด 8. ส่วนประกอบที่ขาดไมไ่ ดข้ องเวบ็ ไซต์ เช่น หวั ขอ้ ท่ีเก่ียวกบั ผจู้ ดั ทา อาจเป็นประวตั ิความเป็นมาและ/ หรือ ขอ้ มูลปัจจุบนั (About us) เหล่าน้ีช่วยเพ่ิมความน่าเช่ือถือใหก้ บั ผเู้ ขา้ เยยี่ มชม และเพมิ่ เติมเกี่ยวกบัแถบนาทาง Search Sitemap และยงั มีหวั ขอ้ อื่นๆ อีก เช่น ขอ้ เสนอแนะ (Feedback) คาถามที่ถูกถาม บ่อย(FAQ - Frequently Asked Questions) 9. ก่อนที่จะนาเวบ็ ไซต์ Upload ไปยงั Server ควรจะมีการทดสอบ โดยใชท้ ้งั NetscapeCommunicator และ Internet Explorer เพอ่ื ดูความเร็วในการโหลดวา่ ชา้ หรือเร็วเพียงใด Link ท้งั ภายใน และ

ภายนอก ถูกตอ้ งหรือไม่ รูปภาพถูกตอ้ งหรือไม่ พสิ ูจน์อกั ษร และอา่ นขอ้ มูล เพื่อใหแ้ น่ใจวา่ ขอ้ มูลต่างๆถูกตอ้ ง 10. หลงั จากที่เวบ็ ไซต์ Publish ถา้ เป็นไปไดค้ วรทดสอบ เหมือนกบั ที่ทดสอบก่อนที่จะ Publish เพื่อความ แน่ใจอีกคร้ัง นอกจากการทดสอบแลว้ ส่ิงที่จะตอ้ งกระทาหลงั Publish คือ การสารวจ ปรับปรุง และดูแลรักษาเว็บไซต์ เม่ือพบความคิดดีๆ ที่อาจนามาปรับปรุงเว็บไซต์ไดก้ ็ควรจะจดบนั ทึกไว้ ถ้าเป็ นการแกไ้ ขนิดหน่อยก็ควรทาการแกไ้ ขทนั ที แต่ถา้ เป็ นการแกไ้ ขที่ตอ้ งใชเ้ วลานานควรรอสักระยะรวบรวม สิ่งท่ีตอ้ งการแกไ้ ขท้งั หมด9. ความหมายของเวบ็ เพจ (Web Page) เป็นหนา้ เอกสารเวบ็ ที่สร้างข้ึนดว้ ยภาษา HTML (Hypertext Markup Language)ซ่ึงโปรแกรมเบราเซอร์จะทาหนา้ ท่ีแปลภาษาHTML ออกมาเป็นหนา้ เอกสารทางจอภาพคอมพวิ เตอร์ เวบ็ เพจอาจจะประกอบดว้ ยขอ้ ความ ภาพกราฟิ ก หรือภาพเคล่ือนไหวอาจมีเสียงประกอบดว้ ยกไ็ ด้ ทาใหด้ ึงดูดความสนใจ และทาใหเ้ วลิ ด์ ไวดเ์ วบ็ ไดร้ ับความนิยมเป็นอยา่ งมากในปัจจุบนั ภาพที่ 11

10. ความหมายของเวบ็ ไซต์ (Web Site)คือ แหล่งท่ีเกบ็ รวบรวมขอ้ มูลเอกสารและสื่อประสมตา่ ง ๆ เช่น ภาพ เสียง ขอ้ ความ ของแต่ละบริษทั หรือหน่วยงานโดยเรียกเอกสารต่าง ๆ เหล่าน้ีวา่ เวบ็ เพจ (Web Page) และเรียกเวบ็ หนา้ แรกของแตล่ ะเวบ็ ไซตว์ า่โฮมเพจ (Home Page) หรืออาจกล่าวไดว้ า่ เวบ็ ไซตก์ ค็ ือเวบ็ เพจอยา่ งนอ้ ยสองหนา้ ท่ีมีลิงก์ (Links) ถึงกนัตามหลกั คาวา่ เวบ็ ไซตจ์ ะใชส้ าหรับผทู้ ี่มีคอมพิวเตอร์แบบเซิร์ฟเวอร์หรือจดทะเบียนเป็นของตนเองเรียบร้อยแลว้ เช่น www.google.co.th ซ่ึงเป็นเวบ็ ไซตท์ ี่ใหบ้ ริการสืบคน้ ขอ้ มูลเป็นตน้11. ประเภทของเวบ็ ไซต์ ในการจดั ทาเวบ็ ไซตใ์ หมข่ ้ึนมาหน่ึงเวบ็ ไซตน์ ้นั สิ่งที่จาเป็นอยา่ งยง่ิ คือการกาหนดวตั ถุประสงคข์ องการจดั ทาใหช้ ดั เจน เพอื่ เป็ นแนวทางในการออกแบบและพฒั นาเวบ็ ไซต์ ซ่ึงสามารถแบ่งประเภทของเวบ็ ไซต์ออกเป็ น 9 ประเภท ดงั น้ี 1. เวบ็ ไซต์ส่วนตวั (Personal website) เป็นเวบ็ ที่สร้างข้ึนเพ่ือเผยแพร่ขอ้ มูลส่วนตวั เช่น ขอ้ มูลเกี่ยวกบั ส่วนตวั การศึกษา การงาน ความสนใจ เป็นตน้ 2. เวบ็ ไซต์เพื่อธุรกจิ การค้า (Business/Marketing website) เวบ็ ไซตน์ ้ีมีจุดประสงค์ เพื่อการคา้ ขายสินคา้ การโฆษณาสินคา้ การส่งเสริมการขาย ในเวบ็ ไซตจ์ ะมีขอ้ มูลของสินคา้ ราคาและการบริการตา่ ง ๆซ่ึงในปัจจุบนั ตลาดประเภทน้ีกาลงั ใชก้ นั มากข้ึน 3. เวบ็ ไซต์ทเี่ สนอข่าวประจาวนั (Current website) เป็นเวบ็ ที่เสนอขอ้ มูลประเภทขา่ ว ซ่ึงจะเปลี่ยนไปเป็นประจาวนั เช่น เวบ็ ไซตข์ องหนงั สือพมิ พไ์ ทยรัฐ เดลินิวส์ เป็นตน้ 4. เวบ็ ไซต์ส่งเสริมการบริการเป็ นสื่อกลางของข้อมูล (Share Information website) เป็นเวบ็ ท่ีมีจุดประสงคท์ ี่จะใชเ้ ป็นการแลกเปลี่ยนขอ้ มูล เป็นตน้ 5. เวบ็ การศึกษา (Education website) เป็นเวบ็ ท่ีสร้างข้ึนเพอ่ื การศึกษา ที่มีนโยบายในการเผยแพร่ความรู้และใหโ้ อกาสในการคน้ ควา้ หาขอ้ มูลเพ่ือการศึกษา บุคคลที่สนใจโดยทว่ั ไป รวมถึงนกั เรียน นิสิต นกั ศึกษาดว้ ย นาเสนอขอ้ มูลเก่ียวกบั การเรียนรู้ท้งั แบบที่เป็นทางการและไม่เป็นทางการ 6. เวบ็ บันเทิง (Entertainment website) เป็นเวบ็ ท่ีนาเสนอเสนอเน้ือหาดา้ นบนั เทิง และใหบ้ ริการตา่ งๆ เพื่อเสริมสร้างความบนั เทิง เช่น ดนตรี ภาพยนตร์ ดารา กีฬา ความรัก บทกลอน การ์ตูน เร่ืองขาขนัรวมถึงการใหบ้ ริการดาวน์โหลดส่ือชนิดตา่ ง ๆ เป็นตน้ 7. เวบ็ องค์กรทไ่ี ม่แสวงหาผลกาไร (None-profit organization website) เป็นเวบ็ ที่สร้างข้ึนโดยกลุ่มบุคคลหรือองคก์ รต่าง ๆ ที่มีนโยบายในการสร้างสรรคท์ ่ีช่วยเหลือสงั คม โดยท่ีไม่หวงั ผลกาไรหรือค่าตอบแทน ซ่ึงกลุ่มบุคคลหรือองคก์ รเหล่าน้ีไดแ้ ก่ สมาคม ชมรม มูลนิธิ และโครงการต่าง ๆ โดยอาจมี

จุดประสงคเ์ ฉพาะท่ีแตกตา่ งกนั เช่น เพ่ือทาความดี สร้างสรรคส์ ังคม พทิ กั ษส์ ิ่งแวดลอ้ ม ปกป้องสิทธิมนุษยชน รณรงคไ์ มใ่ หส้ ูบบุหร่ี เป็ นตน้ 8. เวบ็ ไซต์ทจี่ ากดั เฉพาะสมาชิ ก (Registrational website) เป็นเวบ็ ไซตท์ ่ีบริการเฉพาะสมาชิกเท่าน้นัผทู้ ี่จะใชต้ อ้ งลงทะเบียนตามราคาที่กาหนดโดยบตั รเครดิต หรือผา่ นธนาคาร ผใู้ หบ้ ริการจึงจะใหห้ มายเลขสมาชิกและรหสั ผา่ น แต่การขายสินคา้ หรือบริการใด ๆ ของเวบ็ ไซตเ์ หล่าน้ี จะเชิญชวนผทู้ ่ีสนใจโดยมีตวั อยา่ งสินคา้ หรือบริการให้ศึกษาบางส่วนจนพอใจดว้ ย 9. เวบ็ ไซต์ทส่ี ร้างขนึ้ เพื่อชักชวนหรือโฆษณาชวนเชื่อ (Persuasive website) เป็นเวบ็ ท่ีเชิญชวนหรือชกันาใหเ้ ห็นคลอ้ ยตามในเรื่องที่ผสู้ ร้างตอ้ งการ12. วธิ ีการสร้างเวบ็ ไซต์ นอกจากจะออกแบบมาใหใ้ ชส้ ร้างเวบ็ อยา่ งง่ายดายแลว้ ยงั เพิม่ คุณสมบตั ิต่าง ๆ ท่ีมีประสิทธิภาพ และเอ้ือประโยชน์สาหรับผทู้ าเวบ็ อยา่ งเตม็ ที่ ไมว่ า่ จะเป็ นระบบการจดั การเกี่ยวกบั Site และการ จดั เก็บไฟล์ นอกจากน้ียงั มีระบบช่วยจดั การเก่ียวกบั การ Upload ไฟลไ์ ปยงั เซิร์ฟเวอร์อีกดว้ ย นอกจากน้ีแลว้ ปัจจุบนั Macromedia Dreamweaver รุ่นใหม่ ๆ ยงั สนบั สนุนการใชง้ านเวบ็ แบบได นามิคเพิ่มมากข้ึน มีการรองรับสคริปภาษาตา่ ง ๆ เช่น CSS , Java Script , ภาษา XML และรองรับ ลูกเล่นเก่ียวกบั การทาภาพเคล่ือนไหว Gif Animation และสนบั สนุนการใชง้ าน Flash เพม่ิ ข้ึนอีก ดว้ ย ภาพที่ 12

13. โปรแกรมสร้างเวบ็ ไซต์แนะนาการเลือกโปรแกรมสร้างเวบ็ ไซตห์ รือ CMS เช่น Joomla, WordPress, Blogger, SMF โดยเฉพาะทาเวบ็ เพ่ือหาเงินออนไลน์ จะเลือกอะไรดีนะ??การสร้างเวบ็ ไซตใ์ นปัจจุบนั เป็นเรื่องสาคญั มาก เพราะเป็ นช่องทางสร้างรายได้ เป็นแหล่งทาเงิน เวบ็ ไซต์ไมไ่ ดม้ ีหนา้ ท่ีไวเ้ ผยแพร่ขอ้ มูลเพียงอยา่ งเดียว แต่สามารถเปิ ดเป็นร้านคา้ ออ นไลน์กไ็ ดเ้ ป็นนายหนา้ ขายสินคา้ (Affiliate) หรือทาเวบ็ ไซตห์ าเงินจากการคลิกป้ายโฆษณา ฯลฯ การสร้างเวบ็ ไซตจ์ ะมีโปรแกรมสาเร็จรูปหรือ CMS ใหเ้ ลือกหลายโปรแกรม แตล่ ะตวั จะมี ขอ้ ดีขอ้ เสียการนาไปใชง้ านตา่ งกนั ไป หากเรารู้จกั โปรแกรมเหล่าน้ีดีแลว้ ก็จะสามารถเลือกใชง้ านโปรแกรมสร้างเวบ็ ไซตเ์ หล่าน้ีไดต้ รงตามที่เราตอ้ งกาตัวอย่างเวบ็ ไซต์เป็ นนายหน้าขายสินค้าให้ amazon.com ภาพท่ี 13

ตวั อย่างโปรแกรมสร้างเวบ็ ไซต์แบบต่างๆการใชง้ านฟรีเวบ็ ไซตห์ รือฟรีบลอ็ กสาหรับผทู้ ่ีเนน้ ของฟรี ก็มีโปรแกรมสร้างเวบ็ ไซตห์ รือเวบ็ บล็อกดีๆ อยา่ ง Blogger.com, WordPress และบล็อกฟรีอีกมากมายใหเ้ ลือกใชบ้ ริการ ขอ้ ดีกค็ ือฟรี และใชง้ านง่าย แตอ่ ยา่ ทาผิด กฏหรือการทาเวบ็ ไซตเ์ พอ่ืเนน้ การคา้ มากเกินไป กอ็ าจจะถูกลบออกไป หากทาธุรกิจที่ค่อนขา้ งเป็ นเรื่องเป็นราว ไม่ควรจะเสี่ยงมาใช้ของฟรี เพราะหากถูกลบเมื่อใด ขอ้ มูลก็หายไปท้งั หมด1. ตวั อยา่ งการใชง้ าน Blogger เพ่ือทาเวบ็ บลอ็ กใหค้ วามรู้2. ตวั อยา่ งเวบ็ บลอ็ ก Blogger สร้างรายไดจ้ ากป้ายโฆษณา3. ตวั อยา่ งการใชเ้ วบ็ บลอ็ ก WordPress.com ทาเวบ็ บล็อกแนะนาร้านของตนเองการใชง้ านเวบ็ บล็อกฟรี โดยเฉพาะ blogger.com น้นั รองรับการนาไปใชง้ านหลายอยา่ ง แนะนาร้านคา้ ทาบทความใหค้ วามรู้ ขายของ หาเงินออนไลน์จากการคลิกโฆษณา ฯลฯ แต่ก็ ตอ้ งศึกษาก่อนวา่ แนวที่เราจะทาน้นั มีอะไรที่ผดิ กฎหรือผดิ นโยบายการใชง้ านหรือไม่ ไม่เช่นน้นั เวบ็ บล็อกของเรากจ็ ะถูกลบทิ้งไป ขอ้ มูลก็จะหายไปท้งั หมด หากเป็นเวบ็ บล็อกที่สร้างข้ึนมา เพื่อหาเงินออนไลน์ รายรับก็จะหายไปทนั ที หรือแมแ้ ต่ร้านคา้ ขายสินคา้ ผา่ นบล็อกก็ตาม หรือหากมีขอ้ มูลจานวนมาก ก็ไม่ควรใชง้ านเวบ็ บล็อก เพราะเม่ือใดที่มีคนเขา้ ชมจานวนมาก ตอ้ ง มีปัญหาแน่นอน ภาพที่ 14

ภาพท่ี 15 ตวั อยา่ งเวบ็ บล็อกฟรีแบบต่างๆตวั อยา่ งเวบ็ บล็อกที่ใชห้ นา้ ตาหรือธีมมาตรฐาน ซ่ึงดูธรรมดาเรียบง่าย ไมส่ วย

ภาพท่ี 16 ตวั อยา่ งเวบ็ บลอ็ กท่ีใชธ้ ีมแบบติดต้งั เองซ่ึงมีท้งั ฟรีและขายในราคาไมแ่ พง เพยี งเท่าน้ี เวบ็ บล็อกของเราก็จะมีหนา้ ตาท่ีเป็นเอกลกั ษณ์เฉพาะตวัพอสมควร เวบ็ บล็อกน้ี มีเน้ือหาเยอะมาก มีการวางป้ายโฆษณา ดูแลว้ ทาเงินตอ่ เดือน ใหเ้ จา้ ของไมน่ อ้ ยเลยทีเดียว

ภาพที่ 17การใชง้ านเวบ็ บล็อกจึงไม่เหมาะกบั ธุรกิจท่ีมีตวั ตน ตอ้ งการความมนั่ คง หรือเน้ือหาที่จะพิมพล์ งในบล็อกตอ้ งไมม่ ากจนเกินไป หรือเวบ็ บลอ็ กไดร้ ับความนิยม มีคนเขา้ เยยี่ มชมจานวน มากโดนปิ ดแน่นอนสาหรับเวบ็ บล็อกฟรี WordPress.com ก็เป็นอีกท่ีหน่ึงที่เปิ ดโอกาสใหส้ ร้างเวบ็ บล็อกของเราเองได้ แต่ไม่เนน้ ใหท้ าเชิงธุรกิจ ส่วนเวบ็ บลอ็ กของไทยก็มีไม่นอ้ ยเช่นกนั เช่น exteen.com, bloggang.comสร้างเวบ็ ไซต์หรือเวบ็ บลอ็ กด้วย Wordpress การใชง้ านฟรีเวบ็ ไซตห์ รือฟรีเวบ็ บลอ็ กน้นั อาจจะถูกปิ ดหรือถูกลบเมื่อใดกไ็ ด้ หากทาธุรกิจเป็นเร่ืองเป็นราว ดูแลว้ มีความน่าเช่ือถือ หรือขอ้ มูลค่อนขา้ งสาคญั ก็ควรจะลงทุนสร้างเวบ็ ไซต์ ของตนเอง โดยจะมีค่าใชจ้ า่ ยปี ละประมาณ 500 บาทข้ึนไป กจ็ ะมีเวบ็ ไซตห์ รือเวบ็ บลอ็ กของตนเอง ซ่ึงโปรแกรมสร้างเวบ็บล็อกสาเร็จรูปอยา่ ง WordPress ไดร้ ับความนิยมอยา่ งมาก เพราะ ใชง้ านง่าย มือใหม่ฝึกหดั ทาเวบ็ กส็ ามารถทาเวบ็ ไซตห์ รือเวบ็ บลอ็ กสวยๆ ไดใ้ นเวลาไมก่ ี่นาทีเทา่ น้นั ไม่ตอ้ งการเรียนรู้อะไรมากมายนกั

1. ตวั อยา่ งหนา้ ตาเวบ็ ไซตห์ รือเวบ็ บลอ็ กที่สร้างดว้ ย WordPress แบบต่างๆ เราจะเริ่มตน้ ดว้ ยหนา้ ตามาตรฐาน ท่ีมาพร้อมกบั การติดต้งั ในคร้ังแรก ซ่ึงส่วนใหญ่ไมน่ ิยมใช้2. ตวั อยา่ งเวบ็ บล็อกสร้างดว้ ย WordPress หลงั จากเปล่ียนไปใชธ้ ีมแบบต่างๆ ตามแตเ่ จา้ ของบล็อกจะเลือกใชง้ าน3. การใชง้ าน WordPress คอ่ นขา้ งง่าย เพราะไมซ่ บั ซอ้ น มือใหมจ่ ึงสามารถเรียนรู้ไดไ้ ม่ยาก อยา่ งการพิมพ์บทความลงบลอ็ ก หรือใส่ภาพประกอบ หากสามารถใชโ้ ปรแกรมพมิ พ์ เอกสารได้ กส็ ามารถทาบทความในWordPress ไดท้ นั ที หนา้ ตาเวบ็ ไซตก์ ็จะสวยตามตามธีมท่ีไดเ้ ลือกใช้การทาเวบ็ ไซตห์ รือเวบ็ บล็อกดว้ ย WordPress นิยมท้งั ใชง้ านส่วนตวั และเพื่อหาเงินออนไลน์ โดยเฉพาะการหาเงินออนไลน์ ผูค้ นทว่ั โลกนิยมใชก้ นั มาก เพราะตอบสนองการใชง้ านไดด้ ี ในเรื่องSEO ช่วยใหก้ ารทาเวบ็ ไซตห์ าเงินออนไลนป์ ระสบความสาเร็จเร็วกวา่ การใชโ้ ปรแกรม CMA ตวั อ่ืนๆ หากคิดจะทาเวบ็ ไซต์หรือเวบ็ บล็อกเพื่อหาเงินออนไลน์ ควรพจิ ารณา WordPress ก่อนตวั อยา่ งเวบ็ ไซตส์ ร้างดว้ ย WordPress เนน้ การขายสินคา้ ใหก้ บั amazon.comสร้างเวบ็ ไซต์ขนาดใหญ่ เนื้อหาซับซ้อน แนะนา Joomla เวบ็ ไซตข์ นาดใหญ่ รองรับการจดั การกบั บทความในเวบ็ จานวนมากๆ เน้ือหามีจานวนมาก และจาเป็นตอ้ งมีการกลบั มาแกไ้ ขบทความในภายหลงั ก็ขอแนะนาใหส้ ร้างเวบ็ ไซตด์ ว้ ย Joomla จากที่ลองสร้างเวบ็ ไซตด์ ว้ ยโปรแกรมท้งั 3 แบบคือ เวบ็ บล็อก Blogger.com Wordpress และ Joomla ในการสร้างเน้ือหาลงเวบ็ ไซตต์ ้งั เวบ็ บล็อกอยา่ ง Blogger และ Wordpress มีความง่าย สามารถพมิ พๆ์ บทความลงไปไดเ้ ลย ไม่ตอ้ งคิดอะไรมาก ซ่ึงเหมาะกบั เวบ็ ไซตข์ นาดเลก็ มีเน้ือหาไม่มากนกั ไมห่ ลากหลาย ไมม่ ีหมวดหมู่มากมายเนน้ ทาแลว้ ทิ้ง พมิ พบ์ ทความลงไปแลว้ ไม่มีการกลบั ไปแกไ้ ขอะไรอีก เพราะการจดั การบทความจะไมง่ ่ายนกั

สาหรับ Joomla จะเป็น CMS ที่มีความยดื หยนุ่ สูงมาก รองรับการสร้างเวบ็ ไซตท์ ุกขนาด โดยเฉพาะเวบ็ ไซตข์ นาดใหญ่ มีหมวดหมูม่ าก มีเน้ือหามาก และเพราะความสามารถในการรองรับ ระบบขนาดใหญ่ ก็กลายเป็นปัญหาสาคญั ของ Joomla นน่ั ก็คือ มีระบบอะไรต่อมิอะไรเยอะเยอะไปหมด ตอ้ งอาศยั เวลาศึกษาส่วนประกอบและความสามารถของโปรแกรมใหเ้ ขา้ ใจอยา่ ง มากจึงจะสามารถนาไปประยกุ ตส์ ร้างเวบ็ ไซต์ไดส้ ารพดั ตามใจตอ้ งการ ภาพที่ 181.14 พืน้ ฐานการใช้งานอนิ เตอร์เน็ต ความหมายของอินเตอร์เน็ตคือเครือขา่ ยคอมพวิ เตอร์ แต่โดยเน้ือแทแ้ ลว้ เครือขา่ ยอินเตอร์เน็ตเป็นท้งั เครือข่ายของคอมพวิ เตอร์และเครือขา่ ยของเครือข่ายอินเตอร์เน็ตประกอบดว้ ยเครือขา่ ยยอ่ ยเป็นจานวนมากท่ีตอ่ เชื่อมเขา้ หากนั ภายใตห้ ลกั เกณฑท์ ี่เป็นมาตรฐานเดียวกนั จนเป็ นเครือขา่ ยขนาดใหญ่ โดยใช้มาตรฐานการต่อเชื่อมเดียวกนั ท้งั หมด เรียกวา่ “ทีซีพ/ี ไอพี” (TCP/IP) เราจึงกล่าวไดว้ า่ อินเตอร์เน็ตเป็นเครือขา่ ยคอมพิวเตอร์ท่ีตอ่ เช่ือมถึงกนั โดยใชท้ ีซีพี/ไอพี ความสาคญั ของเทคโนโลยสี ารสนเทศ หรือท่ีเรียกวา่ ไอที (IT: Information Technology) หมายถึงความรู้ในการประมวลผล จดั เกบ็ รวบรวมเรียกใชแ้ ละนาเสนอขอ้ มูลดว้ ยวธิ ีการทางอิเลค็ ทรอนิกส์ เคร่ืองมือท่ีตอ้ งใชส้ าหรับงานไอที คือ คอมพวิ เตอร์ และอุปกรณ์ส่ือสารโทรคมนาคมตลอดจนโครงสร้างพ้ืนฐาน ดา้ นการส่ือสารไม่วา่ จะเป็น สายโทรศพั ท์ ดาวเทียม หรือเคเบิล้ ใยแกว้ นาแสงเครือขา่ ยอินเตอร์เน็ต นบั เป็ นเครื่องมือที่สาคญั อยา่ งหน่ึงในการประยกุ ตใ์ ชไ้ อทีอินเตอร์เน็ตจะเป็ นช่องทางที่ทาใหเ้ ขา้ ถึงขอ้ มูลท่ีตอ้ งการภายใน เวลาอนั รวดเร็ว อินเตอร์เน็ตเป็นแหล่งรวบรวมขอ้ มูลแหล่งใหญท่ ี่สุดของโลกและเป็นท่ีรวมท้งั บริการ และเครื่องมือที่สาคญั อยา่ งหน่ึงใน การประยกุ ตใ์ ชเ้ ทคโนโลยสี ารสนเทศท้งั ในระดบั บุคคลและองคก์ ร จากปรัชญาของระบบเครือขา่ ยท่ีมุ่งหวงั ใหม้ ีการใชท้ รัพยากรอยา่ งคุม้ค่าสูงสุดหนทางหน่ึงก็คือการเปิ ดบริการใหผ้ อู้ ่ืนใชง้ าน ร่วมดว้ ย อินเตอร์เน็ต จึงมีศูนยใ์ หบ้ ริการขอ้ มูลและขา่ วสารหลากชนิด หากจะแยกประเภทของการใหบ้ ริการในอินเตอร์เน็ต แลว้ สามารถแบง่ ออกไดด้ งั น้ี

1. จดหมายอเิ ลก็ ทรอนิกส์ (Electronic Mail or E-Mail) จดหมายอิเลก็ ทรอนิกส์หรือท่ีเรียกยอ่ ๆ วา่ E-Mail เป็นวธิ ีติดต่อสื่อสารกนั บนเครือข่ายอินเตอร์เน็ต โดยท่ีสามารถส่งเอกสารท่ีเป็ นขอ้ ความธรรมดา จนถึงการส่งเอกสารแบบมลั ติมิเดียที่มีท้งั ภาพและเสียง ในการส่งผทู้ ี่ตอ้ งการส่งและรับจดหมายอิเล็กทรอนิกส์จะตอ้ งมี Domain name ท่ีแน่นอน 2. การใช้โปรแกรมบนเคร่ืองคอมพวิ เตอร์อ่ืน Telnet,Remote Login:rlogin การใหบ้ ริการน้ีเป็ นประโยชน์ และประหยดั ค่าใชจ้ ่าย การใชโ้ ปรแกรม Telnetทาใหส้ ามารถใช้เคร่ืองคอมพิวเตอร์ท่ีอยหู่ ่างไกลออกไปโดยเสมือนอยทู่ ่ี หนา้ เครื่องน้นั ๆโดยตรง โปรแกรม Telnet อนุญาตใหส้ ามารถทางานบนเครื่องคอมพวิ เตอร์อ่ืนที่อยบู่ นอินเตอร์เน็ตได้ เช่น โปรแกรมที่มีความซบั ซอ้ นมากๆ ในการคานวณ ไมส่ ามารถท่ีจะใชเ้ ครื่องอยบู่ นโตะ๊ Pc หรือ (Work Station แบบปกติ) ไดต้ อ้ งส่งโปรแกรมไปทางานบนเครื่อง Super Computer โดยใชโ้ ปรแกรม Telnet เพื่อเช่ือมต่อเขา้ กบั เคร่ือง Super 3. การขนถ่ายแฟ้มข้อมูล (File Transfer Protocol) การถ่ายโอนแฟ้มขอ้ มูล หรือ FTP และโปรแกรมตา่ งๆ ที่มีอยใู่ นศูนยบ์ ริการ เป็นบริการอีกประเภทหน่ึงของอินเตอร์เน็ตเครือขา่ ยหลายแห่งเปิ ดบริการสาธารณะใหผ้ ใู้ ชภ้ ายนอกสามารถถ่ายโอนขอ้ มูล โดยไม่ตอ้ งป้อนรหสั ผา่ นและถ่ายโอนไดโ้ ดยไมต่ อ้ งเสียค่าใชจ้ ่าย แฟ้มขอ้ มูลที่ถ่ายโอน มีท้งั ขอ้ มูลทว่ั ไป ข่าวสารประจาวนั บทความ รวมถึงโปรแกรม 4. บริการสืบค้นข้อมูลข้ามเครือข่าย เครือข่ายอินเตอร์เน็ตในยคุ เริ่มตน้ เป็ นเครือขา่ ยที่มีคอมพวิ เตอร์ไม่ก่ีร้อยเครื่องต่อเช่ือมกนั อยขู่ นาดของเครือขา่ ย จึงไมใ่ หญ่เกินไป สาหรับการขนถ่ายแฟ้มเพ่อื การถ่ายโอน แต่เม่ืออินเตอร์เน็ตขยายตวั ข้ึนมากและมีผใู้ ชง้ านแทบทุกกลุ่ม การคน้ หาแฟ้มขอ้ มูลจึงยงุ่ ยากข้ึนดว้ ยเหตุน้ีจึงมีการพฒั นาระบบ ARCHIE อานวยความสะดวกช่วยในการคน้ หาแฟ้ม และฐานขอ้ มูลวา่ อยทู่ ี่เคร่ืองใด เพ่ือจะใช้ FTP ขอถ่ายโอนได้ การบริการจะตอ้ งใชโ้ ปรแกรมArchine,Gopher,VERONICA และ WAIS 5. กล่มุ สนทนาและข่าวสาร (Usenet User News Network) Usenet ช่วยใหผ้ ใู้ ชเ้ คร่ืองคอมพิวเตอร์ตา่ งระบบกนั สามารถท่ีจะแลกเปลี่ยนขอ้ มูลข่าวสารเร่ืองต่างๆ เช่น การเสนอขอ้ คิดเห็น อภิปรายโตต้ อบตามกลุ่มยอ่ ยท่ีเรียกวา่ กลุ่มขา่ ว (News Group) โดยผใู้ ช้เพยี งแต่สง่ั คาสง่ั RTIN ก็จะสามารถอ่านข่าว ที่ตนเองไดบ้ อกรับ(Subscribe) ไดท้ นั ที 6. ระบบบริการสถานี (World Wide Web) เพอ่ื ส่งระบบ Multimedia ขา้ มเครือข่ายเน่ืองจากระบบสืบคน้ ขอ้ มูลแบบเดิมสามารถส่งไดเ้ ฉพาะขอ้ มูล อกั ษรและตวั เลข แต่เนื่องจากการเชื่อมโยงขอ้ มูลแบบใหม่ ๆ ที่เป็นขอ้ มูล Multimedia และการเช่ือมโยงของ Modem เป็นขอ้ มูลแบHypertext/Hypermedia ซ่ึงเช่ือมโยงแบบกราฟิ กท่ีใกลเ้ คียงกบัธรรมชาติโดยใชโ้ ปรแกรมLynx, Mosaic และ Netscape โดยที่โปรแกรมดงั กล่าวสามารถทางานโดยผา่ น Windows และระบบ Xwindows ของ Unix

7. สนทนาทางเครือข่าย Talk เป็นบริการสนทนาทางเครือข่ายระหวา่ งผูใ้ ชส้ องคนโดยไมจ่ ากดั วา่ ผใู้ ชท้ ้งั สองกาลงั ทางานภายใน ระบบเดียวกนั หรือต่างระบบกนั ผใู้ ชท้ ้งั สองสามารถพมิ พข์ อ้ ความโตต้ อบกนั แบบทนั ทีทนั ใดได้พร้อม ๆกนั ขอ้ ความท่ีพมิ พผ์ า่ นแป้นพิมพ์ จะไปปรากฏบนหนา้ จอของ ผสู้ นทนา การสนทนาบนเครือขา่ ยอีกรูปแบบหน่ึงที่แพร่หลาย คือ IRC (Internet Relay Chart) ซ่ึงเป็นการสนทนาทางเครือขา่ ยเป็นกลุ่มไดพ้ ร้อมกนั หลายคน 8. ตรวจข้อมูลผ้ใู ช้ เครือข่ายอินเตอร์เน็ตในปัจจุบนั กาลงั ขยายตวั เป็นไปอยา่ งดีในที่ต่าง ๆ จะมีผใู้ ชร้ ายใหม่เกิดข้ึนอยู่เสมอ อินเตอร์เน็ตไม่มีฐานขอ้ มูลกลางเกบ็ รายช่ือผใู้ ชท้ ้งั หมดน้ีไวจ้ ึงไม่มีวธิ ีสาเร็จรูปแบบใดท่ีรับประกนัการคน้ หาผทู้ ี่เราตอ้ งการ ติดต่อ ดว้ ย โปรแกรมเบ้ืองตน้ ใน Unixที่ใชต้ รวจหาผใู้ ชใ้ นระบบคือ Finger9. กระดานข่าว BBS BBS หรือ Bulletin Board System เป็นบริการขอ้ มูลรูปแบบหน่ึงที่ผใู้ ช้ PC โดยทวั่ ไปมกั จะคุน้ เคยอยกู่ ่อนภายในอินเตอร์เน็ต ก็มีศูนยบ์ ริการหลายแห่งท่ีให้บริการ BBSแบบเดียวกนั เราสามารถต่อเชื่อมไปหาศูนย์ BBS ไดโ้ ดยใชโ้ ปรแกรม Telnetความรู้เบื้องต้นเกยี่ วกบั อนิ เตอร์เน็ต อนิ เตอร์เน็ต คือ เครือข่ายคอมพิวเตอร์ขนาดใหญท่ ี่เช่ือมต่อกบั เครื่องคอมพวิ เตอร์ทวั่ โลกเขา้ดว้ ยกนั ผใู้ ชอ้ ินเตอร์เน็ตสามารถสื่อสารถึงกนั ได้ ภายในเวลาอนั รวดเร็ว ช่วยประหยดั ทรัพยากรและที่สาคญั อินเตอร์เน็ตคือคลงั สมองอนั ยง่ิ ใหญ่หรือหอ้ งสมุดโลกท่ีทุกคนสามารถคน้ ควา้ หาความรู้ขอ้ มูลขา่ วสารไดโ้ ดยไมต่ อ้ งเดินทางไปยงั แหล่งความรู้น้นั ประโยชน์ของอนิ เตอร์เน็ต พอสรุปได้ดงั นี้1. ดา้ นการศึกษา (Tele Education) สาหรับผทู้ ี่อยหู่ ่างไกลจาแหล่งศึกษาหรือผทู้ ่ีสนใจจะลงทะเบียนเรียนในตา่ งประเทศ เช่น สหรัฐอเมริกา สิงคโปร์ องั กฤษ ฯลฯ สามารถเรียนผา่ นอินเตอร์เน็ตได้ ซ่ึงเราเรียกวา่การศึกษาทางไกล กลายเป็นทางเลือกใหม่ในการศึกษาทุกระดบั ซ่ึงการศึกษาผา่ นทางอินเตอร์เน็ตในปัจจุบนั น้ี เป็นการศึกษาแบบปฏิสมั พนั ธ์ (Interactive)สามารถเรียนรู้ดว้ ยตนเองได้ ช่วยประหยดั เวลาและค่าใชจ้ า่ ย2. โฮมเพจกบั การโฆษณา เป็นการโฆษณาสินคา้ หรือธุรกิจบนอินเตอร์เน็ต บริษทั หรือหา้ งร้านท่ีทาธุรกิจบนดินเตอร์เน็ตจะจดั ทาโฮมเพจของตนแลว้ ฝากไวบ้ นอินเตอร์เน็ต ทาใหก้ ารซ้ือขาย และใชบ้ ริการผา่ นอินเตอร์เน็ตเป็ นจานวนมาก

การทาธุรกิจการเงินอิเล็กทรอนิกส์ (E-money) การซ้ือขายสินคา้ หรือบริการผา่ นอินเตอร์เน็ต จะมีการชาระหรือจา่ ยเงินค่าสินคา้ หรือบริการน้นั ๆ หรือผา่ นบตั รเครดิตของผซู้ ้ือแต่ตอ้ งระมดั ระวงั เรื่อง การถอดรหสั บตั รเครดิตไปใชแ้ ทนเจา้ ของบตั รน้นั ๆ3. ดา้ นความมน่ั คงปลอดภยั ของประเทศอินเตอร์เน็ตจะช่วยในการสื่อสารสืบคน้ ขอ้ มูล และใชร้ ะบบฐานขอ้ มูลประวตั ิอาชญากรร่วมกนั ได้ เช่น การส่งขอ้ มูลประวตั ิของอาชญากรรมขา้ มชาติ เป็นตน้4. ดา้ นธุรกิจ (E-Commerce) โดยเฉพาะธุรกิจไดม้ ีการนาอินเตอร์เน็ตเขา้ มาเป็นอนั มาก ดงั ต่อไปน้ี 4.1 ดา้ นการธนาคาร (E-Banking) ธนาคารไดจ้ ดั ทาระบบออนไลน์บนเครือข่ายท่ีช่วยใหส้ ามารถสอบถามยอดเงินและโอนเงินไดอ้ ยา่ งรวดเร็ว มีการติดต่อสื่อสาร และมีขอ้ มูลบนเวบ็ เพจของทุกธนาคาร 4.2 โฮมเพจกบั การโฆษณา เป็นการโฆษณาสินคา้ หรือธุรกิจบนอินเตอร์เน็ต บริษทั หรือหา้ งร้านท่ีทาธุรกิจบนดินเตอร์เน็ตจะจดั ทาโฮมเพจของตนแลว้ ฝากไวบ้ นอินเตอร์เน็ต ทาใหก้ ารซ้ือขาย และใชบ้ ริการผา่ นอินเตอร์เน็ตเป็นจานวนมาก 4.3 การทาธุรกิจการเงินอิเลก็ ทรอนิกส์ (E-money) การซ้ือขายสินคา้ หรือบริการผา่ นอินเตอร์เน็ต จะมีการชาระหรือจ่ายเงินค่าสินคา้ หรือบริการน้นั ๆ หรือผา่ นบตั รเครดิตของผซู้ ้ือแตต่ อ้ งระมดั ระวงั เร่ือง การถอดรหสั บตั รเครดิตไปใชแ้ ทนเจา้ ของบตั รน้นั ๆ5. การสื่อสารผา่ นอินเตอร์เน็ตเป็ นประโยชนข์ ้นั พ้นื ฐานท่ีไดร้ ับจากเครือข่ายอินเตอร์เน็ต คือ อีเมล์ (E-mail : Electronic Mail) หรือจดหมายอิเล็กทรอนิกส์ ช่วยใหป้ ระหยดั สะดวกและรวดเร็ว อีกท้งั ยงั สามารถพูดคุยกนั ไดเ้ หมือนอยใู่ กลก้ นั6. การประชุมทางไกล (Tele Conference) เป็นการประชุมของบุคคลท่ีอยหู่ ่างไกลกนั คนละสถานที่ โดยอาศยั ระบบโทรคมนาคมซ่ึงส่ือสารไดท้ ้งั ตวั อกั ษร เสียงและภาพพร้อมกนั