PicLens Foto-Galerileri

Merhaba arkadaşlar ;

Bugün bir Firefox eklentisinden bahsedeceğim : PicLens. Gerçekten fotoğraf galerilerini gezmeyi severnler için bilgisayar ekranını bir animasyon merkezi haline getiriyor,süper keyifli.


Yükledikten sonra artık Google Search'e mesela Fethiye yazdığımda fotoların üzerine gelince yukarıdaki gibi bir play butonu çıkıyor ve tıklayınca aşağıdaki gibi Ajax-Lightbox'a benzer bir animasyonla ekran kararıyor ve ekranda fotoğrafları izleyebiliyorsunuz.


tutorial_piclens_icon










Bu eklenti sadece Firefox kullananlar için ve bu adreste ücretsiz arkadaşlar.Bunun gibi daha birçok yardımcı uygulama(mesela youtube'dan videoları direk indirip mp3 yapan bir addon bile var! ) indirin ve iyiki Firefox var diyin :)

https://addons.mozilla.org/en-US/firefox/addon/5579

PicLens ayrıca alttaki hizmetlerde tuttuğunuz görseller üzerine aynı animasyonları websitenizde kullanabilmeniz amacıyla sizle de paylaşan bir websitesine sahip.

* Flickr
* Facebook
* Google Images
* Yahoo Images
* Friendster
* Picasa Web Albums

Websitesinden aldığım aynı rapor bu hizmetin özünde en iyi Firefox'ta tam randımanlı çalıştığını gösteriyor,bunu alttaki tablodan da görebilirsiniz.

Features

Safari

IE

Firefox

Firefox

Preview weblinks without clicking
Preview images and videos

Works on Google, Yahoo, Ebay, and major sites
Works on just about any website, blog, forum

Stack temporarily bookmarks

Instantly email links

Prefetch websites for faster previews
Subsearch any phrase by right-clicking

Customize preview activation method and themes

Enable/disable previewing on custom list of sites

Websitesine erişmek ve sadece Ajax değil Flash tabanlı foto-galerileri de aynı şekilde deneyip websitenize entegre etmek isterseniz işte adres :




ActionScript 2.0'dan 3.0'a Geçiş Üzerine

Merhaba arkadaşlar ;

Blog adresimde sizlere faydalı olacağına inandığım,verdiğim Bireysel ve Kurumsal eğitimlerde gördüğüm sık sorulan soruları burada da paylaşarak daha fazla insanın faydalanmasına çalışıyorum.

Şuanda girdiğim bireysel eğitimlerde AS 2.0 kullanıyoruz ve öğretiyoruz.Piyasada her ne kadar CS3 eğitimi diye çıkanlar olsa da eğitmen dostlarımız da Flash CS3'te AS 2.0 anlatıyorlar.En son bu ay CHIP dergisinin verdiği Infinity'nin Flash CS3 eğitim CD'si AS 2.0 anlatılarak kaydedilmiş.Anlıyabiliyorum çünkü bende insanların projelerinin 2.0 olduğunu ve 3.0 için zaman olduğunu düşünenlerdenim o yüzden blog adresimde çoğunlukla 2.0 örnekleri oluyor.Ancak Flash CS3 eğitimi 2.0 ile olmaz dostlar.

Actionscript 2.0 öğrenen ve geçişte zorluk yaşayan arkadaşlar için uzun süredir takip ettiğim sevgili Kaan hoca'nın MMIstanbul.com adresinde Engin Yöyen süper bir yazı ile en temel farklılıkları ele almış,3.0'a girişte Türkçe olarak bulunmaz bir kaynak.

http://mmistanbul.com/makaleler/index.cfm?makale_id=153

Kendi blog adresimde de zamanla 3.0 örnekleri vermeye başlayacağım ancak eğitimler 2.0 gittikçe ikisinden de olacak sanırım. 2.0 kodlarının 3.0'da çalışmaması,geriye dönük desteğin birkaç forumun çıkardığı convertorlara kalması bizi 3.0'a geçiş için hem eğitimeler de hemde kurumsal projelerde daha çok itiyor.Zamanla burada da 3.0 örnekleri göreceksiniz.

AS 3.0 tam kütüphanesi için tıklayın.


Sevgilerimle...

Marquee Html kodu ile Kayan Yazılar

Merhaba arkadaşlar ;

Expression Web üzerine notlar almaya devam ediyorum. Geçtiğimiz
günlerde Netron Bireysel eğitimlerde marquee html kodu üzerinde kayan haber yazıları eklerken Expression Web'te de bu kodlara bakarak belkide bir standart sağlanmıştır diye ümitlenmiştim.Bildiğiniz üzere Marquee kodları Javascriptle müdahale edilmeden kullanılınca Firefox'ta farklı sonuçlar verebiliyor.Ancak Expression Web'te bir tage açıp (< yazıp) marquee yazınca intellisense'te olmadığını görünce üzüldüm.Umarım bu yılın 3.çeyreğinde çıkacak Expression Studio v2 paketindeki Expression Web 2'de bu tagi ve dahasını görebiliriz.

Eğer marquee koduyla ilgili işlem yapmak isterseniz Adobe Dreamweaver'ın intellisense'inden faydalanacağız.Yukarıdaki panelden eklenebilecek bir yer yok. Hemen body taglerinin arasında gelmesini istediğiniz bir tablo ise o tablosunun kodları arasına bir tag açıp "<" yazıp marquee seçin ve Space bar tuşuna basın.Böylece Dreamweaver her html taginde olduğu üzere bu marquee kodunun kullanabilecek metodlarını getirecektir.Sırasıyla inceleyelim.

Tabiiki ekranda kaydıracağınız haber olabilir,döviz bilgisi olabilir, bir menu olabilir(ykm.com.tr'deki gibi) bu yazının geleceği ve çıkacağı bir kutu olacak.

Bu kutunun genişliğini : width ile,boyunu height ile piksel cinsinden belirleyeceksiniz.width:"120" , height "10" gibi.Her metodu verdikten sonra sıradaki için yine space bara basabilirsiniz.Şimdi akacak yanının yönü var:direction:"left" sola akmayı sağlayacak.right,up,down gibi yönü seçin.

Behavior eğer vermezseniz bu kutuya girecek ve verdiğiniz yönde ilerleyecek,kutudan çıkınca baştan aynı yerden yine başlayacaktır,bu scroll oluyor.Alternative ekranda kutuda tekrar etmesidirki taviye etmem pek ciddi durmuyor.

Bir diğer metod bgcolor ile bu yazının arkaplan kısmına farklı bir renk verebilir class ile yazınıza sayfada tanımlı bir CSS classı çağırabilirsiniz.style ile de kendiniz class gibi sayfada tanımlı olmayan bir CSS stilini verebilirsiniz.

Bu yazının hızına nasıl karar vereceğiz?scrolldelay bu işe yarayabilir ancak özde sadece hız değil adım atma süresi olduğunu bilmeniz gerekir. Milisaniye (saniyenin yüzde biri) olarak değer atanmaktadır.100 gözünde algılayabileceği en iyi değerdir.

scrollamount ile yazının akma miktarını-adım uzunluğu diyebiliriz-belirliyorsunuz,ki bu default değer olarak 5 ve bunu gerektiğinde değiştirin.

Yazınıza bu marquee kutusu dışarısından da erişmek isteyebilirsiniz.DOM ( Document Object Model) üzerinde mesela bir text box'a tıklanınca yazı gelsin işlemi için id atamak gerekecektir id de buna yarar.

Bazı örneklerde üzerine gelince kayan yazıyı durdurabiliyoruz.onmouseover komutu buna yarıyor.onu seçip çift tırnak arasına stop() yazın.Bu aynı Javascript ve Actionscript'teki yazılış biçimi çünkü hepsinin frameworkunde ECMAScript var. Aynı mantıkla mouse yazının üstünden çekilince kaymaya devam etmek için onmouseout metoduna da çift tırnak arasına start() yazın.

Son olarak truespeed'ten bahsedeceğim.Bu tamamıyle scrollamount ve scrolldelay'ı kullanmayan(veya bilmeyenler) için insan gözünün algılayacağı gerçek hız değerlerinde kayması için tek metodlu "truespeed" ile gelen bir yardımcı metod,onu verirseniz eğer scrolldelay kullandıysanız scrolldelay baskın gelecektir.

Ayrıca pek bilinmese de bu yazılara Dreamweaver'da Design kısmına geçerek link verebilirsiniz(veya direk html kodu < a href > ekleyerek.Hatta < img ile kayan yazıya görsellerde ekleyebilirsiniz ama adı üstünde kayan yazı! kaş yaparken göz çıkarmak tam bu işte,kayan görsellerle dikkatı dağıtmayın,derste denedik insan ondan gözünü alamıyor :)

Benimde ders arasında gelen bir soruyu örnek uygulama amaçlı marquee ekleyerek bu yazımı da sonlandırıyorum.



Expression Web Dreamweaver'ı dövermi? (Başar'ın sorusu) :)




