Webmaster Platformu
 
AnasayfaAnasayfa  TakvimTakvim  GaleriGaleri  SSSSSS  AramaArama  Üye ListesiÜye Listesi  Kullanıcı GruplarıKullanıcı Grupları  Kayıt OlKayıt Ol  Giriş yap  

Paylaş | 
 

 DreamWeaverde sekmeli menu Yapımı

Aşağa gitmek 
YazarMesaj
By-WolpHiN
Admin
Admin
By-WolpHiN

Erkek
Mesaj Sayısı : 48
Yaş : 24
Nerden : Babama Sor ?
Lakap : By-LegenD
Ruh Hali :
Kayıt tarihi : 01/03/09

MesajKonu: DreamWeaverde sekmeli menu Yapımı   Ptsi Mart 02, 2009 3:35 pm

Bu tip uygulumlar genellikle gelişmiş web sitelerinde birden fazla kategorilere göre link vermek bilgi vermek gibi Konularda çokça işimize yaramakta.Bunun en canlı örneğini sanal kurs.net ana sayfada Son Eklenen Dersler, En Çok Okunanlar, En Çok Yorumlananlar adlı bölümde görmek mümkün.Bizde dersimizde farklı bir web sitesi için En Son Kayıt olan Mezunlar, En Son Kayıt olan Kullanıcılar ve Ziyaretçi Defterinden son Mesajlar diye bir tab panel oluşturacağız.

Tab Panel uygulaması Dreamweaver üst menü de Spry sekmesinde bulunmaktadır.



Buradan Spry Tab Panel'e tıkladığımızda Tab Panelimiz otomatik olarak web sayfamızda istediğimiz yere yerleşecektir.



İlk eklediğimizde tab panel otomatik olarak seçili olacaktır. Seçili olduğunda Properties panelinde tablar arasında geçiş yapabilir. Varsayılan Paneli değiştirebilir. Paneldeki tab sayısını artırabilir yada azaltabilir, tabların sırasını değiştirebiliriz. Tablar arasında geçiş yapmak için sayfa üzerinde tabın sağ kısmının üzerien fareyi getirdiğimizde bir göz simgesi çıkıcaktır. Bu göze tıkladığımızda o tab ve içeriği değiştirilebilir duruma gelir. Properties panelinden Panels kısmında bulunan artı işaretine tıkladığınızda tab sayısının arttığını göreceksiniz.



Gelelim tabların isimlerini ve içeriklerini değiştirmeye. Mesela Tab 1 i değiştirelim. Bunun için Panel seçili durumda iken Properties panelinden Tab 1 i seçiyoruz. Hangi tab ı seçersek sayfada o tab ın başlığı ve içeriği değiştirilebilir durumda olacaktır.



Aynı şekilde Properties Panelinden diğer tabları seçerek, başlık ve içeriklerini değiştirelim ve kaydedelim. Sayfayı kaydederken gerekli css ve js dosyalarının oluşturulup kaydedildiğini gösteren bir uyarı ile karşılaşırız. Ok diyerek bunlarıda kaydediyoruz ve sayfamızı hotsumuza atarken bu dosyaları unutmuyoruz. Yoksa tab panelimiz çalışmaz. Tab panelin css kodlarına müdahale ederek görselliği zenginleştirebilir ve istediğimiz görünüme sokarız. İşte Panelimizin son hali:




Umarım iŞİNİZE Yarar
NeT-Uzman aNLATIMlARI

_________________
www.net-uzman.tr.gg Net'in WebmasTerla Uzmanlaştığı Alan
Sayfa başına dön Aşağa gitmek
Kullanıcı profilini gör
 
DreamWeaverde sekmeli menu Yapımı
Sayfa başına dön 
1 sayfadaki 1 sayfası
 Similar topics
-
» Şerit Menü

Bu forumun müsaadesi var:Bu forumdaki mesajlara cevap veremezsiniz
Web'in Masteri.. :: Grafik Tasarım :: Dreamweaver-
Buraya geçin: