unit 2-หลักการออกแบบเว็บไซต์

หลักการออกแบบเวบ็ ไซต์ (Web Design) Webpage Design and Programming Workshop (7152306) ครทู พิ ยส์ ุดา แนน่ อุดร แผนกวิชาคอมพิวเตอร์ธุรกิจ

บทนา • เว็บไซต์ท่ีได้รับการออกแบบอย่างสวยงาม มีการใช้งานที่สะดวก ย่อมได้รับ ความสนใจ การออกแบบเวบ็ ไซต์จึงเปน็ กระบวนการสาคัญให้ประทับใจจากผู้ใช้ ทาให้อยากกลับเข้ามาเว็บไซต์เดิมอีก นอกจากต้องพัฒนาเว็บไซต์ท่ีดีมี ประโยชน์แล้ว ยงั ต้องคานงึ ถึงการแข่งขนั กับเว็บไซต์อ่นื ๆ อกี ด้วย • ดังน้ัน การออกแบบเว็บไซต์ควรตรงกับวัตถุประสงค์ และประสบความสาเร็จก็ จาเป็นจะต้องมีการเตรียมการท่ีดี ทางานอย่างเป็นข้ันตอน ตลอดจนพิจารณา ปัจจัยต่าง ๆ ทเี่ ก่ียวขอ้ งอย่างรอบด้าน

ตวั อยา่ ง

คาศัพทเ์ บ้ืองตน้ เกี่ยวกบั เว็บไซต์ Home Page คาทีใ่ ชเ้ รียกหนา้ แรกของเว็บไซต์ เปรียบเสมือนกบั เป็นสารบัญและคานา Web Page Website หน้าหนงึ่ ๆ ของเว็บไซต์ WWW หน้าเว็บเพจหลายหน้าซ่งึ เชื่อมโยงกันผ่านทาง Hyperlink เปรียบเสมือนหนงั สอื หน่ึงเล่ม HTML เปรยี บเสมอื นเป็นห้องสมุดขนาดใหญ่ทรี่ วบรวมข้อมลู ทมี่ ากท่สี ดุ ในโลกกว็ า่ ได้ โปรโตคอล HTTP เป็นภาษาท่ีใชใ้ นการพฒั นาเว็บเพจ (Hypertext Transfer เป็นโปรโตคอลท่ีทางานรว่ มกันของข้อมูลทใ่ี นอยใู่ นรูปส่ือทีส่ ามารถเช่ือมโยงถึงกนั ได้ Protocol) เนือ่ งจากโปรโตคอล HTTP สามารถท่จี ะใช้ในการรบั สง่ ข้อมลู ทเ่ี ป็นข้อความ รูปภาพหรือ URL ภาพเคลือ่ นไหว จึงทาใหแ้ หล่งข้อมลู ส่วนใหญใ่ น WWW อนุญาตใหเ้ ขา้ ถึงได้โดยผ่าน โปรโตคอล HTTP ตัวบ่งบอกขอ้ มูลหรอื ทีอ่ ยู่ (Address) ของไฟลห์ รอื เวบ็ ไซต์ เช่น http://www.google.co.th

คาศพั ท์เบอื้ งตน้ เก่ยี วกบั เวบ็ ไซต์ DNS- หมายเลขประจาเครอื่ ง ซึ่งหมายเลขนเี้ รียกว่า IP โดยการทีจ่ ะจดจาหมายเลขประจา Domain เครอ่ื งนนั้ ทาไดย้ าก จงึ มวี ธิ กี ารต้ังช่ือให้จดจาและใชง้ านง่าย เช่น http://www.npru.ac.ac. Name System Web Browser โปรแกรมคอมพวิ เตอร์ที่ผู้ใช้สามารถดขู อ้ มลู และโต้ตอบกับขอ้ มูลสารสนเทศ เชน่ IE, Google Chrome, Safari เปน็ ตน้ Web server เครือ่ งคอมพิวเตอร์ท่ีทาหน้าทใ่ี ห้บรกิ ารขอ้ มูลใน www ซึ่งเกบ็ Web page และโปรแกรม Upload จัดการบริการ เมื่อสรา้ ง Web page แลว้ ตอ้ งส่งข้อมลู ไปเกบ็ ไวท้ ่ี Web Server โดยอาศยั โปรแกรม FTP เป็นตน้ Search เครื่องมือหรอื โปรแกรมในการค้นหาเว็บต่างๆ เชน่ google.com, yahoo.com, bing.com engine เปน็ ต้น

