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

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