เห็นมีผู้สนใจสอบถามกันเข้ามามากในเรื่องของการทำ popup-menu ด้วย Dreamweaver ครั้งนี้จึงขอเขียนถึงเทคนิคนี้หน่อย ใครยังนึกว่า popup menu เป็นอย่างไรไม่ออก ก็ลองดูในตัวอย่าง link ข้างล่างนี้ได้ครับ >>>

Main Menu

ให้คุณสร้าง Link ขึ้นมาก่อนจากข้อความของคุณ เช่น HOME เป็นต้น จากนั้นให้คุณทำการ HighLight ข้อความที่เป็น link นั้น หรือถ้าไม่ต้องการให้จุดแรกของ popup menu นั้นเป็น link ให้เราทำการพิมพ์เครื่องหมาย ชาร์ป (#)  ลงไปที่ช่อง Link แทน

เมื่อทำการไฮไลท์แล้ว ให้คุณทำการเปิดหน้าต่าง Behaviors ขึ้นมา (โดยเข้าไปที่ menu bar -> window -> Behaviors) เมื่อหน้าต่าง Behaviors เปิดขึ้นมาแล้ว ให้คุณทำการ click ไปที่เครื่องหมายบวก (+) ของหน้าต่างนี้ แล้วให้เลือกไปที่เมนู Show Pop-up Menu (เมนูนี้จะใช้งานได้ก็ต่อเมื่อคุณสร้าง link แล้ว และได้ทำการไฮไลท์ข้อความที่เป็น link นั้นไว้) ตามรูป Pic.1

Pic.1

เมื่อคุณได้ทำการเลือกไปที่เมนู Show Pop-Up Menu นั้นแล้วก็จะเกิดหน้าต่างใหม่ขึ้นมาชื่อว่า Show Pop-Up Menu ตามรูป Pic.2 ครับ

 

 

 

 

 

 

 

 

 

 

 

 

Pic.2

ที่หน้าต่าง Show Pop-Up Menu นี้จะมี Tab อยู่ 4 แท็ปด้วยกัน
- Content ที่แท็ปนี้ไว้ใช้ในการเพิ่มรายชื่อเมนูพร้อมกับ link ที่เราต้อการ
- Appearance ที่แท็ปนี้ไว้ให้เราทำการปรับแต่ง Font และสีสันต่าง ๆ
- Advanced ที่แท็ปนี้ไว้ให้เราทำการปรับแต่งการหน่วงเวลาของการโชว์ป๊อปอัพ พร้อมทั้งสามารถกำหนดขนาดของ หน้าต่าง popup และสีสันของ Highligth อีกด้วย
- Position ที่แท็ปนี้ไว้ให้กำหนดตำแหน่งของ Popup ที่จะโชว์ออกมา ว่าจะให้มีการ Popup ในตำแหน่งใดแบบไหน

เมื่อคุณได้ทำการปรับแต่งแก้ไขจนเป็นที่พอใจแล้วจากนั้นก็ click ไปที่ OK เป็นอันเสร็จการทำ Pop-Up Menu ครับ ต่อไปให้เราตรวจเช็คที่หน้าต่าง Behaviors ว่ามีเมนูข้อความขึ้นมาดังรูป Pic.3 หรือไม่

Pic.3
ถ้าไม่มีข้อความปรากฏดังรูป หรือมีแต่ไม่ครบ 2 ข้อความดังรูปคุณอาจจะต้องทำการกำหนดค่าต่าง ๆ ใหม่อีกครั้ง หรือถ้ายังไม่แน่ใจให้ลองทำการ Preview ดูกับ Browser ว่าได้ผลดังที่ต้องการหรือไม่ครับ

 

 

 

.........................................................................................................................................................................
ps. สำหรับการแก้ไขให้ popup menu นี้สามารถใช้งานภาษาไทยได้ ให้เข้าไปอ่านในกระทู้ที่หน้า webboard นะครับ