2007 Web Tasarım Trendleri üzerine...

Merhaba arkadaşlar ;

Internet'te gerçekten takip edilesi - genelde yabancı - magazine adı altında e-dergi tadında bloglar bulunuyor. Ve bazen çok hoş ve faydalı postlar yapıyorlar. Beğendiklerimi de buraya taşımaya çalışıyorum hem siteyi tanıtma hem de türkçeye de kazandırma amaçlı.

RSS Readerımda olan ingiltere çıkışlı ModernLife'ta bunlardan biri. Ocak ayındaki bir postunda 2007 yılında internet tasarımlarında (Web 2.0 gibi klişe ile adlandırmayacağım) takip edilen tasarım trendlerini başlıklar altında toplayıp örnekler göstermiş.

İlk sırada bizim türkiye'de pek örneği olmayan ancak yurtdışında oldukça sık başvurulan karakter çizimleri ve maskotların size interaktif olarak site de etkileşimi sağlaması.

2.sırada tasarım tekniği hale gelen Japon çiçeği diye Türkçe forumlarda paylaşına kıvrımlı Photoshop brushları.

3.sırada ise genelde keskin köşelerle sonlanan web sitelerin yerini artık gradient,veya geçişli ve brushlarla güçlendirilmiş çerçeveler alabiliyor.


