ระบบNavigationที่ใช้ลิงค์ไปยังส่วนหลักๆ ของเว็บไซต์
ซึ่งจะมาช่วยเสริมข้อจำกัดของแบบลำดับชั้นทำให้สามารถ
เคลื่อนที่ได้ทั้งแนวตั้งและแนวนอนได้อย่างมีประสิทธิภาพ วันนี้นักเรียนจะได้เรียนรู้
วิธีการใส่ Navigation เชื่อมโยงหน้าเว็บกัน มาเริ่มกันเลยดีกว่า
1.ให้นักเรียนบล็อกเปิดบล็อกเกอร์ของตนเองขึ้นมา
จากนั้นให้เข้าไปหน้า แดชบอร์ด คลิ๊กเลือก “รูปแบบ” ต่อมาให้คลิ๊ก “เพิ่ม Gadget” ดังตัวอย่างภาพด้านล่าง
2.จะปรากฏหน้าต่างขึ้นมาใหม่
ซึ้งจะมี Gadget ให้นักเรียนสามารถเลือกเพิ่มเข้าไปได้มากมาย แต่ในที่นี้เราจะเพิ่ม ส่วนของ หน้าเว็บ ก่อน
เพราะเราจะสร้างส่วนที่เรียกว่า Navigation Bar กัน
ดังภาพด้านล่าง แล้วคลิ๊กที่ สัญลักษณ์ บวก
3.เมื่อนักเรียนคลิ๊ก เพิ่ม Gadget
ในส่วนของ หน้าเว็บแล้ว ก็จะแสดงรายการหน้าเว็บต่างๆ ที่นักเรียนสร้างขึ้นมา
ให้นักเรียน ติ๊กในช่อง ChackBox ในส่วนของหน้าเว็บที่นักเรียนต้องการจะให้แสดง
เมื่อเลือกเสร็จแล้ว ให้นักเรียน คลิ๊ก “บันทึก” ดังภาพด้านล่าง
4.ต่อมา ในส่วนของหน้าเว็บที่นักเรียนทำ
ที่เรียกว่า Navigation ก็จะปรากฏขึ้นที่ Gadget ดังภาพ นักเรียนสามารถกลับมาแก้ไขใหม่ได้ จากนั้นให้นักเรียน คลิ๊ก “ดูบล็อก”
เพื่อที่จะทดสอบว่า รายการส่วนของ Navigation นั้นปรากฏหรือไม่
ให้นักเรียนทำตามตัวอย่างภาพได้เลยครับ
5.เมื่อคลิ๊ก “ดูบล็อก” เสร็จแล้วนั้น
ก็จะปรากฏหน้าต่างบล็อกของนักเรียน โดยให้นักเรียนดูส่วนของ Navigation ว่าปรากฏไหม ถ้าปรากฏ เหมือนดังภาพ แปลว่านักเรียน ทำถูกต้องแล้ว
6.เสร็จวิธีการสร้าง Navigation
Bar เชื่อมโยงหน้าเว็บ
ชั่วโมงต่อนักเรียนจะมาเรียนรู้วิธีการเพิ่มเมนูด้วยภาษา HTML กัน
ไม่มีความคิดเห็น:
แสดงความคิดเห็น