ลกั ษณะเด่นของการนาเสนอข้อมูลเวบ็ เพจ The Web is a Graphical HyperText Information System The Web is Cross-Platform. The Web is distributed The Web is interactive

แนะนาการออกแบบเว็บไซต์ 1. กลุ่มผใู้ ช้งาน • ผ้อู อกแบบจาเป็นตอ้ งทราบกลมุ่ ผู้ใชเ้ ปา้ หมายที่เข้ามาใช้บรกิ าร เวบ็ ไซต์ เพอื่ ท่จี ะได้ตอบสนองความต้องการของผูใ้ ช้ไดอ้ ยา่ งชดั เจน

แนะนาการออกแบบเว็บไซต์ 2. เปา้ หมายของเว็บไซต์ เวบ็ ไซต์แตล่ ะประเภทต่างมเี ปา้ หมายและลกั ษณะท่แี ตกต่างกนั เชน่ • เวบ็ ไซต์ท่เี ป็น Search Engine • เวบ็ เพื่อความบันเทิงหรอื เกี่ยวขอ้ งกบั ศลิ ปะ • เวบ็ ไซต์ขององคก์ รธุรกิจท่ีมเี ปา้ หมายเพอื่ ขายสนิ คา้ หรือ บริการ

แนะนาการออกแบบเว็บไซต์ 3. สง่ิ ท่ผี ูใ้ ช้ตอ้ งการจากเว็บ • การออกแบบเว็บไซต์เพ่อื ดงึ ดดู ผู้ใช้งานใหไ้ ดน้ านทส่ี ุด ดว้ ยการสร้าง สงิ่ ทีน่ ่าสนใจเพื่อดงึ ดดู ผู้ใชโ้ ดยท่ัวไปแล้วสง่ิ ท่ีผู้ใช้คาดหวงั จากการเขา้ ชมเวบ็ ไซต์หนึ่ง ไดแ้ ก่ ขอ้ มูลและการใชง้ านที่เปน็ ประโยชน์, ข่าวและ ขอ้ มลู ท่นี า่ สนใจ, การตอบสนองตอ่ ผู้ใช้, ความบนั เทิง และของฟรี

แนะนาการออกแบบเว็บไซต์ 4. ขอ้ มูลหลกั ทีค่ วรมีอยูใ่ นเว็บไซต์ • การออกแบบเว็บไซต์ให้มขี ้อมลู ทผี่ ้ใู ช้ตอ้ งการ ซ่ึงขอ้ มลู ต่อไปนเ้ี ป็นสิ่งที่ผู้ใช้ สว่ นใหญ่คาดหวงั จะได้รับเมือ่ เขา้ ไปชมเว็บไซต์ เช่น o ขอ้ มลู เกยี่ วกบั เจา้ ของเวบ็ ไซต์ (บรษิ ทั องคก์ ร หน่วยงาน บคุ คล) o รายละเอียดของเนื้อหา (ตามจดุ ประสงค์ของเว็บ เช่น องค์ความรู้ ผลติ ภณั ฑ์) o ขา่ วความคบื หนา้ และขา่ วจากส่อื มวลชนทีเ่ ก่ยี วขอ้ ง น่าสนใจ o คาถามยอดนยิ มของผู้ชม หรอื ทเ่ี กยี่ วข้องกบั จุดประสงคข์ องเวบ็ ไซต์ o ข้อมูลในการติดต่อกบั ผู้จัดทา หนว่ ยงาน องคก์ ร เจา้ ของเวบ็ ไซต์

องค์ประกอบของการออกแบบเวบ็ ไซต์ 1. ความเรยี บง่าย (Simplicity) 2. ความสมา่ เสมอ (Consistency) 3. ความเปน็ เอกลกั ษณ์ (Identity) 4. เน้อื หา (Useful Content) 5. ระบบเนวเิ กชนั่ (User-Friendly Navigation) 6. คุณภาพของสิ่งทปี่ รากฏใหเ้ ห็นในเว็บไซต์ (Visual Appeal) 7. การใช้งานอยา่ งไม่จากัด (Compatibility) 8. ความคงทีใ่ นการออกแบบ (Design Stability) 9. ความคงทข่ี องการทางาน (Function Stability)

หลกั การออกแบบเว็บไซต์ 1 กาหนดโครงสรา้ งของเวบ็ ไซต์ 2 กาหนดการเชอื่ มโยงระหวา่ งเวบ็ เพจ 3 การออกแบบเว็บเพจแต่ละหน้า 4 การสร้างเว็บเพจแตล่ ะหน้า 5 การลงทะเบียนขอพน้ื ทเ่ี วบ็ ไซต์ 6 การอัพโหลดเวบ็ ไซต์

หลกั การออกแบบเว็บไซต์ 1. กาหนดโครงสรา้ งของเว็บไซต์

หลกั การออกแบบเว็บไซต์ 1. กาหนดโครงสรา้ งของเว็บไซต์

หลกั การออกแบบเว็บไซต์ 2. กาหนดการเชื่อมโยงระหว่างเวบ็ เพจ  การกาหนดการเชือ่ มโยงใหเ้ วบ็ เพจแตล่ ะหน้าเช่ือมโยงถงึ กนั เพื่อใหก้ ลบั ไปกลับมาระหวา่ งหน้าต่าง ๆ ได้  แต่ละไฟล์ทีม่ กี ารเชอ่ื มโยงสัมพันธก์ นั

หลกั การออกแบบเว็บไซต์ 2. กาหนดการเชือ่ มโยงระหวา่ งเวบ็ เพจ

หลักการออกแบบเวบ็ ไซต์ 3. การออกแบบเวบ็ เพจแต่ละหน้า  ในข้ันตอนการออกแบบน้อี าจเรียกว่าการออกแบบเลย์เอาท์ (Lay Out)  สามารถทาไดโ้ ดยการเขยี นลงในกระดาษ หรือใช้โปรแกรม คอมพวิ เตอรช์ ว่ ยในการออกแบบกไ็ ด้ดังภาพ



หลักการออกแบบเว็บไซต์ 4. การสร้างเว็บเพจแตล่ ะหน้า สรา้ งโดยใชภ้ าษา html หรอื อาจใชโ้ ปรแกรมสาเรจ็ รปู เช่น Macromedia Dreamweaver หรือโปรแกรมสาเรจ็ รปู อื่น ๆ

หลกั การออกแบบเวบ็ ไซต์ 5. การลงทะเบียนขอพนื้ ท่ีเวบ็ ไซต์ เป็นการเผยแพร่เว็บไซต์ท่ีสร้างเสร็จแล้วเข้าสู่ระบบเครือข่าย อินเทอรเ์ น็ต เพือ่ ใหบ้ ุคคลอนื่ ๆ สามารถเข้าชมเวบ็ ไซตข์ องเราได้ วิธีกา ร ก็คื อนา เว็บไซต์ ที่ เร า ส ร้ า งขึ้นไปไว้บนพ้ืนที่ ที่ ใ ห้ บริ กา ร (Web Hosting) ซ่ึงมีพ้ืนที่ท่ีให้บริการฟรีและแบบที่ต้องเสีย คา่ บรกิ าร