4.sırada belki de Türkiye'de en çok sevilen büyütülmüş RSS feed ikonları. Bu kadar çok materyal barındıran websitesi,blog,e-dergi ve çeşitli siteleri RSS olmasa nasıl takip ederdik bilmiyorum? RSS böylelikle daha çok değerlendi ve Google'ın Readerı yanında Ajax teknoloji kullanan ve sayfa sayfa feedleri bölebildiğimiz Pageflakes,WPF görselliğini kullanarak Uzay boşluğunda feedleri gösteren UniveRSS gibi alternatifler çıktı.



5.sırada ise desenler var.Desenler her zaman önemliydi ancak bu kadar karmaşık,hatta algılanması önemli olmasa da yoğun kullanılan büyük boyutlu ve kolajlı desenler çok sık kullanıldı.



6.sırada ise zengin renk paletlerini siyah arkaplanla daha görsel sunma yolu eklenmiş.Evet Web 2.0 diye yanıp tutuşulan tasarım standartlarında siyah arkaplan ve parlak renkler,yansımalar çok sık başvurulur oldu. Bende örnek bir site olarak PDF dosyalarınızı ücret karşılığı flash tabanlı e-dergi olarak verebilen www.pagegangster.com sitesini Web 2.0 tasarımı anlamında çok başarılı olduğundan referans verebilirim.



Böyle güzel yazılar buldukça sizlerle paylaşmaya devam edeceğim. Sizde bana güzel yazıları eposta yoluyla iletebilirsiniz. Yukarıdaki yazının orjinalini ve siteyi ekten görebilirsiniz.


http://www.modernlifeisrubbish.co.uk/article/2007-more-web-design-trends-and-cliches

Persepolis diye bir animasyon

