บทที่ 3 การออกแบบระบบเนวิเกชัน

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
การอบรมการใช้ศูนย์กำลังคนอาชีวศึกษา
Advertisements

บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
บทที่ 4 การออกแบบ User Interface
บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ
บทที่ 6 การใช้สีสำหรับเว็บไซต์
ส่วนประกอบของโปรแกรม Macromedia Dreamweaver 8
1 ข้อแนะนำในการสร้าง Web โครงการ โดย ดร. วรินทร์ สุวรรณวิสูตร อาจารย์ผู้ประสานงานวิชาโครงการ.
รายวิชา การเขียนเว็บไซต์
1 ข้อแนะนำในการสร้าง Web โครงการ ดร. วรินทร์ สุวรรณวิสูตร ( ไม่ยืนยันว่าครบถ้วนตามหลักวิชาการ )
1. ค้นหาหนังสือที่ต้องการจอง โดยพิมพ์ชื่อเรื่อง 2. คลิกไอคอน ค้นหา.
การประเมินคุณภาพสารสนเทศ
วิชาสื่อ ประสม ง แบบทดสอบกลางภาค
การพัฒนาเว็บ.
บทที่ 3 พื้นฐานการเขียนโปรแกรม Visual Basic
การเขียนขยายเค้าโครงเอกสารแต่ละบท ให้มีเนื้อหาสมบูรณ์
องค์ประกอบพื้นฐาน ของโปรแกรม Visual Basic
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
บทที่ 1. พื้นฐานความรู้ทั่วไป
ตัวอย่างขั้นตอนในการสืบค้นข้อมูล
ตัวอย่างขั้นตอนการนำเสนอ คำสั่งแต่งตั้งบุคลากรทำหน้าที่ตามโครงการผ่านระบบ Swis เมื่อหน่วยงานจะดำเนินงานในโครงการ ในโครงการนั้นต้องการให้มีการแต่งตั้งบุคลากรเข้าไปปฏิบัติหน้าที่ในกิจกรรมตามโครงการเพื่อให้โครงการดำเนินการไปได้อย่างมีประสิทธิภาพ.
ตัวอย่างขั้นตอนการนำเสนอ คำสั่งแต่งตั้งบุคลากรทำหน้าที่ตามโครงการผ่านระบบ Swis เมื่อหน่วยงานจะดำเนินงานในโครงการ ในโครงการนั้นต้องการให้มีการแต่งตั้งบุคลากรเข้าไปปฏิบัติหน้าที่ในกิจกรรมตามโครงการเพื่อให้โครงการดำเนินการไปได้อย่างมีประสิทธิภาพ.
1. แจ้งหน่วยงานให้ทราบวิธีการประเมินผลการปฏิบัติราชการ ครั้งที่ 1/2555
SCC : Suthida Chaichomchuen
การติดตั้งโปรแกรมเพื่อจัดการร้านค้าออนไลน์
การใช้งานโปรแกรม Microsoft Word
การพัฒนาเว็บเบื้องต้นด้วย Macromedia Dreamweaver
โปรแกรมกราฟิก illustrator cs3
แบบประเมินหลังเรียน แบบประเมินก่อนเรียน Part 5.
ชั้นมัธยมศึกษาตอนต้น
การออกแบบและพัฒนาเว็บไซต์
โปรแกรม DeskTopAuthor
แบบฝึกทักษะภาษาอังกฤษออนไลน์ เรื่อง Conditional Sentences
แบบฝึกทักษะภาษาอังกฤษออนไลน์ เรื่อง Conditional Sentences
พื้นฐานของ Microsoft Office Excel โดย
Charter 12 1 Chapter 12 อินเทอร์เน็ต Internet.
องค์ประกอบ ของการออกแบบเว็บไซท์ อย่างมีประสิทธิภาพ
โครงสร้างข้อมูลคืออะไร ?
การใช้งานเว็บคอนโทรลขั้นพื้นฐาน
การรับรองรายงานการประชุม ผ่านเว็บไซต์จังหวัดลพบุรี
รู้จักกับTimeline, Layer และ Scene รู้จักกับTimeline, Layer และ Scene
การใช้งานโปรแกรม Microsoft Power Point
บทที่ 3 การทำงานกับฟอร์ม (Form)
ศูนย์กำลังคนอาชีวศึกษา
เอกสารประกอบรายงานการประชุมข้าราชการ สำนักงานสรรพสามิตพื้นที่อุบลราชธานี ครั้งที่ 11/2556 เมื่อวันศุกร์ ที่ 29 พฤศจิกายน 2556 ณ ห้องประชุม หน้าห้องฝ่ายปราบปราม.
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
สำหนักคอมพิวเตอร์ มหาวิทยาลัยศรีนครินทรวิโรฒ.
การสร้างบทความใน Joomla
บทที่ 1 รู้จักกับการออกแบบเว็บ ไซท์. รู้จักกับการออกแบบเว็บไซท์ ความสำคัญของการออกแบบเว็บไซท์ สร้างความได้เปรียบเหนือคู่แข่ง การออกแบบเว็บไซท์ที่ดี ออกแบบให้ตรงกับเป้าหมายและลักษณะ.
การออกแบบส่วนติดต่อกับผู้ใช้ User Interface Design
อินเทอร์เน็ต.
Web browser.
เว็บเพจ (Web Page).
BC305 การวิเคราะห์และออกแบบระบบสารสนเทศ
บทที่ 6 การใช้งานฟอร์มและเมนู สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้ประโยชน์เพื่อการศึกษาเท่านั้น.
การค้นหาสารสนเทศบนอินเตอร์เน็ต
เรื่อง การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาการใช้โปรแกรมกราฟิก
….WETCOME…. TO HOMEPAGE.
ซอฟต์แวร์บริหารจัดการงานสำนักงานในกลุ่ม Open Source รุ่นใหม่ล่าสุดที่มีการปรับเปลี่ยน โฉมหน้า และการใช้งานให้คล้ายคลึงกับ ซอฟต์แวร์ออฟฟิศที่เป็นที่นิยม.
การเขียนบทโฆษณา และการผลิตภาพยนตร์โฆษณา
การสร้างความเชื่อมโยง (Link)
เริ่มใช้งาน Microsoft Office
หลักการออกแบบเว็บไซต์
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
บทที่ 5 การเขียนรายงานโครงงานคอมพิวเตอร์
หลักการและขั้นตอน การออกแบบเว็บไซต์
Evaluating e-learning systems using e-traceability systems นาย จีรวัฒน์ คำภิรา รหัสนิสิต
ความรู้เบื้องต้น เกี่ยวกับโปรแกรม
1 Introduction to Web Design Chapter 1. 2 ก้าวสู่ยุค อินเตอร์เน็ต.
ใบสำเนางานนำเสนอ:

