More Related Content Similar to Navigation (20) More from Meaw Sukee (20) Navigation2. ความสําคัญของระบบเนวิเกชันความสาคญของระบบเนวเกชน
ออ โ งส งขอ ที่ ี ใ ใ ข ึงขอ ไ ง ขึ้การออกแบบโครงสรางขอมูลทดชวยใหผูใชเขาถงขอมูลไดงายขน
ชวยใหผูใชทองเว็บไดวอยางคลองตัวโดยไมหลงทาง
ผูใชรูสึกสบายขณะที่กําลังทองไปในเว็บ โดยสามารถรูไดวาตัวเอง
กําลังอยที่ไหน ไดผานที่ใดมาบาง และควรไปทางไหนตอกาลงอยูทไหน ไดผานทใดมาบาง แล ควรไปทางไหนตอ
การเขาถึงขอมูลอยางสะดวกเปนหัวใจสําคัญของระบบเนวิเกชัน
3. คณสมบัติการนําทางของบราวเซอรคุณสมบตการนาทางของบราว ซอร
ระบบเนวิเกชันพื้นฐานที่มีมากับเบราเซอรโดยทั่วไป ไดแกฐ
Open URL เปนชองวางไวสําหรับใหผูใชพิมพที่อยูของเว็บไซตที่ตองการ
Back ไปหนาที่เคยดมากอนแลวBa k หน ท คยดูม กอน ลว
Forward ไปหนาที่เคยดูมาแลวถัดจากนี้ไป
History แสดงรายชื่อเว็บไซตที่เคยเขาไปดมายอนหลัง ตามระยะเวลาHistory แสดงรายชอเวบไซตทเคยเขาไปดูมายอนหลง ตามระยะเวลา
ที่กําหนด
Bookmark ทําใหบราวเซอรจดจําที่อยของเว็บไซตชวยใหกลับมายังหนาBookmark ทาใหบราวเซอรจดจาทอยูของเวบไซตชวยใหกลบมายงหนา
เดิมไดสะดวก
Status Bar แถบสถานะ แสดงรายละเอียดของ URL ที่ดานลางของtatu Bar ถบ ถ น ด ร ยล อยดขอ RL ทด นล ขอ
หนาตางบราวเซอร เมื่อผูใชวางเมาสเหนือลิงคตาง ๆ
4. รปแบบของระบบเนวิเกชันรูปแบบของระบบเนวเกชน
1 ระบบเนวิเกชันแบบลําดับชั้น (Hierarchical) เปนพื้นฐานที่1. ระบบเนวเกชนแบบลาดบชน (Hierarchical) เปนพนฐานท
ผูคนมักใชกันในเว็บไซต คือจากหนาหลักไปยังหนายอยถัดลงไป
ื ั ึ้หรือยอนกลับขึนมา
2. ระบบเนวิเกชันแบบโกลบอล (Global) เปนระบบที่ชวยเสริม
ขอจํากัดของระบบเนวิเกชันแบบลําดับชั้น ทําใหเคลื่อนที่ไดทั้ง
แนวตั้งและแนวนอน ซึ่งแบบโกลบอล จะมีอยูดานบนของทุกๆู ุ ๆ
หนา สวนดานลางนั้นจะมีหรือไมมีก็ไดขึ้นอยูกับความยาว และ
ความเหมาะสมความเหมาะสม
5. รปแบบของระบบเนวิเกชัน
3 ระบบเนวิเกชันแบบโลคอล (Local) มีความซับซอนมาก
รูปแบบของระบบเนวเกชน
3. ระบบเนวเกชนแบบโลคอล (Local) มความซบซอนมาก
นอกจากใชระบบแบบโกบอล ตองใชระบบแบบโลคอล หรือแบบ
ั ื้ ี่ ใ เฉพาะสวนมาชวย เชน หัวขอยอยของเนือหาทีอยูภายในสวน
หลักๆ ของเว็บไซต
4. ระบบเนวิเกชันเฉพาะที่ (Ad Hoc) เปนระบบเนวิเกชันแบบ
เฉพาะที่ตามความจําเปนของเนื้อหา ก็คือลิงคของคําหรือ
ขอความที่นาสนใจซึ่งฝงอยูในประโยค ที่เชื่อมโยงเกี่ยวกับคํา
นั้นๆนนๆ
6. ป ิ ั ัองคประกอบของระบบเนวิเกชันหลัก
เนวิเกชันบาร
เนวิเกชันระบบเฟรม
Pull - Down Menu
Pop - Up Menu
Image Map
Search Box
7. ิ ั ( i i )เนวิเกชันบาร (Navigation Bar)
ิ ั ื้ ี่ ํ ํ ั ็ ไ เปนระบบเนวิเกชันพืนฐานทีจําเปนสําหรับการออกแบบเว็บไซต
ประกอบดวยกลุมของลิงคตางๆ ที่อยูรวมกันในบริเวณใดบริเวณ
หนึ่งของหนาเว็บ เปนตัวหนังสือหรือกราฟก
8. ิ ั ฟ ( d)เนวเกชนระบบเฟรม (Frame-Based)
ทําใหสามารถแสดงเว็บหลายๆ หนาไวในหนาตางเดียวกันไดทาใหสามารถแสดงเวบหลายๆ หนาไวในหนาตางเดยวกนได
การลิงคของเฟรมสามารถควบคุมการแสดงผลของขอมูลอีกเฟรม
ึ่ ไ ั ั้ ิ ั ป ี่ ึ ใ หนึงได ดังนัน เนวิเกชันบารจะปรากกฎอยูคงทีเสมอ ถึงแมผูใช
จะเลื่อนดูขอมูลใดๆ
9. Pull- Down MenuPull Down Menu
มีรายการใหผใชเลือกใชมากมาย ลักษณะการใชงาน คือ เมื่อมรายการใหผูใชเลอกใชมากมาย ลกษณะการใชงาน คอ เมอ
นําเมาสไปคลิกที่ปุม จะมีรายการใหเลือกใชตามที่ผูใชตองการ
ป ั ื้ ี่ ็ ไ ประหยัดเนือทีเว็บไซต
10. Pop –Up MenuPop Up Menu
ึ้คลาย pull-down menu แตรายการของเมนูจะปรากฎขึนเอง
เมื่อผูใชนําเมาสไปวางเหนือตําแหนงของรายการในเมนูหลัก
โดยใชภาษาจาวาสคริปต
11. Image MapImage Map
ิ ใ ื ฟ ั ิ ฟ ใ เปนเทคนิคการใชรูปภาพหรือกราฟกเปนตัวลิงค รูปกราฟกควรใส
คําอธิบายในสวนของ ALT (Alterative Text) แตไมควรใช Image
ป ั ิ ี ี ใ ไ ป ฟMap เปนตัวลิงคเพียงอยางเดียวเพราะผูใชบางคนไมทราบวารูปกราฟก
นั้นสามารถลิงคไปยังสวนอื่นๆได
12. Search BoxSearch Box
ป สื ใ ็ ไ ที่ ีป โ อ ง สํ ัเปนระบบสบคนภายในเวบไซต ทมประโยชนอยางมากสาหรบ
สําหรับสืบคนขอมูลที่มีปริมาณมาก
14. ระบบสารบัญ (Table of Contents)ระบบสารบญ (Table of Contents)
ง ื้อ ออ ป ั ขอ ั ส ั ของ ังสือจะแบงเนอหาออกเปนหวขอคลายกบสารบญของหนงสอ
เหมาะกับเว็บไซตที่มีขนาดใหญ และจัดขอมูลอยางเปนระบบ
15. ระบบดัชนี (Index System)ระบบดชน (Index System)
ือ ั ั ีใ ังสือ ือ ํ อ ํ ือขอเหมอนกบดชนในหนงสอ คอ จะนาเอาคาหรอขอความ
เรียงลําดับตามตัวอักษร เหมาะกับเว็บไซตที่มีขอมูลปริมาณมาก
่ ่ ่ และผูใชรูถึงชื่อของสิ่งที่ตองการคนหาอยูแลว
16. แผนที่เว็บไซต (Site Map)แผนทเวบไซต (Site Map)
ส งโ งส งขอ ใ ็ ไ ฟ ื่อ ิ่การแสดงโครงสรางขอมูลในเวบไซตแบบกราฟก เพอเพมความ
สวยงาม และสื่อความหมายของเนื้อหาที่มากกวาตัวอักษร
17. ไกดทัวร (Guided Tour)ไกดทวร (Guided Tour)
ป ํ ส อสํ ั ใ ที่ไ ข ็ ไ ั้ ื่อ ํเปนการนาเสนอสาหรบผูใชทไมเคยเขาเวบไซตนน เพอแนะนา
เว็บไซต หรือจูงใจใหผูใชเปนสมาชิก ประกอบดวยตัวอยาง
้ ่ ่ หนาจอหลายๆ แบบพรอมทั้งอธิบายสิ่งที่เปนประโยชน
20. สรางระบบเนวิเกชันเสริมสรางระบบเนวเกชนเสรม
ใ ิ ั ของโ งส งขอ ือ ใ ใหพจารณาตามลกษณะของโครงสรางขอมูล แลวเลอกให
เหมาะสม เชน ถาแบงเปนลําดับชั้นที่ชัดเจน ก็เลือกใชสารบัญ
ถาขอมูลกระจัดกระจายไมเปนระบบ ควรพิจารณาใชระบบดัชนี
เปนตน
25. สรางสิ่งแวดลอมที่สื่อความหมาย
แสดงชื่อองคกรและที่อยูของเว็บไซตไวในทุกหนาเว็บเพจ เพื่อใหผูใชรูวา
่ ็ ้ ็ตนเองกําลังอยูที่เว็บใด ถึงแมในบางครั้งผูใชเขามาสูเว็บเพจยอยโดยตรงโดย
ไมผานหนาโฮมเพจ สามารถทําใหรูไดวากําลังอยูในเว็บใด
แสดงถึงโครงสรางของลําดับชั้นขอมูลอยางชัดเจนและสม่ําเสมอ ทางเลือก
ในระบบเนวิเกชันนั้น ควรจะสื่อถึงโครงสรางขอมูลหลักภายในเว็บไซต โดยมี
รูปแบบและลักษณะอยางสม่ําเสมอตลอดทั่วทั้งไซต
แสดงตําแหนงปจจุบันใหผูใชรู ดวยการทําใหไฮไลทตําแหนงปจจุบันใหุ ู ู ุ
แตกตางจากสวนอื่น
ใชสีของลิงคใหเหมาะสม โดยใชสีของลิงคที่แตกตางกันระหวางลิงคที่คลิกด ว
แลวและยังไมไดคลิก