การสร้าง Jump Menu

Jump Menu เป็น Menu Pop-up ชนิดหนึ่งที่เป็นที่นิยม และนำมาใช้เป็นองค์ประกอบใน Webpage ซึ่งทำให้ผู้เข้าเยี่ยมชม Website ของเราสามารถเลือก link เพื่อไปหน้าต่างๆ ได้อย่างรวดเร็ว ทดลองใช้ Jump Menu ทางด้านขาว==>

วิธีการสร้าง Jump Menu

1. วางเคอร์เซอร์ไว้ในตำแหน่งที่ต้องการสร้าง Jump Menu

2. ไปที่ Insert Menu > Form Object > Jump Menu
     คุณสามารถเลือกคำสั่ง Jump Menu ได้จาก Object Tools Box ในหมวด Form

->->

Jump Menu Property จะปรากฎขึ้นดังรูป

3. ให้พิมพ์ข้อความในช่อง Text Field ซึ่งจะเป็นหัวข้อของ Jump Menu อันนี้ ในที่นี้ผมพิมพ์ว่า Dreamweaver Tutorials

4. เมื่อพิมพ์หัวข้อเสร็จแล้วให้คลิ๊กที่ช่องสี่เหลี่ยมหน้า Select First Item After URL Change ให้มีเครื่องหมายถูก (ถ้าคุณติ๊กถูกที่ช่อง Insert Go Button After Menu หมายความว่า คุณต้องการให้ใส่ปุ่ม Go ไว้หลัง Jump Menu ด้วย)

5. คลิ๊กที่ปุ่ม + (บนสด-ซ้าย) เพื่อใส่ข้อความที่พิมพ์ไว้ในข้อ 3 เข้าไปใน Jump Menu

6. ให้พิมพ์ข้อความ "ทำความรู้จักกับ Dreamweaver" ในช่อง Text Field คราวนี้ให้ใส่ Link โดยคลิ๊กที่ปุ่ม Browse (ตรงช่อง When Selected, Go To URL) แล้วเลือกหาไฟล์ HTML ที่จะมาเป็น Link

7. จากนั้นคลิ๊ที่ปุ่ม + เพื่อเพิ่มตัวเลือกนี้ไปไว้ใน Jump Menu

8. ในช่อง Text Field ให้พิมพ์ข้อความ "การทำ Dropdrown Menu" แล้ว Browse หาไฟล์ที่จะมาเป็น Link แล้วคลิ๊กที่ปุ่ม +

9. พิมพ์ตัวเลือกอื่นเพิ่มโดยเรียนแบบวิธีการในข้อ 8. ถ้าคุณยังมี Link อื่นอีก

10. เมื่อเพิ่มตัวเลือกจนครบแล้ว ให้กด OK โปรแกรม Dreamweaver จะใส่ Jump Menu ลงในหน้า webpage ของคุณ

11. Save แล้วลอง Test ใน Browser