İran devrimini yaşayan ufak bir kızın yaşadıklarını anlatan bu Fransız yapımı bu sezonun bol ödüllü animasyon filmini tam da bulunduğumuz dönemde daha ibret verici olduğunu düşündüğümden buradan herkese tavsiye ediyorum,edinin izleyin.



Açılır (Rollover) Flash Banner Tasarımı


Merhaba arkadaşlar;

Blog adresimden bana gelen iletilerin bazıları bu konuda yoğunlaşınca bir örneğiyle göstermek istedim.Adobe Flash bu aralar internet sayfalarında hem üzerine gelinince büyümesiyle hemde içerisinde vektörel animasyonlar,ses ve video uygulamaları içermesiyle çok sık başvurulur hatta reklam standartı haline geldi.

Özellikle html sayfaların üzerine flash reklamların nasıl açıldığı veya tasarladıkları açılır pop-up menülerin nasıl html sayfalarındaki foto ve yazıların üzerine açılabilir hale gelmesini göstermek istiyorum.

Flash tasarımı size ait olmakla beraber(onu da yakında bir yazımla anlatacağım:Movie Klip buton ile aynı mantıkta) swf dosyasını nasıl özünde html olan(html,aspx,php..) sayfalarımızda açabiliriz? Bunun için öncelikle getirdğiniz flash dosyasının arkaplanını transparan yapmamız gerekiyor. Dreamweaver ile Flash ekleyeceğimiz sayfamızı açalım ve yeni bir CSS tablosu olan Layer ( API ) oluşturalım. Dreamweaver 8 ve CS3'te CSS tabloları aynı yerde fakat farklı isimdeler. Layerlar altta gösterdiğim yerden CS3 te ise API olarak ekleniyor ancak ikiside aynı şey : CSS Tablosu. Böyle bir tablo ekleyip bunun içerisine Flash çalışmamızı insert-media-Flash ile getirelim.


CSS Tabloları API'leri altta gösterdiğim kulaklarından istediğiniz yere götürebilirsiniz ve yeniden ölçeklendirebilirsiniz.CSS'in çok derinliklerine girmeyeceğim ancak akacak yazıyı yani tüm sayfanızı da CSS ile yapmanız daha bütünleşik olacaktır.

Eğer üzerinde reklam gösterilecek kısımı da benim çalışmamdaki gibi CSS tablosu API'lerde tutarsanız CSS tablolarında da katman yapısını bilmeniz gerekir.Üst üste gelen layerların Z-index'i büyük olan gösterilir.Bu yüzden CSS tablosunu kulakçığından tuttuğunuzda alttaki properties menüsündeki Z-index rakamını yazıyı tutuğunuzdan büyük (mesela Flashı tutan 2 - yazı 1 gibi)yazmalısınız.

Flash çalışmasının arkaplanını html üzerinde transparan yapabilmek için alttaki gibi flash dosyasını dreamweaverda seçip altta properties panelinde çıkan parametre kısmında parameter:wmode ve value:transparent yazmalısınız.




CSS tablolarını yeniden konumlandırarak istediğiniz reklamı ve açılma animasyonunu flash kısmında tasarlayarak html sayfalarınızın üstüne flashlarınızı böylelikle açabilirsiniz. Umarım açıklayıcı olabilmişimdir.Örnek çalışmamı indirmek için tıklayın.


http://ercanaltug.googlepages.com/reklam_banner.rar

Faydalı olmasi dileğiyle...


Vektör Cilalama Sanatı ( Vector Polishing )


Merhaba arkadaşlar ;

Takip edilesi blog stilinde tutulan tutoriallar yayınlayan "Webdesignerwall" adresi çok güzel bir vektör tasarı teknikleri üzerine yazı yayınlamış. Bunun adına da Vector Polishing demiş yani vektör cilalama sanatı. Böyle değerli bilgileri paylaştıkları için teşekkür etmek gerek. Bir göz atın...



Adobe Flash'ı Web'de Full Screen Yapma

Merhaba arkadaşlar ;

