Behaviors Effect

Behaviors effect
Behaviors Effect :behaviors Effect :behaviors Effect :

Dreamweaver CS3 yeniliklerinden birisi olan Spry Effects ile web sayfalarında kullandığınız nesnelere hareket katabilir ve farklı effectler uygulayabilirsiniz. Davranışlar paneli ( Window > Behaviors ) ile ekleyebileceğiniz effectler ile neler yapabileceğiniz aşağıda listelenmiştir…

Appear/Fade: Nesnelerin görünürlüğünü hareketli bir şekilde değiştirebilirsiniz…

Apeerad: resim yokken var hale getiriyo

Fade :resim varken kaybediyo


Behaviors Effect :behaviors Effect :behaviors Effect :

Blind: Nesnelerin bir perde gibi açılıp kapanmasını sağlayabilirsiniz…

Behaviors Effect :behaviors Effect :behaviors Effect :

Örnek: İlk önce bir Draw ap div oluşturunuz içine arkaplan resmi olarak bir perde bulunuz ve daha sonra <body> tagını seçiniz ve İnsert Tag paletinden Bahaviorsa geçin ve oradaki (+) işaretinden Effect seçeneğini seçin ve yanda bir menü daha açılıcaktır ordan

Behaviors Effect :behaviors Effect :behaviors Effect :

Blindi seçin sonra ekrana şu şekil bir görntü gelicektir.

 Behaviors Effect :behaviors Effect :behaviors Effect :

Bu görüntüden soran Target Element yazan kısımı perdenin bulunduğu nesneyi yani Div1 i seçiniz.

Behaviors Effect :behaviors Effect :behaviors Effect :Behaviors Effect :behaviors Effect :behaviors Effect :

Grow/Shrink: Nesnelerin boyutlarını hareketli bir şekilde değiştirebilirsiniz…

Uygulamamızın boyutunu dışdan içe doğru ya da içten dışa doğru hareketlendirme ile efektlendirme yapabilrisiniz.

Shrink: Shrink Seçili ise nesnenin büyüme veya küçülme işlemi dışdan içe doğru olur Shirink Türkçe anlamı büzülme dir yani nesnyei içeriye doğru büzerek küçültür.
Behaviors Effect :behaviors Effect :behaviors Effect :

Örnek: İlk önce bir Draw ap div oluşturunuz içine arkaplan resmi olarak bir perde bulunuz ve daha sonra <body> tagını seçiniz ve İnsert Tag paletinden Bahaviorsa geçin ve oradaki (+) işaretinden Effect seçeneğini seçin ve yanda bir menü daha açılıcaktır ordan Grow/Shrink seçiniz

Behaviors Effect :behaviors Effect :behaviors Effect :

 

sonra ekrana şu şekil bir görntü gelicektir.

Behaviors Effect :behaviors Effect :behaviors Effect :

Bu görüntüden soran Target Element yazan kısımı perdenin bulunduğu nesneyi yani Div1 i seçiniz.

Behaviors Effect :behaviors Effect :behaviors Effect :Behaviors Effect :behaviors Effect :behaviors Effect :

Highlight: Nesnelerin arkaplan renklerini hareketli bir şekilde değiştirebilirsiniz…

Behaviors Effect :behaviors Effect :behaviors Effect :

Örnek1:

İlk önce sayfaya bir adet buton ekleyiniz id adınıda deneme deyiniz.

Behaviors Effect :behaviors Effect :behaviors Effect :

Daha sonra <body> Tagını seçiniz ve İnsert Tag paletinden Bahaviorsa geçin ve oradaki (+) işaretinden Effect seçeneğini seçin ve yanda bir menü daha açılıcaktır ordan Highligth seçiniz ve daha sonra aşağdıaki gibi bir pencere açılacaktr.

Behaviors Effect :behaviors Effect :behaviors Effect :

Bu pencereden butonun üzerine gelindiğinde  (hangi olay seçildiyse)  başlangış rengi hemen etkiye girerek butonun arka olan rengini değiştirir ve uyarlana zamaniçinde son renk olarka Color After Effect e geri döner

Behaviors Effect :behaviors Effect :behaviors Effect :
Behaviors Effect :behaviors Effect :behaviors Effect :

başlangıç rengi geçiş efekt rengi ve bitiş rengi ile efekt aşağdıaki gibidir.

Shake: Nesneleri sağa sola sallayabilirsiniz…

Behaviors Effect :behaviors Effect :behaviors Effect :

Bu Effect ile herhangi bir nesnein olaylara bağlı olarka hareket etmesini sağlayabilriz böylece nesne duruma bağlı olarak hareket eder

Slide: Nesneleri yukarı aşağı hareket ettirebilirsiniz…

Behaviors Effect :behaviors Effect :behaviors Effect :

Squish: Nesnelerin sol üst köşeye doğru ezilerek kaybolmasını sağlayabilirsiniz…

Bir Resim dosyasını gizlemek için daha çok kullanılan bu efekt bir nesenyi sol üst köşeye doğu hizlayarak küçültür.

Behaviors Effect :behaviors Effect :behaviors Effect :

Kaynak Samet ERDEM
Yorumunuzu Ekleyin


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