bildirgec.org

Dosyalarımız dışarıdan yüklemeye başladık, peki dosya yüklenene kadar kullanıcıya dosyanın ne kadar yüklendiğini gösteren bir preloader (önyükleyici) olsa nasıl olur? Yükleme yapılana kadar o alanın boş kalması yerine kullanıcıya görüntülemeye çalıştığı uygulamanın ya da görselin yüzde kaçının yüklendiğini gösterebiliriz.

İlk olarak çalışmalarımızı kaydedeceğimiz bir klasör oluşturalım. Bu klasörün içerisine yükleyeceğimiz dosyaları içeren bir klasör ve çalışma dosyamızı kaydedeceğiz. Bu örnekte bir imaj dosyası kullandığım için Gorsel isimli bir klasör kullandım. Preloader’ı oluştururken olay sınıfı olarak ProgressEvent ve Event olay sınıflarını kullanacağız. PregressEvent nesnesi yükleme işlemi başladığında (genellikle ses, görsel, swf vb.) veri göndermek için kullanılır. ProgressEvent, progress (yükleme, ilerleme) işlemleri ile ilgili bir Event nesnesi oluşturur ve bu nesneler olay dinleyicilere parametre olarak aktarılır. Event sınıfıının COMPLETE olayını kullanarak yükleme işleminin bitip bitmediğini kontrol edeceğiz. Şimdi preloader’ı oluşturmaya başlayalım.

Bazen web sayfalarımızda çeşitli miktarlarda resim dosyası kullanabilmekteyiz. Bu resim dosyaları web sitemizin arayüzünde kullandığımız doku dosyaları olabileceği gibi bir fotoğraf galerisinin dosyaları da olabilir.

HTML malesef ön yükleme yapmak için müsait bir dil değil. CSS de ona keza. Zira html ile sayfaya bir resmi bağladınız ve css ile de display özelliğini none yaptığınızda browserlar (en azında firefox opera chrome gibi gelişmiş tarayıcılar) o resim içeriğini sunucudan istemeyecektir. Böylece sayfa yüklenme süresi kısaltılmış olur. Display özelliği açıldığı anda (gerek javascript ile gerekse de css hover olay seçicisiyle) o elemente linklenmiş imaj dosyası derhal sunucudan talep edilecektir.

Flash web siteleri tasarım açısından çok etkilidir. Ancak bazı olumsuz yönleri de bulunuyor. Özellikle büyük boyutlu siteler için yükleme aşaması kullanıcıyı sıkabilir. Burada etkileyici bir preloader (yükleniyor) uygulaması, kullanıcının eğlenceli bir şekilde vakit geçirmesini sağlamakta. Daha önce yazmış olduğum ilham kaynağı olabilecek yaratıcı flash preloader (yükleniyor) uygulamalarına bu yazıda ve tüm zamanların en yaratıcı yükleniyor uygulamalarına bu yazıda ulaşabilirsiniz.

1. Xixi no Banho

2. Just in Queso

3. Puma

Flash web siteleri internet kullanıcıları arasında daha popülerdir. Flash sitelerinin avantajları olduğu kadar dezavantajları da vardır. Animasyonun yüklenme süresi kullanıcıyı biraz sıkabilir. Bu yazıda tüm zamanların en yaratıcı flash preloader (yükleniyor) uygulamalarına ulaşabileceksiniz.

Flash yükleyicileri, bir içeriğin yüklenme durumunu gösterir. İlham kaynağı olarak faydalı olabilecek bu koleksiyonun tadını çıkartın.

1. Sergey Tyukanov Artworks

2. EducationIsEverywhere

Flash ile yapılan tasarımlar animasyon ağırlıklı olduğu için kullanıcının dikkatini daha fazla çekmeyi başarıyor. Bu yazıda siteniz için kullanabileceğiniz en iyi flash bileşenlerine ulaşabilirsiniz.

1. flow list

3 boyutlu animasyon akışı oluşturmak için çok güzel bir bileşen. Kolayca entegre edilebilir.

2. 360 view image rotator