Daha önceki yazılarımla ilgili gelen bir email üzerine güzel bir bilgiyi paylaşmak istedim. Bildiğiniz üzere webde kullanacağımız Flash videolarına istediğimiz şekil ve renkte play,pause,ses .. butonları ekleyebiliyoruz.Bununla ilgili ve HD video ekleyebilmemizi anlatan yazıma alttaki linkten erişebilirsiniz.

http://ercanaltug.blogspot.com/2007/10/adobe-flash-hd-video-custom-skin.html

Bu yazımla ilgili aynı youtube'taki gibi fullscreen yapabilecek bir düğmenin kodları için bir eposta aldım ve kodları sanalkurs'ta Yalçın beyin yazınından buldum burada da paylaşacağım. Video veya flash çalışmanız üzerinde bir buton tasarlayın fullscreen yapacağını bildirecek şekilde ortasında yuvarlak falan olsun :)Eğer videoya tıklanınca fullscreen yapmak isterseniz benim örneğimdeki gibi video kadar bir görünmez buton yapmanız gerekecektir ve butona instance name olarak "tamekranbuton" yazıp sağ tıklayarak actionslarına :
_____________________________________________

on(press) {


tamekran();


}

_____________________________________________


yazarak tıklandığında tamekran fonksiyonunu çalıştıracağını belirtelim.Daha sonra bu butonun bulunduğu frame'e gidelim ve alttaki kodu yazalım :

_____________________________________________


function tamekran(){


if(Stage["displayState"]=="normal"){


Stage["displayState"]="fullScreen";


}else{


Stage["displayState"]="normal";


}


}


var boyutlandir:Object = new Object();


boyutlandir.onResize = function () {


tamekranbuton._x=Stage.width/2;


tamekranbuton._y=Stage.height/2;


}


Stage.addListener(boyutlandir);

_____________________________________________


Böylece butona fullscreen yapacak tamekran fonksiyonunu da tanıtmış olduk. Ancak flash çalışmamızı sonuçta html'e embed edeceğiz ve embed kodlarının da fullscreen'e izin vermesi gerekiyor. Bunun için flash çalışması swf dosyasını gömdüğünüz html'in kodlarında allowFullscreen parametrtesinin değerini (value) "true" olarak değiştirmemiz gerekiyor.

< param name="allowFullScreen" value="true" />

gibi html kodundaki değişiklikleri 2 farklı yerde vardır,embed eden kısımda ve source yani kaynak gösteren dosya adında değişiklikleri yapın. Ayrıca html kodunun yukarısında AC_FL_RunContent javascript kodu ile çağrılmış ise flash çalışmanız,head kısmındaki bu satırlarda onun metodlarından 'allowFullScreen', 'true', satırını da true olarak değiştirmeniz gerekiyor.

Örnek çalışmamı görmek için tıklayın:

http://ercanaltug.googlepages.com/fullscreen_flash.html

Çalışma dosyasını indirmek için :

http://ercanaltug.googlepages.com/videofullscreen.rar

Faydalı olması dileğiyle...

Actionscript 2.0 ile Slice Metinler




Merhaba arkadaşlar ;

Flash tasarımlarınızı güçlendirecek kolay yöntemlerden bir tanesi de slice actionscriptidir. Yazıların tane tane gelmesini tabiiki bir maskeyle de sağlayabilirsiniz ancak bunu dinamik yaparak güncelleme noktasında inanılmaz rahatlık yaşayabilirsiniz. Flash çalışmanıza bir dinamiktext alanı oluşturun ve var:dinamikmetin yazın.Frame'e de alttaki kodu yazın.

___________________________________________

harf = 0;

onEnterFrame = function () {

metin = "Websitemize Hoşgeldiniz";

yaz = metin.slice(0,harf += 1);

dinamikmetin = yaz;


}

___________________________________________


"0" ile metnin başlangıç karakterini


"1" ile metnin yazılma hızını belirleyebilirsiniz.


Ayrıca gelme animasyonunu dinamik metini seçip alttaki align toollarıyla geliştirebilirsiniz.




Faydalı olması dileğiyle...