บทที่ 3 การออกแบบระบบเนวิเกชัน บทที่ 3 การออกแบบระบบเนวิเกชัน สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น

คุณสมบัติการนำทางของบราวเซอร์ ระบบเนวิเกชันพื้นฐานที่มีมากับเบราเซอร์โดยทั่วไป ได้แก่ Open URL เป็นช่องว่างไว้สำหรับให้ผู้ใช้พิมพ์ที่อยู่ของเว็บไซต์ที่ต้องการ Back ไปหน้าที่เคยดูมาก่อนแล้ว Forward ไปหน้าที่เคยดูมาแล้วถัดจากนี้ไป History แสดงรายชื่อเว็บไซต์ที่เคยเข้าไปดูมาย้อนหลัง ตามระยะเวลาที่กำหนด Bookmark ทำให้บราวเซอร์จดจำที่อยู่ของเว็บไซต์ช่วยให้กลับมายังหน้าเดิมได้สะดวก Status Bar แถบสถานะ แสดงรายละเอียดของ URL ที่ด้านล่างของหน้าต่างบราวเซอร์ เมื่อผู้ใช้วางเมาส์เหนือลิงค์ต่าง ๆ นอกจากนี้แล้ว บราวเซอร์ยังแสดงสีของไฮเปอร์ลิงค์ที่แตกต่างกันด้วย โดยลิงค์ที่ผู้ใช้ยังไม่ได้ทำการคลิกจะมีสีน้ำเงิน ส่วนลิงค์ที่ผู้ใช้ทำการคลิกไปแล้วจะมีสีม่วง ลักษณะเหล่านี้จะช่วยทำให้ผู้ใช้รู้ว่าส่วนใดเข้าไปแล้วและส่วนใดยังไม่ได้เข้าไป แต่บางครั้งผู้ออกแบบก็ออกแบบให้เปลี่ยนแปลงไปจากมาตรฐานของระบบเนวิเกชัน ส่งผลให้ผู้ใช้เกิดความสับสน

องค์ประกอบของระบบเนวิเกชันหลัก เนวิเกชันบาร์ เนวิเกชันระบบเฟรม Pull - Down Menu Pop - Up Menu Image Map Search Box

องค์ประกอบของระบบเนวิเกชันเสริม ระบบสารบัญ ระบบดัชนี แผนที่เว็บไซต์ ไกด์ทัวร์ การออกแบบระบบเนวิเกชันของเว็บไซต์ สร้างระบบเนวิเกชันหลัก สร้างระบบเนวิเกชันเสริม เนวิเกชันแบบกราฟฟิกกับตัวอักษร เนวิเกชันกราฟฟิกพร้อมคำอธิบาย คำอธิบายของเนวิเกชัน พื้นฐานของระบบเนวิเกชัน

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

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