Konular

Behaviors Effects Menüsü

Behaviors effects menüsü
 Effects Menüsü:Bu bölümümüzde web sayfamızda resimlerimizin yada "DIV" elemanımızın içine eklediğimiz herşeyi hareketli efektler vermek için kullanırız

Behaviors Effects Menüsü

Appear/Fade:Resmimizin direk olarak yada yumuşatılarak koybolma efekti vermek için kullandığımız bir efektir. bu efektimizi yapmak için öncelikle bir "DIV" eklememiz gerekmektedir desing sayfamızın üst tool barında bulunan "Layout" sekmemizden ekleyebiliriz aşağıdaki resmimizde nerden yapıldığını gösteriyorum

Behaviors Effects Menüsü

Ve daha sonra "DIV"imizin içine bir resim ekliyoruz bunuda yine "Desing" sayfamızın "Common" sekmesinden "İmage" bölümünden ekliyoruz aşağıdaki gibi.

Behaviors Effects Menüsü

 Resmimizide ekledikten sonra "Desing " sayfamızın sağ tarafında bulunan "Behaviors" bölümden "Effects" sekmesinden "Appear/fade" tıklıyoruz

Behaviors Effects Menüsü

Ve daha sonra karşımıza "Appear/Fade" bölümümüzdeki ayarlar karşımıza çıkmaktadır burada kullancağımız efekti ve nasıl bir sekilde olcağını seçiiyoruz ve düzenliyoruz

Behaviors Effects Menüsü

şimdi ayarlarımızda yaptıktan sonra hazırladığımız efekt aşağıdaki gibi olacaktır

Fade örneğimiz:Mouse ile üstüne tıklıyoruz ve resmimiz ikinci resmimizdeki gibi seffaflaşarak kaybolmaktadır ve sonunda kaybolmaktadır resmimiz geri gelmemektedir üstüne tıklanmadığı sürece

Behaviors Effects Menüsü Behaviors Effects Menüsü

Apper örneğimiz:Mouse ile üstüne tıkladığımızda bu sefer seffaflaşarak değil resmimiz direk kaybolmaktadır ve burda ki tek farkısımız seffaflaşmak değil resmimize tıkladıktan sonra gidip tekrar geri gelmesidir ikinci resmimizdeki gibi birden kaybolup geri gelmektedir.

Behaviors Effects MenüsüBehaviors Effects Menüsü

Blind efecti:Web sayfamızdaki resimlere kaydırma efekti vermek için kullanırız genellikle
sayfamıza bu efekti eklemek için diğer efkte yaptığımız gibi sayfamıza bir "DIV" eklemek zorundayız aşağıdaki resimde olduğu gibi

Behaviors Effects Menüsü

Ve daha sonra eklediğimiz bu "DIV" içine bi resim eklemek zorundayız ki yaptığımız efekti görebilelim aşağıdaki gibi resim ekleye biliriz

Behaviors Effects Menüsü

resmimizde ekledikten sonra "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Blind" eektimizi seçelim

Behaviors Effects Menüsü

bu bölümde "Blind" efektimizle ilgili ayarlar bulunmaktadr ve bu ayarların ne olduğu haknda aşağıdaki resmimizde bilgi vermektedir

Behaviors Effects Menüsü


yukardaki gibi ayarlarımızı yaptıktan sonra resmimizin uygulamasını aşağıdaki resimde görmekteyiz

 Blind up örneğimiz: aşağıda görüldüğü gibi "Blindup" efektimiz resmimizi aşağıdan yukarı doğru kaydırmaktadır
Behaviors Effects MenüsüBehaviors Effects Menüsü

Blind down örneğimiz:
Bu efektimizde ise resmimiz "Blind up"ın tersine aşağı doğru kaymaktadır
Behaviors Effects Menüsü Behaviors Effects Menüsü

Grow/Shrink efekti:
resmimizin sanki küçltüpte kaybolma yada olan resmimizin kaybetip büyüyerek çıkartma efekti vermek için kullanırız
öncelikle bu efektimizi uygulamak için her efekte yaptığımız gibi sayfamaıza bir "DIV" eklemek zorundayız

Behaviors Effects Menüsü

ve daha sonra eklediğimiz "dıv"ın içine bir resim eklemeliyiz

Behaviors Effects Menüsü