Maldonado Fener'de,pazara Gerçek Fenerli olacak :)

Sanalkurs E-Dergi ilk sayısı çıktı !


Benim de yazarlarından olduğum sanalkurs ailesi çok güzel bir çalışma sonucu sitede bulunan yazarların yazılarından en talep görenlerden bir e-dergi çıkarmış.Ellerine sağlık çokta güzel olmuş.Benimde Adobe Flash'ta pekte anlatılmayan interaktif CD'ler için kullanılan fscommand actionscripti üzerine yazdığım yazı eklenmiş.Sanalkurs sitesinden aynen alıyorum.

Bu ayki derginin içeriği:
Sanalkurs E-Dergi ilk sayısı ile sizlerle. Bu sayıda yazı ve dersleri yer alan yazarlarımız aşağıdaki gibi gerçekleşti:

- Nereden, Nasıl Başlamalı? Abdullah Tekin
- Bilgisayarımda Casus Yazılım Varsa...Çağlar Umut Tosun
- Fireworks Nedir, Ne Değildir? Siraceddin El
- ASP ile IP'leri Engelleme - Kerim Sarıgül
- MSN Sohbetinizi Birileri Dİnliyor - Serdar Kuzuloğlu
- CSS İle Şeffaf Tasarımlar - Hakan Çamoğlu
- Şimdi İllustrator Zamanı - Ceyhun Akgün
- Gazete İlanları Tasarımı Nasıl Olur? Fatih Nebioğlu
- İnteraktif CD'lerde fsCommand - Ercan Altuğ Yılmaz
- Corel'de Yazı İçine Resim Gömmek - Zeynep Seymen
- Microsoft Nedir, Ne Yapar? Hakan Ayaz Damar
- Yorumlarınız - Zeynep Seymen
- Sanalkurs Haber7'de (Röportaj)- Seçkin Çakır
- Adminim, Mod Olmak İstiyorum - Siraceddin El

Dergiyi ücretsiz indirmek için :

http://www.sanalkurs.net/e-dergi-1.html


Sanalkurs forumda da hemen bu dergi uygulamalarının nasıl yapıldı üzerine bir yer açılmış ve buna benzer bir "pageflip" hazır flash çalışması eklenmiş.Ben bu seferkini başarılı buldum,çünkü benim de daha önce verdiğim bir sürü hazır pageflip çalışması paylaşan siteler var ancak bu uygulamada yeni sayfa açmak ve içerisinde gösterilecek içeriği xml dosyasında gösteriyorsunuz.

XML klasörünün altında Pages.xml dosyasının içeriği bunu sağlıyor.Aşağıda hem jpg hemde swf gösterilmiş 2 sayfanın kodu var,buradan yeni page leride ekleyebiliyorsunuz.Hatta flv video dosyasını da swf embed edip denedim oynatıyor,eh ne de olsa flash :)

src="pages/page2.jpg"
canTear="true"
/>

src="pages/transparent_page1.swf"
/>

İngilizcesi olanlar readme.txt dosyasında tüm metodlar daha ayrıntılı anlatılıyor.Bu çalışmayı forumda paylaşan arkadaşa ve bana ileten Hamza Erbay arkadaşımıza teşekkür ederim. Çalışma dosyasını indirmek için :


MIX University BootCamp Silverlight'la evinizde!


March 5 - 7, 2008
The Venetian
Resort Hotel Casino
Las Vegas, Nevada


Microsoft Teknolojileri 'nin gövde gösterisi haline gelen MIX'ler özünde bir sürü BootCamp eğitimlerde içeriyor.Düşündüğünüz gibi sadece birkaç seminer,sunum ve Steve Balmer'ın atlaması zıplamasından ibaret değil.

Bu seneki MIX 5-7 mart aylarında Las Vegas'ta gerçekleşiyor,Silverlight ve Expression ürünlerinin showbusiness noktasında da damgasını vuracak gibi.Geçen seneki bir BootCamp videolarının WPF,Silverlight ve Expression Blend üzerine olan kısımlarını Silverlight video olarak evinizde izleyebilirsiniz.Sanki orada gibi çok keyifli!

