Dreamweaver’da Fotoğraf Albümü Oluşturma

ImageViewer_emresupcin

Sıradaki Dreamweaver dersimizde yine resimler ile alakalı fakat daha güzel bir konulu ders anlatacağım. Anlatacağım ders’te hep beraber fotoğraf albümü oluşturacağız. Otomatik slayt geçişine sahip olmakla birlikte dreamweaver’da istediğim biçimlendirmeyi yapacağımız ‘flash’ scriptli bir albüm olacak. Herhangi bir kod yazmadan basitçe bu işlemi gerçekleştireceğiz. Yapacağımız bu uygulama tamamiyle dreamweaver üzerinde olacaktır.

-> Önce, Insert menüsünden Media bölümüne gelip Image Viewer ‘ e tıklıyoruz.

————————————————————

-> Tıkladıktan sonra yapacağımız albümün flash yani .swf dosyasını nereye kaydedeceğini soruyor, kaydediyoruz.

————————————————————

-> Kaydettikten sonra, ekranımıza f yazılı bir şey geliyor. Ona bir kere tıklıyoruz, sağ altta imaURLs var.

————————————————————

-> imageURLs in yanında yazan img vs. vs. yazılarına tıklayınca yanda bir ikon çıkıyor ona tıklıyoruz.

————————————————————

-> + – ile resim ekleyebilirsiniz. Resmimizi seçiyoruz.

————————————————————

-> Ok diyoruz. Sağ alttaki panelde title ile resim albümümüzün başlığını ayarlayabiliriz.

————————————————————

-> Otomatik yeniden başlamasını istiyorsanız slideAutoPlay özelliğini yes yapmalısınız.

————————————————————

-> ÖNEMLİ BİR NOT; seçtiğiniz resmin yolu yani adresinde türkçe karakter olmaması gerek. Resim içinde aynısı geçerli tabii ki.

Aşağıdaki görüntüleride de resimli anlatım şeklinde sizlere sunmak istedim, Takip ederek yapabilirsiniz…

________________________________

Dreamwer-İmages-Url_emresupcin

_________________________________

Dreamweaver-Images-Add_emresupcin

_________________________________

Aşağıda ki görüntü de yaptığımızın işlerin bitirilip internet explorer aracılığı ile önizlenerek ekran görüntüsü alınmıştır.

Dreamweaver-Imager-Viever-Çıktısı_emresupcin

Kaynak:emresupcin.com

Bir Cevap Yazın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Şu HTML etiketlerini ve özelliklerini kullanabilirsiniz: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>