resmimizde ekledikten sonra "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Grow/Shrink" efektimizi seçelim

Behaviors Effects Menüsü

bu bölümde "Grow/Shrink" efektimizle ilgili ayarlar bulunmaktadr ve bu ayarların ne olduğu haknda aşağıdaki resmimizde bilgi vermektedir

Behaviors Effects Menüsü

Bu ayarlar çerçevesinde uygulamamız aşağıdaki gibidir.

Grow örneğimiz:Bu efektimizde resmimiz önce kaybkolum tekradan büyüyerak geri gelmektedir yani mouse ile üstüne tıkladığımzda kaybolmakta sonra geri gelmektedir.

Behaviors Effects MenüsüBehaviors Effects Menüsü

Shrink örneğimiz:Bu efektimizde ise resmimiz üstüne tıklandığında kendini ufaltarak kaybolmaktadır
 
Behaviors Effects MenüsüBehaviors Effects Menüsü

Highlight efekti:B u efektimiz ise renk geçişli bir efektir belirlediğimiz renkten belirlediğimiz tenke doğru bir geçiş söz konusudur
yine sayfamıza bir "DIV" eklemek zorundayız

Behaviors Effects Menüsü

ve daha sonra eklediğimiz bu "DIV"in içine bir resim ekleyelim

Behaviors Effects Menüsü

bu işlemimizde yaptıktan sonra  "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Highlight" efektimizi seçelim

Behaviors Effects Menüsü

bu bölümde "Highlight" efektimizle ilgili ayarlar bulunmaktadr ve bu ayarların ne olduğu haknda aşağıdaki resmimizde bilgi vermektedir

Behaviors Effects Menüsü

Bu ayarlarımızı yaptıktan sonra uygulamamız aşağıdaki gibidir aşağıda görüldüğü gibi renk geçişimiz sıralı bir sekilde yeşilden mavi ye gitmektedir

Behaviors Effects MenüsüBehaviors Effects MenüsüBehaviors Effects Menüsü

Shake efekti:resmimizin üstüne tıkladığımızda resmimizi titretme efekti yada sallama efekti vermek için kullanırız
yine sayfamıza bir "DIV" eklemek zorundayız

Behaviors Effects Menüsü

ve daha sonra eklediğimiz bu "DIV"in içine bir resim ekleyelim

Behaviors Effects Menüsü

bu işlemimizde yaptıktan sonra  "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Shake" efektimizi seçelim

Behaviors Effects Menüsü

Ve daha sonra karşımıza "Shake" bölümümüzde yapacağımız fazla bir ayar gerekmemektedir sadece olayımızı gerçekleştireceğimiz nesneyi seçmemiz yeterli olacaktır

Behaviors Effects Menüsü

 uygulamamızda birinci resim daha sağ tarafa yakınken ikinci resmimiz sol tarafa daha yakın gözükmektedir burda size tam olarak olayı açaıklayamıyorum normalde resmimizin üstüne tıklandığında resmimiz sağ ve sola doğru hızlı hareket etmektedir.

Behaviors Effects Menüsü

Behaviors Effects Menüsü

Slide efekti:Nesnelerimiz yukarı aşağı doğru kaydırmamızı sağlar yanİ Blindup ve Blinddown ile aynı işlemi yapmaktadır
yine sayfamıza bir "DIV" eklemek zorundayız

Behaviors Effects Menüsü

ve daha sonra eklediğimiz bu "DIV"in içine bir resim ekleyelim

Behaviors Effects Menüsü

bu işlemimizde yaptıktan sonra  "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Slide" efektimizi seçelim

Behaviors Effects Menüsü

Ve daha sonra karşımıza "Slide" bölümümüzde yapacağımız fazla bir ayar gerekmemektedir sadece olayımızı gerçekleştireceğimiz nesneyi seçmemiz yeterli olacaktır

Behaviors Effects Menüsü

şimdi ayarlamalarımıza göre yaptığımız uygulama aşağıdaki gibidir

Slide up örneğimiz:resmimiz yukardan sabitlenerek yukarı doğru çıkmaktadır yani bir bayrak çekmek gibi düşüne biliriz
Behaviors Effects Menüsü Behaviors Effects Menüsü
Slide down örneğimiz:resmimiz yukarda sabitlenip aşağı doğru kaymaktadır yani bir bayrağı yukarıya bağlayıp aşağıya salmak gibi süşüne biliriz
Behaviors Effects Menüsü Behaviors Effects Menüsü

