Sponsored Ads


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

 

วิธีสร้าง
1. สร้างไฟล์ชื่อ sprymenu.php แล้วดับเบิ้ลคลิกเปิดไฟล์
2. แทรกโลโก้เข้ามา แล้วกด Enter ลงบรรทัดใหม่
3. คลิก Layout
4. คลิก Spry Menu Bar
5. คลิกเลือกลักษณะของ Spry Menu Bar มี 2 แบบ แนวนอนและแนวตั้ง
6. คลิกปุ่ม OK
7. ผลที่ได้
8. แก้ไขข้อความตามตัวอย่าง

 

9. เสร็จแล้วคลิกที่ชื่อของ Spry Menu
10. คลิกแผนที่ ที่เป็นข้อมูลสุดท้าย
11. คลิกปุ่ม + เพื่อเพิ่มหัวข้อ

12. พิมพ์เพิ่ม ติดต่อเรา
13. เสร็จแล้วคลิกชื่อของ Spry Menu การแก้ไขต้องคลิกชื่อใน Properties จึงจะปรากฏตัวเลือก ให้ปรับแต่งค่าของ Spry Menu
14. คลิก เกี่ยวกับเรา จะมีเมนูย่อย 3 เมนู
15. คลิกเลือก
16. คลิกปุ่ม - เพื่อลบออกทั้งหมด

 

17. คลิกที่ อัลบัมภาพ
18. คลิก + เพิ่มเข้ามา 2 หัวข้อ
19. แก้ไขชื่อได้ตามต้องการ

20. การสร้างการเชื่อมโยงระหว่างหัวข้อกับเว็บเพจใดๆ ให้คลิกชื่อหัวข้อ เช่น ทุ่งทานตะวัน
21. คลิกปุ่ม Browse ไปเลือกไฟล์
22. คลิกเลือกไฟล์เช่น album.php
23. คลิกปุ่ม OK
24. ช่อง Target คลิกและพิมพ์ _blank
25. ในการแก้ไขส่วนต่างๆ ของ Spry Menu Bar ให้แก้ไขที่ CSS Style

 

26. ตัวอย่างผลงานที่ได้