Timeline

Timeline anlatımı

Timeline:Flash gibi animasyon yapmak için kullanırız

Bu olayımızı uygulamak için sayfamıza “DIV” eklememiz gerekmektedir bunuda sayfamızın üst tool barından “Layout” sekmesinden ekleyebiliriz

Timeline

 

Aşağıdaki resim sayfamıza eklenmiş bir “DIV” göstrmetedir

Timeline

 

Bu işlemimizden sonra “DIV” ımizin içine bir resim yerleştirmemz gerekmektedir

Bu işlemide satfamızın üst tool barında bulunan “Common” sekmemizden “Image” seçeneğine tıklayarak ekleye biliriz

Timeline

 

Resmimiz aşağıdaki gibidir

Timeline

Şimdi eklediğimiz resime “Timeleine” olayını uygulayalım ekledimiz “DIV” ın üstünede sağ tıklayarak “Add To TimeLine” seçeneğine tıklayra olay penceremimzi ekleriz

Timeline

 

Bu işlemi yaptıktan sonra sayfamızın alt kısmında “TimeLine” tool barı çıkmaktadır şimdi bu poencereyi açıklayalım

Timeline

 

1.yaptığımız hareketleri tek tek bakmak için kullanırız ileri ve geri tuşları vardır

2.olaymızın hızını yani kaç saniyede ne kadar yol alacağını gireriz

3.sayfamız açıldığı anda animasyonumuzun başlaması için kullanırız

4.hareketimizin sürekli tekrarlanmak istersek bu seçeneği tıklarız

Kırmızı çerçeveli alan ise olayı yaptıktan sonra “Behaviors” sekmesinden olay eklemek için kullanırız

 

Şimdi olayımızı uygulayalım  eklediğimiz “DIV”ın üstüne gelip sağ tıklarız ve buradan “Record Path of Ap Element” seçeneğine tıklarız

Timeline

 

İşlemimzi yaptıktan sonra şimdi “DIV” ımızi tutarak istediğimiz hareketi uygulayabilriz

Timeline

 

Bu ayrlardan sonra aşağıdaki işlemi yaparız

 

Timeline

 

Şimdi uygulamamızın nasıl olduğunuz aşağıdaki resimlerde görelim  ve ben bu olaya birde “Efeckt”menüsünden “Grow/Shrink” ekleim yani top zıplıyomuş gibi gözüküyor ve olayın sonuna gelindiğinde top küçülerek kayboluyor

işlemimizn olay sonuna yaklaştığında küçülme efektinin resimleri

 Timeline Timeline

 

Hazırlayan:Tolga GÜLBAKAN

11,096 Okunma Yorum yapılmamış 15/05/2008 11:25:32

/ Yorumunuzu Ekleyin
Görsel Liste
Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı

Dreamweaver bir HTML editöründen fazlasını bizlere sunabilen bir ortam halini aldığı şu günlerde sunucu taraflı ihtiyaçlarınız için PHP ile neler yapabileceğimiz bu makalelerde anlatmaya çalışacağız

42,256 okuma,

Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

Set nav bar ımage, set text, show hide elements, swap ımage, swap ımage restore

35,603 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

35,535 okuma,

Snippets Paneli Ve Araçları
Dreamweaver Behaviors Kullanarak Ufak Resmi Mouse Üzerine Geldiğinde Aynı Pencerede Büyütmek

Dreamweaver behaviors kullanarak bir resim üzerindeki map ile belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama

32,145 okuma,

Dreamweaver Behaviors Kullanarak Ufak Resmi Mouse Üzerine Geldiğinde Aynı Pencerede Büyütmek
Dreamweaver İle Veri Tabanına Bağlanmak

Dreamweaver ile veri tabanına bağlanmak

31,582 okuma,

Dreamweaver İle Veri Tabanına Bağlanmak
Database Paneli

Database paneli

31,139 okuma,

Database Paneli
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

29,192 okuma,

Div Çatılı sayfalar Oluşturmak
Dreamweaver İle Veri Tabanı Bağlantısı Yapma, Verileri Listeleme, Tabloları Oluşturma Silme

Dreamweaver ile veri tabanı bağlantısı yapma, verileri listeleme, tabloları oluşturma silme vs.

27,304 okuma,

Dreamweaver İle Veri Tabanı Bağlantısı Yapma, Verileri Listeleme, Tabloları Oluşturma Silme
Page Properties penceresinden Arka Plan Ekleme

Page Properties; sayfada arka plan ekleme

25,940 okuma,

Page Properties penceresinden Arka Plan Ekleme
Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..

25,354 okuma,

Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..
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

24,987 okuma,

Recordset ile verileri sayfaya yazdırmak
Deprecated Menüsü, Show Events For, Get More Behavior

Deprecated menüsü, show events for, get more behavior

24,628 okuma,

Deprecated Menüsü, Show Events For, Get More Behavior
Bindings Paneli

Dreamweaver bindings paneli

23,741 okuma,

Bindings Paneli
Dreamwever Yazılı Sorusu

Dreamwever yazılı sorusu

23,737 okuma,

Dreamwever Yazılı Sorusu
Code format araç çubuğu açıklamaları

23,162 okuma,

Code format araç çubuğu açıklamaları
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

23,046 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Set Nav Bar Image, Set Text, Showhide Elements, Swap Image, Swap Image Restore

22,989 okuma,

Set Nav Bar Image, Set Text, Showhide Elements, Swap Image, Swap Image Restore
Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore

Set nav bar ımage, set text, show hide ımage, swap ımage, swap ımage restore

22,915 okuma,

Set Nav Bar Image, Set Text, Show Hide Image, Swap Image, Swap Image Restore
Database Paneli

Veritabanlarına erişmek

22,710 okuma,

Database Paneli
Behaviors Drap Ap Elements Basic Ve Advanced Menüleri

Ap element sürükleme

22,673 okuma,

Behaviors Drap Ap Elements Basic Ve Advanced Menüleri
Datebases Paneli

Resimli anlatım

22,571 okuma,

Datebases Paneli
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

22,330 okuma,

Snippets Paneli Ve Araçları
Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore

Set nav bar image, set text, show hide elements, swap image, swap image restore

22,293 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
Dreamwever Bindings Paneli

22,140 okuma,

Dreamwever Bindings Paneli
Bindings Paneli

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

22,041 okuma,

Bindings Paneli
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

21,876 okuma,

Dreamweaver ile Site tanımlamaları
Named Anchor

Named anchor aracı ile ilgili açıklamalar

21,848 okuma,

Named Anchor
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

21,757 okuma,

ASP sayfası hazırlama
Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Çalışmak

Belirlediğiniz alanlara fare gelince o alanla ilgili daha büyültülmüş bir resmi ekrana çıkaran uygulama

21,200 okuma,

Dreamweaver Behaviors Kullanarak Bir Resim Üzerindeki Map İle Çalışmak
Behaviors Effects Menüsü

21,138 okuma,

Behaviors Effects Menüsü
Yükleniyor...
Yükleniyor...