Squish efekti:nesnemizi sol üst köşeye doğru hareket ettirip kaybetme efektidir
yine sayfamıza bir "DIV" eklemek zorundayız

Behaviors Effects Menüsü

ve daha sonra eklediğimiz bu "DIV"in içine bir resim ekleyelim

Behaviors Effects Menüsü

bu işlemimizde yaptıktan sonra sıra uygulamamızın efekt bölümündedir "Desing" sayfamızın sağ tarafında bulunan "Behaviors" menümüzden "Slide" efektimizi seçelim

Behaviors Effects Menüsü

yukarıda görüldüğü gibi sadece olayı uygulayacağımız nesneyi seçmemiz yetmektedir

şimdi yaptığımız örneğimizin uygulamasını görelim

görüldüğü gibi resmimiz sol üst köşeye sabitleenerek yukarı doğru çekilmektedir

Behaviors Effects MenüsüBehaviors Effects Menüsü

Hazırlayan: Tolga GÜLBAKAN
Yorumunuzu Ekleyin

Database Paneli

Database paneli

26,291 Okunma 1 Yorum 05/06/2008 10:46:38

Div Çatılı sayfalar Oluşturmak

Çok değil birkaç yıl önce sayfa tasarımlarımızı yaparken ara yüz bileşenlerini tablolar kullanarak görünmez ızgaralar üzerine inşa ederdik. Bu durum; HTML yapı dilinin web tasarımcıları tarafından hatalı yorumlanmasının ve kullanılmasının bir sonucu idi. Tarayıcılar arası çekişmelerin ve tüm Internet alışkanlıklarımızı etkileyen tarayıcı savaşlarının bir sonucu olarak ortaya çıkmıştı. Fakat Web 2. 0 kavramının gündeme geldiği şu günlerde artık eski tasarım alışkanlıklarını bir kenara bırakıp modern tasarım ve web teknolojilerine cevap verecek web sayfaları tasarlamanın vakti geldi de geçiyor bile

26,011 Okunma Henüz yorum yapılmamış 06/08/2007 17:55:00

Recordset ile verileri sayfaya yazdırmak

Kayıt dizisi (recordset) ile Dreamweaver içerisinden veritabanına erişim sağlayarak, kriterlere göre ve ya istediğimiz sayıda kaydı sayfaya yazdırmak mümkün. Bizde bu makale ile veritabanı kayıt erişimlerini yakından inceleyeceğiz

21,726 Okunma Henüz yorum yapılmamış 31/08/2007 14:19:45

Bindings Paneli

Dreamweaver bindings paneli

20,776 Okunma Henüz yorum yapılmamış 05/06/2008 10:03:38

Database Paneli

Veritabanlarına erişmek

19,762 Okunma Henüz yorum yapılmamış 05/06/2008 09:12:39

Datebases Paneli

Resimli anlatım

19,667 Okunma Henüz yorum yapılmamış 06/06/2008 11:05:53

Bindings Paneli

Veri bağlantılarının yönetildiği panel

19,042 Okunma Henüz yorum yapılmamış 05/06/2008 09:11:51

Named Anchor

Named anchor aracı ile ilgili açıklamalar

19,028 Okunma Henüz yorum yapılmamış 05/06/2008 10:18:51

Dreamweaver ile Site tanımlamaları

Dreamweaver birçok geliştirme ortamında olduğu gibi proje bazlı çalışmalar yapmaya olanak tanıyan bir yazılımdır. Bu makalede projelerimizi DW içerisinde nasıl yönetebileceğimizi göreceğiz

18,849 Okunma Henüz yorum yapılmamış 01/09/2007 02:25:54

ASP sayfası hazırlama

Dreamweaver mx de ASP çalışmak için daha önceden ASP ile uğraşmış olmak gereklidir. Her nekadar Dreamweaver Mx işimizi kolaylaştırsa da ASP 'den anlamak bazı durumlarda faydalı olacaktır. ASP öğrenmek için Dr. Hakkı ÖCAL 'ın ASP kitaplarını tavsiye ederim

18,736 Okunma Henüz yorum yapılmamış 12/08/2007 04:13:11

Yükleniyor...