หลักการออกแบบเว็บไซต์ 5. การลงทะเบียนขอพ้นื ทเ่ี ว็บไซต์

หลกั การออกแบบเว็บไซต์ 6. การอัพโหลดเวบ็ ไซต์  การคดั ลอกขอ้ มลู จากเคร่อื งเราไปเก็บไว้ใน เครอ่ื ง Server เรยี กว่า Upload หลงั จากสร้าง เวบ็ ไซตแ์ ละลงทะเบียนขอพื้นทีส่ าหรบั ฝาก เวบ็ ไซตแ์ ล้วให้ใช้โปรแกรมสาหรับอัปโหลด (Upload)  เชน่ โปรแกรม CuteFTP, WinSCP, WS_FTP เพอื่ ใหค้ นทว่ั โลกสามารถเข้าชมเวบ็ ไซต์ของ เราผ่านทางระบบเครอื ขา่ ยอินเทอร์เนต็ ได้

องคป์ ระกอบภายในเว็บเพจ ขอ้ ความ (Text) ตวั อกั ษร อักขระ สัญลักษณ์ กราฟิก (Graphic) รูปภาพ ลายเส้น ลายพนื้ ต่าง ๆ ภายในเว็บเพจ ส่ือประสม (Multimedia) ภาพเคล่อื นไหวและเสยี งต่าง ๆ การเช่ือมโยง (Link) เปน็ ส่วนทใี่ ชใ้ นการเชอ่ื มโยงไปยงั เวบ็ เพจอน่ื ๆ ทั้งท่เี ปน็ เว็บ เพจของตนเอง หรอื เว็บเพจของผอู้ ่นื ฟอร์ม (Form) เป็นแบบฟอร์มทีใ่ หผ้ ู้เขา้ เยยี่ มชมเวบ็ เพจไดก้ รอกขอ้ มูล เฟรม (Frame) คือการแบ่งจอภาพออกเปน็ ส่วน ๆ โดยในแตล่ ะส่วนนัน้ จะ แสดงขอ้ มลู ทีแ่ ตกต่างกนั กนั ออกไป สคริปต์ (Script) เปน็ ส่งิ ที่แสดงใหเ้ หน็ ถงึ ปฏกิ ิริยาโต้ตอบกันของผู้ใช้งานกับ ผู้สรา้ งเวบ็ เพจอนั ได้แก่สมุดเยี่ยม และเว็บบอรด์ เป็นตน้

การออกแบบโครงสรา้ งเวบ็ ไซต์ (Flow Chart) คอื การวางแผนการจัดลาดบั เนอ้ื หาสาระของเวบ็ ไซต์ ออกเปน็ หมวดหมู่ เพ่ือจัดทาเปน็ โครงสรา้ งในการจัดวางหนา้ เวบ็ เพจทงั้ หมด เปรยี บเสมอื นแผนที่ทีท่ าใหเ้ ห็นโครงสรา้ งทั้งหมดของเวบ็ ไซต์ ชว่ ยในนกั ออกแบบเวบ็ ไซตไ์ มใ่ หห้ ลงทาง การจดั โครงสร้างของ เว็บไซต์ มีจุดมงุ่ หมายสาคญั คอื การทจี่ ะทาให้ผ้เู ข้าเย่ยี มชมสามารถคน้ หา ข้อมูลในเวบ็ เพจไดอ้ ยา่ งเป็นระบบ

การออกแบบโครงสรา้ งเว็บไซต์ (Flow Chart) 1. หลกั ในการออกแบบโครงสรา้ งเว็บไซต์ ควรพิจารณาดงั น้ี 1.1 กาหนดวตั ถปุ ระสงค์ 1.2 ศกึ ษาคณุ ลักษณะของผ้ทู ่เี ข้ามาใช้ว่ากลมุ่ เป้าหมายใด 1.3 วางแผนเกีย่ วกบั การจัดรปู แบบโครงสร้าง ต้องมีการจดั โครงสรา้ งหรือจดั ระเบยี บข้อมูลท่ีชดั เจน ควรออกแบบใหม้ ลี กั ษณะท่ชี ัดเจนแยกยอ่ ยออกเป็น ส่วนต่างๆ จัดหมวดหมใู่ นเรือ่ งทีส่ ัมพันธ์กัน 1.4 กาหนดรายละเอยี ดใหก้ บั โครงสร้าง เชน่ ผใู้ ชค้ วรทาอะไรบา้ ง จานวนหนา้ ควรมีเทา่ ใด มกี ารเชื่อมโยงมากนอ้ ยเพียงใด 1.5 สร้างเว็บไซตแ์ ลว้ นาไปทดลองเพื่อหาข้อผิดพลาดและทาการแก้ไข ปรับปรุง แล้วจึงนาเข้าสู่เครอื ข่ายอินเทอร์เนต็

การออกแบบโครงสรา้ งเว็บไซต์ (Flow Chart) 2.1 เว็บท่ีมีโครงสรา้ งแบบเรยี งลาดบั (Sequential Structure) มีลกั ษณะเปน็ เรือ่ งราวตามลาดับของเวลา เช่น การเรียงลาดับตามสารานุกรม เหมาะกบั เวบ็ ไซตท์ ่มี ขี นาดเล็ก เนอื้ หาไม่ซับซ้อน ใช้การลิงก์ไปทีละหน้า ทิศทางของการเข้าสู่เน้ือหาภายในเว็บจะเป็น การดาเนินเรือ่ งในลกั ษณะเส้นตรง โดยมปี ่มุ เดนิ หน้า-ถอย ข้อเสียคือ ผู้ใช้ไม่สามารถกาหนดทิศทางการเข้าสู่เนื้อหาของตนเองได้ ทาให้เสยี เวลาเข้าสเู่ นื้อหา

การออกแบบโครงสร้างเวบ็ ไซต์ (Flow Chart) 2.2 เว็บที่มีโครงสรา้ งแบบลาดับขั้น (Hierarchical Structure) เปน็ วธิ ีทด่ี ีท่สี ุดวิธี เหมาะสาหรับโครงสร้างท่ีมคี วามซบั ซ้อนของขอ้ มูล มีจุดเร่มิ ตน้ ท่จี ดุ รว่ มจุดเดียว นน่ั คอื โฮมเพจและเช่ือมโยงไปส่เู นื้อหา ในลักษณะเปน็ ลาดบั จากบนลงล่างเปน็ ก่ิงก้านแตกแขนงตอ่ เนื่อง เปรยี บได้กบั ตน้ ไมก้ ลบั หัว

การออกแบบโครงสร้างเวบ็ ไซต์ (Flow Chart) 2.3 เวบ็ ทม่ี โี ครงสร้างแบบตาราง (Grid Structure) การออกแบบเพม่ิ ความยืดหยุน่ ใหแ้ ก่การเขา้ ส่เู น้ือหาของผใู้ ช้ เหมาะแกก่ ารแสดงใหเ้ ห็นความสมั พันธก์ ันของเนื้อหา การเข้าสเู่ นื้อหาของ ผใู้ ช้จะไม่เปน็ ลักษณะเชิงเส้นตรง เนอื่ งจากผ้ใู ชส้ ามารถเปล่ียนทิศทางการ เข้าสู่เนอ้ื หาของตนเองได้

