Adobe Dreamweaver CS3 ile gelen yeniliklerden biri de Spry Vidgetları. Spry videgetları Ajax tabanlı olmaları ve CSS desdeği almaları sebebi ile e tarayıcının hafızasında kalıyor ve bir daha çağırılmadan sunucuya hemen cevap verebiliyor. Bu dersimizde Spry vidgetlarından biri olan Spry Menü Bar özelliğini kullanarak bir tab menü oluşturacağız.

Spry paneli Dreamweaver anamenüsünde yer almaktadır.Buradan Spry paneline tıklıyoruz.



Buradan bir tab menü oluşturmak üzere Spry Menü Bar Seçeneğini seçiyoruz.



Karşımıza tab menünün yatay yada dikey mi olacağını soran bir mesaj gelecektir. Ben burada dikey (vertical) seçeneğini tılıyor ve ok butonuna basıyorum.



Dreamweaver otomatik olarak tab menüyü sayafada istediğimiz yere yerleştirecek ve tab menü, seçili halde olacaktır. Eğer seçili halde değilse tab menü içerisin tılayın ve sayfanın altındaki etiketi kullanarark tab menüyü seçili hale getirin. Properties paneli tab mneünün özelliklerini içerecektir.



Dreamweaver varsayılan olarak tab menüye bir isim verecektir. Bu ismi buradan değiştirebilir. Menü ekleyip silebilir, altmenü ekleyip silebilir ve menülerin yığılma sırsını değiştirebilirsiniz. Item 1 e tıkladığınızda bu menüye ait alt menüler sağ tarafta sıralanacaktır. Bunları silebilir diğer menülere alt menüler ekleyebilirsiniz.

Bu panelin yine hemen sağında bulunan entegreler sayesinde menünün adını, linkini, sayfanın nasıl açılacağını ve maus ile üzerine gelince çıkacak yazıyı buradan girebilir ve değiştirebiliriz.



Diğer sekmeleride ayarladıktan sonra F12 ye basınız.



Görüldüğü gibi tab menümüz hazırdır. Eğer bu menünün arkaplan renklerini yazı renklerini ve stillerini ve menünün diğer bütün stillerine ve boyutlarına CSS panelinden anına da müdahale edebilirsiniz.

Kolay gelsin.