Behaviors Drag Ap Elements Basic Ve Advanced Menüleri

Resimli anlatım
Behaviors Drap AP Elements Basic Bölümü

Adobe Dreamweaver CS3 web tasarım programımızı çalışırıyoruz. Sayfamız da divlerimizi oluşturarak çalışmamızda kullanacağımız image'ları divlerimizin içine yüklüyoruz.
Başlıksız İçerik______________________
Tag penceresinden Drap AP Element'e tıklıyoruz.
Başlıksız İçerik______________________
Önümüze gelen pencere
Başlıksız İçerik______________________
Oluşturduğumuz Drap AP Elementler. onLoad bölümüde mouse ve klavye olaylarını değiştirebiliriz.
Başlıksız İçerik______________________
Oluşturduğumuz div'lerin 'Z' sayılarını değiştirerek hangi div'in en üstte, en altta veya hangi kademede olacağını bu rakamları değiştirerek belirleyebiliriz.
Başlıksız İçerik______________________

Çalışmamızın Explorer'da görünümü 

Image parçalarını şeffaf olan image'nin üzerine yerleştireceğiz.
Başlıksız İçerik______________________
Mouse ile image'larımızı yerleştirdik. Resimde görüldüğü gibi image'ımızı resme tam oturtmadan bırakıyoruz ve bir alt resimde görüldüğü gibi image otomatik olarak resim üzerine yerleşecektir.
Başlıksız İçerik______________________

çalışmamızın sonucu:

Başlıksız İçerik______________________

Behaviors Drap AP Elements Advanced

Çalışmamız da kullanacağımız fonksiyonun görünümü
Behaviors Drap AP Elements Basic ve Advanced Menüleri
 
Tekrar Basic bölümünde uyguladığımız gibi aynı yolları izleyerek Drag AP Element penceresinden Advanced bölümüne geçiyoruz.

bu pencerede ise image belirlediğimiz alana girince sayfa beyaz, belirli alan dışında olunca sayfa gri renk olacağı anlamına gelir. Call JavaScript ile bu koşulumuzu çağırabiliyoruz. L-Left:50 px T-Top:50px aralığına image getirildiği zaman uygulamamız çalışacaktır.
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Div'imizin içine tekrar image'mızı yerleştirdik.

Behaviors Drap AP Elements Basic ve Advanced Menüleri

Çalışmamızın Görünümü

Sonuç:
Behaviors Drap AP Elements Basic ve Advanced Menüleri

Belirlediğimiz alana image'ın girmesi halinde uygulamamızın almış olduğu durum.

Behaviors Drap AP Elements Basic ve Advanced Menüleri

Gönderen: Ali İletir
Yorumunuzu Ekleyin


Yükleniyor...
Yükleniyor...