การออกแบบโครงสร้างเว็บไซต์ (Flow Chart) 2.4 เวบ็ ทีม่ โี ครงสรา้ งแบบใยแมงมุม (Web Structure)  เป็นโครงสร้างทีม่ ีความยืดหยนุ่ มากทสี่ ดุ  ทกุ หน้าในเว็บสามารถจะเชอื่ มโยงไปถงึ กันไดห้ มด เปน็ การสร้าง รูปแบบการเขา้ สเู่ นอ้ื หาทเ่ี ป็นอิสระ  การเช่ือมโยงเนอื้ หาแต่ละหนา้ ในลักษณะของไฮเปอร์เท็กซ์หรอื ไฮเปอร์มีเดีย โครงสรา้ งลักษณะนี้จดั เปน็ รปู แบบทไ่ี ม่มีโครงสร้างท่ี แน่นนอนตายตัว (Unstructured)

ข้อแนะนาในการทาเว็บไซต์ 1. รูปแบบหนา้ ของเวบ็ ไซต์ สว่ นใหญจ่ ะมีโครงสร้างที่ยอมรับวา่ เปน็ มาตรฐานอยู่ 3 แบบ คอื

ข้อแนะนาในการทาเวบ็ ไซต์ 2. การจดั รูปแบบเอกสารเวบ็ เพจ (Page Design)  ส่วนหวั (Page Header) อยู่ตอนบนสุดของหน้า เป็นบริเวณท่ีสาคัญท่ีสุดเน่ืองจากผู้ใช้จะมองเห็นก่อน บริเวณอ่ืน ส่วนใหญ่นิยมใช้วางเคร่ืองหมายสัญลักษณ์ โลโก้ของเว็บไซต์ ลิงค์ สาหรับการตดิ ต่อ ระบบนาทาง (Navigation) เป็นต้น

ข้อแนะนาในการทาเวบ็ ไซต์ 2. การจดั รปู แบบเอกสารเวบ็ เพจ (Page Design) ส่วนของเน้ือหา (Page Body) อยู่ตอนกลางหน้า เป็นส่วนท่ีจะแสดง รายละเอียดของเนื้อหาแต่ละเร่ืองสัมพันธ์กับเมนูซึ่งอาจประกอบไปด้วย ขอ้ ความ, ภาพกราฟกิ , ตารางขอ้ มลู และอืน่ ๆ ส่วนท้าย (Page Footer) อยดู่ ้านลา่ งสุดของหนา้ ส่วนใหญ่จะนิยมใช้วาง ระบบนาทางภาพในเว็บไซต์แบบท่ีเป็นข้อความงา่ ย ๆ นอกจากน้ีอาจจะ มชี อื่ ของเจ้าของขอ้ ความลขิ สทิ ธ์ิ และอีเมลลแ์ อดเดรสของผูด้ แู ลเวบ็ ไซต์

ขอ้ แนะนาในการทาเวบ็ ไซต์ 3. ขนาดเว็บเพจ ขนาดของเว็บเพจทีใ่ ช้กันทว่ั ไปจะมี 3 ขนาดดว้ ยคอื  ขนาด 640 x 489 Pixel ความละเอียดต่า  ขนาด 800 x 600 Pixel ความละเอียดปานกลางมาตรฐานท่วั ไป  ขนาด 1024 x 768 Pixel ความละเอียดสงู

ขอ้ แนะนาในการทาเว็บไซต์ 4. การเลือกเน้อื หาเว็บไซต์ ถอื เปน็ ส่วนสาคัญในการเริ่มต้นทาเวบ็ ไซต์ ท้งั การจดั โครงสรา้ ง และความ นิยมของเวบ็ ไซต์ 5. โครงสร้างของเว็บไซต์ ควรจะทากค็ อื การจดั กลมุ่ ของข้อมูลโดยใหร้ วมหัวข้อย่อยต่าง ๆ ให้อยใู่ นหวั ขอ้ หลกั โดยมีจุดม่งุ หมายใหจ้ านวนขอ้ หลกั นอ้ ยทส่ี ุด นอกจากนกี้ ารจัดไฟลแ์ ละ ไดเรก็ ทอรกี่ จ็ ะช่วยให้การดแู ลรักษาและการตรวจสอบความผดิ พลาดของ เว็บไซต์ง่ายย่ิงข้ึน

