อย่างแรกก็เปิดงานที่ต้องการสร้างขึ้นมาครับ หรือจะเริ่มจากเอกสารเปล่าๆ html ก็ได้
จาหนั้นก็ไปที่ TAB Spry แล้วเลือกที่ Spry Menu Bar ก็จะขึ้น บล๊อกตามรูปครับ
แล้วก็เลือกเอาครับว่าจะเอาแบบใหน อย่างที่ผมเลือกก็จะเป็น pop up แบบแรก แนวนอน ครับ
จะมี 2 แบบนะครับ คือ แบบแนวนอน (Horizontal) หรือแนวตั้ง (Vertical) แล้วก็คลิก OK
เราก็จะได้pop up menu ตามภาพครับ การใช้ก็ไม่ยากเลย ดูตามรูปน่าจะเข้าใจครับ
หาเราต้องการเพิ่มเมนู ก็คลิกที่เครื่องหมาย + หรือ - เมื่อต้องการลบเมนูออก
หรือถ้าต้องการจะเปี่ยนชื่อเมนู ก็ทำได้ ให้ไปที่ ช่อง Text เลยครับ
ถ้าต้องการใส่ลิ๊งค์ให้กับ เมนูของเรา ก็คลิกเลือก ไฟล์ที่เราจะทำการลิ๊งค์ไป ตรงรูป folder ครับ
การจัดการกับเมนูย่อยในช่องที่สองก็เช่นเดียวกันครับ
หากเราต้องการแก้ไขปรับแต่ง รูปร่างหน้าตาเมนูของเราก็ต้องไปเลือกที่ CSS Panel คลิกเลือก SpryMenuBarHorizotal.css ครับ ตรงนี้สมารถแก้ไขได้ทุกอย่างเลย ไม่ว่าจะเป็น สีสัน ขนาด
สุดท้ายก็ทำการเซฟไฟล์ แต่ในการใช้งานจริงนั้นเราจะต้อง upload folder ที่ชื่อ SpryAssets ขึ้นไปด้วยนะครับ ไม่งั้นมันไม่ทำงาน
เท่านี้ก็เรียบร้อยแล้วครับ เป็นขั้นตอนที่ง่ายๆ ครับเพราะตัวโปรแกรมได้เตรียมให้เราไว้หมดแล้ว ที่สำคัญใช้งานได้ง่ายมากครับลองดู