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

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

Ö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

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

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


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.

Ö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

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

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


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

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

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.

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


başlangıç rengi geçiş efekt rengi ve bitiş rengi ile efekt aşağdıaki gibidir.
Shake: Nesneleri sağa sola sallayabilirsiniz…

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…

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.

Kaynak Samet ERDEM