Oynatma/durdurma özelliği ile 360 derece döner. Swf dosyasını kolayca düzenleyebilirsiniz.

3. countdown timer

Belilrli bir süreden kalan zaman oluşturmak için kullanabileceğiniz bileşen.

Flash Preloader, Flash ile hazırlanmış sitenizin yüklenme durumunu gösterir. Genelde yüzde şeklinde hazırlanır.

Farklı ve yaratıcı “flash preloader” yapmak istiyorsanız size ilham kaynağı olabilecek siteler aşağıda listelenmiştir.

1 – Saizen Media Studios

2 – Saizen Media Studios {Night Wish}

Özellikle ajax ile veri alışverişlerinde yükleniyor(preloader) gif’leri çok kullanılmakta.Bu gif’ler için
internette birçok gif setleri mevcuttur.

preloaders.net sitesinin farkı ise size bu giflerin bazı özelliklerini
değiştirerek tarayıcı üzerinden hazılayıp indermenizi sağlıyor olması.Üstelik ücretsiz.
gif’ler 4 kategoride bulunmakta:3Boyutlu,dikdörtgen,dairesel ve yatay gifler.

Değiştirebilceğiniz özellikleri:
1-Gif’in türü.
2-Arkaplan rengi(saydamlık desteği mevcut).
3-Ön yüz rengi.
4-yatay ve dikey ölçüleri.
5-animasyonun süresi.

Hali hazırda Flash içerikli internet sitelerinin indekslenme konusunda yaşadığı sıkıntılar çözümlenememiş olsa da aldığımız haberler bu konuda çalışmaların sürdüğü yönünde.
tüm bu çalışmalar sürerken yazımın başlığındaki gibi iddialı bi sloganla 2005 yılından beri hizmet veren flashexplained yine kendilerinin dediği gibi bir “Flash eğitim sitesi“.sade tasarımının yanısıra kapsamlı ve anlaşılır bir dille verdiği derslerle diğer flash sitelerinden bir adım öne çıkmayı başaran site de:

• Menuler ve arayüzler
• Animasyon
• Tasarım
• Banner
• Ön yükleme
• Actionscript
• Ses

kategorileri altında gruplandırılmış yaklaşık 90 ders ve tüm bunlara ek olarak font,flash,ses,tasarım, fotoğraf konularında faydalı olabilecek linkler mevcut.

black belt monkey isimli almanya orijinli tasarım ajansının, adidas için tasarladığı o mükemmel siteyi, aslında belki de yenimecra ya göndermeliydim ama, bildirgeç’e fazlasıyla uyuyor. herkesin haberi olsun istedim.

İsminizi formanıza yazın

site, benim şimdiye kadar gördüğüm en iyi web sitelerinden biri haline geldi biraz kurcalamamla.
mükemmel bir arayüz ve tamamı 3d olan bu sitenin amacı, herkesi chelsea fc futbolcusu yapmak. ayrıca hizmetleri de var, fotoğrafınızı gönderdiğinizde, sizi de chelsea futbol takımının bir futbolcusu gibi “longest team photo”ya gönderiyor ve ünlü yıldızlarla aynı fotoğrafta olabiliyorsunuz.

Longest team photo

ayrıca sizin imzalayabileceğiniz bir chelsea forması da mevcut.
interaktivitesi, kullanım kolaylığı ve mükemmel grafikleri ile kesinlikle ziyaret edilesi bir site.
tasarımcılara da ilham kaynağı olacaktır.
siteye girmek için sizi buradan alalım.

formanıza imzanızı atın

impossible is nothing mottosuyla beni bir kere vurmuş olan adidas, bu kampanyası ile beni ikinci kere vurdu.
flash dosyaları yüklenirken ortaya çıkan preloader’lardan birinde, çek cumhuriyeti-türkiye maçında da bizden 3 gol yiyen ünlü kaleci peter cech’in topu kurtarışlarına dikkat edin, size topu geriye attığında ekranınız sallanıyor.

Bu sitede, her eve lazim XML destekli hazır flash menu sistemleri ve flash loading ekranları karşımıza 1$ olarak çıkmaktaymış.
İlgi çekici.