Image Viewer

Image viewer
Küçük bir fotoğraf arşiviniz var ve siz bunu Internet üzerinden yayınlamak istiyorsunuz.
Tabi güzel fotoğraflar iyi bir şekilde yayınlanmalı. Fakat iyi bir navigasyon aracı
oluşturacak vaktinizde yok. Uğraşmayın, açın Dreamweaver’ı ve Insert > Media >
Image Viewer yolunu izleyin. Elinizdeki fotoğrafların güzelliğine yaraşır bir navigasyon
aracı oluşturun.

Image Veiwer komutunu tıkladıktan sonra karşımıza SWF çıktısını nereye kaydetmek
istediğimizi soran bir pencere çıkacak. Dreamweaver bu aracı Flash nesnesi olarak çıktı
verecektir. Kaydedeceğimiz klasörü belirleyin ve KAYDET butonuna basın.

Bu aşamada dikkat etmemiz gereken durum resimlerin yolunun Image Veiwer’e doğru
tanımlamaktır. Tag Inspector paneline geçelim ve resim göstericimizin ince ayarlarını
yapalım.
Image Viewer
bgColor : Arkaplan rengi.
captionColor : Başlık Rengi
captionFont : Başlık Fontu
captionSize : Fontun Puntosu
frameColor : Kenarlık Rengi
frameShow : Kenarlığı Göster / Gizle
frameThickness : Kenarlık Boyutu
imageCaption : Resimlerin Başlıkları
imageLinks : Resimlere Verdiğimiz Köprüler, Linkler.
imageLinkTarget : Linklerin Hedefleri.
imageURLs : Resimlerin Bulunduğu Klasörün Yolu.
showControls : Kontrol Panelini Göster / Gizle
slideAutoPLay : Slayt Düzeninde Oynat.
slideDelay : İki Oynatım Arasındaki Zaman Aralığı.
slideLoop : Slayt Sonsuz Döngüde
title : Etiket
titleColor : Etiket Rengi
titleFont : Etiket Fontu
titleSize : Fontun Puntosu
transitionsType : Geçiş Efektleri

Göstericinin arkaplan rengini bgColor kutusundan ayarlayabilirsiniz. Gösterimin başlığını Image Caption, başlığın rengini captionColor, fontunu ve puntosunu sırasıyla captionFont, captionSize kutularından düzenleyebilirsiniz. Göstericimizin sırasıyla
kenarlık rengini, kenarlık gösterilip gösterilmeyeceğini, kenarlık kalınlığını frameColor, frameShow, frameThickness kutularından düzenleyeceğiz. imageLinks kutusundan resimlerimize link vereceğiz. imageLinkTarget kutusundan ise verdiğimiz linklerin yeni sayfada mı açılacağını, hangi framede açılacağını vb. yani hedefini belirteceğiz. imageURL kutusundan resimlerimizin bulunduğu klasörü belirteceğiz. showControls kutusu aktifken resim göstericimizin dolaşım çubuğu aktif olacaktır. Yani butonlar yardımıyla resimlerimiz arasında gezinebileceğiz. slideAutoPlay kutusu aktif ise sayfa yüklendikten sonra oynatım otomatik olarak başlayacaktır. slideDelay kutusuna gireceğiniz değer iki resim gösterimi arasında kaç saniye olacağını belirleyecektir. slideLoop kutusundaki değer eğer Yes ise gösterim bittikten sonra otomatik olarak baştan başlayarak tekrar gösterime devam edecektir ve bu sonsuz bir döngü şeklinde oynatım sürekli başa alınacaktır. Gösterimimizin etiketini, adını title kutusuna yazacağız. Sırasıyla etiketimizin yazı rengini, fontunu, fontun puntosunu titleColor, titleFont,
titleSize kutularından belirleyeceğiz. İki resim arasındaki geçiş efektlerini de transitionsType kutusundan ayarlayacağız.

Uygulamamızın başında Image Veiwer’e eklemiştik. İnce ayarlarımızı da yaptık şimdi
resimlerimizi ekleyelim.
Image Viewer
+ butonuna basıp ve çıkan sarı klasör simgesine tıklayalım. Eklemek istediğiniz resimleri
seçelim ve OK butonuna basalım. Bu işlemi eklemek istediğimiz her resim için
uygulayacağız.
Belgemizi kaydedelim ve klavyemizden F12 tuşuna basarak sınayalım. İşte size hızlı ve
kullanışlı bir resim gösterici.

13,473 Okunma Henüz yorum yapılmamış 20/03/2008 10:33:03

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

38,701 okuma,

Dreamweaver ve PHP ile dinamik sayfalar için MySQL veritabanı bağlantısı
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

33,494 okuma,

Snippets Paneli Ve Araçları
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

33,446 okuma,

Set Nav Bar Image, Set Text, Show Hide Elements, Swap Image, Swap Image Restore
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

30,116 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

28,316 okuma,

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

Database paneli

27,769 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

27,080 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.

25,410 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

23,914 okuma,

Page Properties penceresinden Arka Plan Ekleme
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

22,813 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

22,456 okuma,

Deprecated Menüsü, Show Events For, Get More Behavior
Dreamwever Yazılı Sorusu

Dreamwever yazılı sorusu

21,779 okuma,

Dreamwever Yazılı Sorusu
Bindings Paneli

Dreamweaver bindings paneli

21,717 okuma,

Bindings Paneli
Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..

21,302 okuma,

Adobe Dreamweaver CS3 New CSS Rule penceresi devamı..
Code format araç çubuğu açıklamaları

21,116 okuma,

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

21,020 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

20,899 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

20,897 okuma,

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

Veritabanlarına erişmek

20,766 okuma,

Database Paneli
Datebases Paneli

Resimli anlatım

20,588 okuma,

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

Ap element sürükleme

20,536 okuma,

Behaviors Drap Ap Elements Basic Ve Advanced Menüleri
Snippets Paneli Ve Araçları

Snippets paneli ve araçları

20,315 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

20,241 okuma,

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

20,160 okuma,

Dreamwever Bindings Paneli
Bindings Paneli

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

19,972 okuma,

Bindings Paneli
Named Anchor

Named anchor aracı ile ilgili açıklamalar

19,932 okuma,

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

19,798 okuma,

Dreamweaver ile Site tanımlamaları
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

19,712 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

19,169 okuma,

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

19,113 okuma,

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