Bizde CETURK'le birlikte verdiğimiz seminer ve Daron hocanın yapacağı Silverlight workshoplarını kameraya çekip aynı şekilde internette Silverlight üzerinden paylaşmayı düşünüyoruz.Tabii gerekli bandwidth altyapısını hazırlayarak.

Katılmak isteyenlere iyi dersler :)


http://visitmix.com/university

Hazır Silverlight Foto-Galerisi


Silverlight ile yapılmaya başlanan Foto ve Video galerilerinin tahmin edebileceğiniz üzere open source , açık kaynaklı olduğundann javascript,xaml ve html dosyalarını kopyalamak ve geliştirmek çok basit.İşte öyle bir galeriyi tüm dosyalarıyla inceleyebilmeniz için paylaşıyorum.Öncelikle Silverlight galerimize bir göz atın.

Silverlight Foto-Galeri Örnek Uygulamasını görmek için tıklayın.

gallery.js adlı Javascript dosyasının içinde klasörde tutulan dosyalara erişme yolları kayıtlı.Buradan yeni diziler atayıp images klasörü altına da görselleri eklerseniz bu galeriyi genişletmek için yeterli olacaktır.Adını da buradan değiştirebiliyorsunuz.

var galleryTitle = "Basit Silverlight Galerim";
var photoArray = new Array(12)
photoArray[0]="images/purpleFlowers640x480.jpg"
photoArray[1]="images/crownPoint640x480.jpg" .....

Çalışma dosyasını indirmek için :


Faydalı olması dileğiyle...

Adobe Flash CS4 - MAX Videoları




Keyframe ve Movieklipsiz matematiksel animasyonlar,Customize Video & 3D,runtime motor ve Puppet Tool! Hepsi CS4'te olacak! Kol oynatma demosu süper!

Fireworks CS3 ile Hazır Slideshow 'lar

Merhaba arkadaşlar ;

Bireysel eğitimlerde Adobe CS3 programları üzerinden gitmeye başladık.Fireworks CS3 ilk programımız. 8'den farklılıkları ilk gözüme çarpan Assets Style zenginliği ve Shapes'lerdeki yeni hazır şekiller(Inspire-ilham demek-inanılmaz eğlenceli,her ekrana bıraktığınızda farklı bir şekil oluşturuyor size ilham almanız için:) ve Pages paneli ile master page'ler tanıtarak yayınlamaya yarıyor. Bir de bu programlara yeni başlayanların en çok başvurdukları hazır uygulamalar. Aynı Photoshop CS3'te olduğu gibi burada da bir klasördeki tüm fotoğraflarınızdan bir foto-albüm yaratmanız sadece birkaç tık ötenizde. Bunun için commands-create slideshow diyelim.

Size açıla yeni ekranın çok beğenilen bir extension olduğunu belirtmeme gerek yok sanırım orjinal Fireworks ekranıyla ne akdar farklı olduğunu görebilirsiniz.Fireworks'e dahil edilmiş 3th party başka bir şirketin geliştirdiği uygulamadır bu Albumbook. 5 adet flash tabanlı 1 adet HTML ancak AJAX teknolojisi ( Adobe tarafında Spry denmekte) kullanılmış toplamda 6 adet stil seçerek foto albümünüzün yaratılacak klasörünü,önizleme fotolarının büyüklüklerini gibi kısımları seçip yayınlayabiliyorsunuz.


Açıkçası gerçekten çok sayıda gösterilmesi gereken fotoğrafınız var ise büyük bir zaman kazancı sağladığı kesin. Ve AJAX ( Spry) tabanlı albüm özellikle çok başarılı,fotoların bilgilerinin tuttuğu bir xml,fotoların kendilerini tuttuğu bir images klasörü ve html yayınlıyor.Direk Dreamweaver ile html sayfasını açıp tasarıma devam edebiliyorsunuz.

CS3'ün beğendiğim ve dikkatimi çeken özelliklerini paylaşmaya devam edeceğim. İyi tasarımlar...