ขอ้ แนะนาในการทาเวบ็ ไซต์ 6. ความเรว็ ในการโหลดเวบ็ ไซต์ ปจั จัยทีจ่ ะกระทบต่อความเร็ว ไดแ้ ก่ ขนาดของรปู ภาพ, จานวนของรปู ภาพ, ปริมาณของตัวอกั ษรที่อยู่บนหน้าน้ันๆ และความเรว็ ในการโหลดเว็บไซต์อาจอยู่ ท่ี Server ท่ีเวบ็ ไซตน์ นั้ ๆ เปน็ ต้น 7. ความงา่ ยในการค้นหาขอ้ มลู ปัจจยั หลักนนั้ ขึ้นอยู่กับโครงสรา้ งของเว็บไซตต์ ั้งแต่ตอนแรก และปัจจยั อ่ืนๆ อกี เชน่ Navigator bar ในทกุ ๆ หน้าของเวบ็ ไซต์ หรอื การใหบ้ ริการ Search และ Sitemap ไดก้ ็จะเปน็ สิ่งทจ่ี ะชว่ ยใหค้ น้ หาข้อมลู ไดง้ ่ายย่ิงขึน้ 8. สามารถดเู ว็บไซตไ์ ด้ในหลายบราวเซอร์ การทาเว็บไซตค์ วรจะทาเพอื่ ใหส้ ามารถดไู ด้จากทกุ ๆ Version ของ Software ตา่ ง ๆ

ข้อแนะนาในการทาเวบ็ ไซต์ 9. ตัวอกั ษร, ฉากหลังและสี รปู แบบท่นี ิยมใช้คือ ตัวอกั ษรสดี าบนฉากหลงั ขาว 10. รูปภาพ ไฟล์ทีใ่ ช้ คือ GIF หรือ JPEG และควรจะมีการคะเนขนาดของรูปภาพ ท่ีจะใส่บนเว็บไซตก์ ่อนเพอ่ื จะไดใ้ ชข้ นาด และอตั ราส่วนทีพ่ งึ พอใจมากทสี่ ุด 11. ส่วนประกอบที่ขาดไมไ่ ด้ของเวบ็ ไซต์ เช่น หัวข้อทีเ่ กี่ยวกับผจู้ ดั ทาอาจเปน็ ประวัตคิ วามเปน็ มา และ/หรือขอ้ มลู ปัจจบุ นั , แถบนาทาง, Search, Sitemap, ข้อเสนอแนะ และคาถามท่ถี ูกถามบอ่ ย เปน็ ตน้

ขอ้ ผดิ พลาดในการออกแบบเวบ็ ไซต์ 1. ใชโ้ ครงสรา้ งหน้าเว็บเปน็ ระบบเฟรม การใชก้ รอบ (Frame) 2. ใช้เทคโนโลยขี ั้นสงู โดยไมจ่ าเป็น 3. ใช้ตัวหนงั สือหรือภาพทเ่ี คล่อื นไหวตลอดเวลา 4. มที ีอ่ ยเู่ วบ็ ไซตท์ ่ซี บั ซ้อน (URL) ยากตอ่ การจดจา/พิมพ์ 5. ไมม่ ีการแสดงชื่อและท่ีอยขู่ องเว็บไซตใ์ นหนา้ เวบ็ เพจ 6. มีความยาวของหนา้ มากเกนิ ไป 7. ขาดระบบเนวิเกชันทีม่ ีประสทิ ธภิ าพ 8. ใชส้ ีของลงิ กไ์ มเ่ หมาะสม 9. ขอ้ มูลเกา่ ไมม่ กี ารปรับปรุงใหท้ ันสมัย 10. เว็บเพจแสดงผลชา้