Page 16 - การสร้างเว็บไซต์

1.3 กำรออกแบบเว็บไชด์ที่ดี ควรมลักษณะดังต่อไปน ้ ี
ี
็
การออกแบบเวบไซต์ 1.3.1โครงสร้ำงที่ชัดเจน ผู้ออกแบบเว็บไชด์ควรจัดโครงสร้ำงหรือจัตระเบยบของข้อมล
ู
ี
้
ื
ที่ชัดเจนแยกเนอหำออกเปนส่วนต่ำงๆ
็
1.3.2 กำรใช้งำนที่ง่ำย ลักษณะของเว็บที่มกำรใช้งำนง่ำย จะช่วยให้ผู้ใช้ร้สึกสบำย ต่อกำร
ู
ี
1. หลักกำรออกแบบเว็บไซต์ อ่ำนและสำมำรถท�ำควำมข้ำใจกับเนอหำได้อย่ำงเต็มที่ ผู้ออกแบบควรก�ำหนดปมกำรใช้งำนที่ชัดเจน
ุ
่
้
ื
็
ื
ุ
เหมำะสมโดยเฉพำะปมควบคุมเส้นทำงกำรเข้ำสู่เนอหำ (Navigaloa) ไม่ว่ำจะเปนเดินหน้ำหรือถอย
้
่
กำรสร้ำงเว็บไชด์ที่ดีควรน�ำควำมร้ในหลำยๆ ด้ำนมำประกอบกัน ไม่ว่ำจะเปนควำมร้ด้ำนภำษำ หลัง หำกเปนเว็บไชต์ที่มเว็บเพจจ�ำนวนมำกควรจะจัดท�ำแผนผังของเว็บไซต์
ู
ู
็
ี
็
ู
ิ
HTML ควำมร้ด้ำนกรำฟก ควำมร้ด้ำนกำรออกแบบ ควำมร้ด้ำนศิลปะและสี เพ่อท�ำให้เว็บไซค์ดู 1.3.3 กำรเชื่อมโยง link ครจัดอยู่ในรปแบที่เปนมำตรฐำนทั่วไป กำรเชื่อมโยงมำกและ
ู
ู
ื
ู
็
่
เหมำะสมสวยงำมและมเอกลักษณ์ที่ท�ำให้นำสนใจ กระจัดกระจำยอยู่ทั่วไปอำจก่อให้เกดควำมสับสนค�ำที่ใช้ส�ำหรับกำรเชื่อมโยงจะต้องเข้ำใจงำยมีควำม
ี
ิ
่
ิ
1.1 กำรก�ำหนดขนำดเว็บเพจ ในปจจุบันเว็บไซต์นอกจำกจะสำมำรถเรียกดูได้ทำงคอมพวเตอร์ ชัดเจนและไม่สันจนเกนไปนอกจำกนในเเต่ละเว็บเพจที่สร้ำงขนมำควรมจุดเชื่อมโยงกลับมำยังหน้ำ
ั
้
ึ
้
ิ
้
ี
ี
ื
็
็
แล้วอปกรณ์อื่นๆ เช่น แท็บเลต โทรศัพท์มอถอทีเปนแบบ Smart Phone กสำมำรถเรียกดูใต้เช่นกัน แรกของเว็บไซต์ที่ก�ำลังใช้งำนอยู่ด้วยทั้งนเผื่อว่ำผู้ใช้เกดหลงทำงและไม่ทรำบว่ำจะท�ำอย่ำงไรต่อไป จะ
็
ื
ุ
ี
ิ
้
ุ
ซึ่งขนำดหน้ำจอที่แตกต่ำงกันไปตำมอปกรณ์นั้น ได้มหนทำงกลับมำสู่จุดเริ่มตันใหม่
ี
1.1.1 เว็บเพอขนำด 800x 600 pixels เปนขนำดที่สำมำรถใช้โดยกับหน้ำจอทุกขนำดใน 1.3.4 ควำมเหมำะสมในหน้ำจอ เนอหำที่น�ำเสนอในแต่ละหน้ำจอควรสั้น กระชับ และทัน
็
้
ื
ั
ปจจุบันและเปนขนำดของกำรออกแบบเว็บไชต์ที่ใช้ในอดีต เน่องจำกอดีตขนำดของจอคอมพวเตอร์ม ี สมัย หลีกเลี่ยงกำรใช้หน้ำจอที่มลักษณะกำรเลื่อนขนลง Saollang) แต่ถ้ำจ�ำเปนต้องมควรจะให้ข้อมล
็
ิ
ื
ี
็
้
ึ
ี
ู
็
ขนำดเลกและควำมละเอียดของจอกยังไม่มำกเท่ำทุกวันน ้ ี ที่มีควำมส�ำคัญอยู่บริเวณด้ำนบนสดของหน้ำจอหลีกเสี่ยงกำรใช้กรำฟกด้ำนบนของหน้ำจอเพรำะถง
็
ึ
ิ
ุ
1.1.2 เว็บเพจขนำด J026x 768 pixes เปนขนำดที่นยมในปจจุบัน เพรำะผู้ใช้นยมใช้ แม้จะดูสวยงำมแต่จะท�ำให้ผู้ใช้เสียเวลำในกำรได้รับข้อมลที่ต้องกำร
็
ิ
ั
ิ
ู
ื
ึ
จอคอมพวเตอร์ขนำดใหญ่ขนเน่องมำจำกรำคำจอคอมพวเตอร์ที่ถูกลง ส�ำหรับผู้ที่ใช้ควำมละเอียด 1.3.5 กำรใช้รปภำพเพ่อเปนพนหลัง (Badground) ไม่ควรเน้นสีสันที่ฉูดฉำดมำกนัก เพรำะ
้
ิ
ิ
ู
ื
้
ื
็
ี
ิ
้
หน้ำจอด�ำกว่ำนเว็บไชค์จอและท�ำให้เกดแกบสกรอสบำร์12 กำรออกแบบเว็บไซด์ ส่วนใหญ่จะมองดู อำจจะไปลดควำมเด่นชัดของเนอหำลง ควรใช้ภำพที่มสีอ่อนๆ ไม่สว่ำงจนเกนไป ส่วนกำรใช้เทคนค
ี
ิ
ิ
้
ื
่
้
ี
้
็
ื
ี
องค์ประกอบขององค์กร หนวยงำน หรือเนอหำที่น�ำเสนอเปนหลัก โดยมหลักกำรออกแบบดังน ต่ำงๆเช่น ภำพเคลื่อนไหวหรือตัวอักษวิ่ง (Maqure) ซึ่งอำจจะเกดกำรรบกวนกำรอ่ำนได้ ควรใช้เฉพำะ
ิ
ื
้
่
1.2 กำรออกแบบเว็บไซต์ ส่วนใหญ่จะมองดูองค์ประกอบขององค์กร หนวยงำน หรือเนอหำที่น�ำเสนอ ที่จ�ำเปนจริงๆ เท่ำนั้น
็
เปนหลัก 1.3.6 ควำมรวดเรว เปนสิ่งส�ำคัญส�ำหรับผู้ใช้ ซึ่งผู้ใช้อำจจะเกดอำกำรเบ่อหนำยและหมด
็
็
ื
ิ
็
่
ี
1.2.1 กำรออกแบบหน้ำจอของเว็บไซต์ มอยู่ 3 แบบ คือกำรออกแบบเว็บไต์ที่ท�ำกำรน�ำเสนอ ควำมสนใจเว็บที่ใช้เวลำในกำรแสดงนำน สำเหตุส�ำคัญที่จะท�ำให้กำรแสดงผลนำน คือ กำรใช้ภำพ
ื
้
ื
็
เนอหำ เปนกำรออกแบบเว็บไชต์ที่เน้นกำรน�ำเสนอเนอหำมำกกว่ำรปภำพ โดยโครงสร้ำงใช้รปแบบ กรำฟกหรือภำพเคลื่อนไหวที่ขนำดใหญ่เเละมมำกเกนไป
้
ู
ู
ี
ิ
ิ
ื
้
ู
็
็
ตำรำงเปนหลัก มกำรออกแบบหน้ำตำรปแบบง่ำยเช่น มเมนสำรบัญและเนอหำ เปนต้น กำรออกแบบ 1.4 กำรออกแบบโครงสร้ำงเว็บไชด์ คือ กำรวำงแผนกำรจัดล�ำดับเนอหำสำระของเว็บไซด์ออก
ี
ี
ุ
้
ื
ิ
เว็บไชต์ที่เน้นภำพกรำฟก เปนกำรออกแบบเว็บไชต์ที่เน้นภำพกรำฟกที่สวยงำม ซึ่งอำจจะใช้โปรแกรม เปนหมวดหม่ เพ่อจัดท�ำเปนโครงสร้ำงในกำรจัดวำงหน้ำเว็บเพจทั้งหมดท�ำให้ผู้เข้ำเยี่ยมชมสำมำรถ
็
ิ
ื
ู
็
็
Photoshop ส�ำหรับกำรตกแต่งภำพ ข้อดี สวยงำม ค้นหำข้อมลในเว็บเพจได้อย่ำงเปนระบบ ซึ่งถอว่ำเปนชั้นตอนที่ส�ำคัญของกำรออกแบบโครงสร้ำงหรือ
ื
ู
็
็
็
ู
่
ี
จัดระเบยบของข้อมลที่ชัดเจน แยกย่อยเนอหำออกเปนส่วนต่ำงๆ ที่มควำมสัมพันธ์กันจะช่วยให้นำใช้
ื
ี
้
งำนและง่ำยต่อกำรเข้ำใช้งำนเว็บไซต์
12 13