Web Ortamına Aktarma
Eh artık basitte olsa animasyon yapmayı
öğrendik. Artık yaptığımız animasyonları web ortamına aktaralım.
Yaptığınız animasyon herşeyiyle bittiğinden eminseniz, onu "swf"
uzantılı olarak export etmek lazım. Ancak bu şekilde herhangi bir
browser'a okutabiliriz. Acak yaptığınız animasyonun birde "fla"
uzantılı olan bir kopyasını kaydetmeyi unutmayın. Flash'ta menü
çubuğundaki File > Export Movie'ye bastığınız zaman size nereye ve
hangi isimde kaydedeceğinizi soran bir pencere çıkacaktır. Bunları
belirttikten sonra "swf" uzantılı flash animasyonunuz hazır
demektir. Eğer bir HTML editörü kullanıyorsanız işiniz çok basit.
Mesela FrontPage için yaptığımız animasyon bir plug-in'dir, yani
eklentidir. Menü çubuğundan Insert > Advanced > Plug-in'e basın.
Karşınıza çıkacak pencereden, Browse yani gözat'ı tıklayın
animasyonun yerini söyledikten sonra boyutlarını belirtin. Burada
dikkat edeciğiniz bir şey var. Animasyonun boyutu ne kadar büyürse
büyüsün dosyanızın boyutu değişmez, ancak ekran kartından
doğabilecek sorunları da çözmez. Yani kullanıcının ekran kartının
RAM kapasitesi düşükse animasyonu oynatmakta zorluk çekecektir. Bu
yüzden animasyonu ergonomik kullanmak gerekir. Plug-in properties
penceresindeki diğer seçenekler kenarlıklarla ve nereye yanaşık
olacağı ile ilgilidir. OK düğmesine bastığınızda, sayfanızda
elektrik fişine benzer bir şekil kalacaktır. Alttaki sekmelerden
Preview sekmesine tıkladığınızda animasyonu izleyebilirsiniz.
Buraya kadar kolay ancak bazıları HTML
sever. Sevmeyenlerinde okumasında fayda var. Yaptığınız
animasyonun HTML kodlarını öğrenmek için Flash programında File >
Publish Preview > HTML'ye basarak bulabilirsiniz. Karşınıza
sürekli kullandığınız browser açılacak. Buradan View > Source
(Görünüm > Kaynak) ile tüm kodları kullanabilirsiniz. Mesela
aşağıdaki gibi bir kod çıkacaktır.
<HTML>
<HEAD>
<TITLE>ses</TITLE>
</HEAD>
<BODY bgcolor="#CC6633">
<!-- URL's used in the movie-->
<!-- text used in the movie-->
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase = "http://active.macromedia.com/flash2/cabs/
swflash.cab#version=4,0,0,0"
ID=ses WIDTH=400 HEIGHT=400>
<PARAM NAME=movie VALUE="webteknikleri.swf">
<PARAM NAME=menu VALUE=false>
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#CC6633>
<EMBED src="webteknikleri.swf" menu=false quality=high
bgcolor=#CC6633 WIDTH=400 HEIGHT=400
TYPE="application/x-shockwave-flash"
PLUGINSPAGE= "http://www.macromedia.com/
shockwave/download/index.cgi?
P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</BODY>
</HTML>
Şimdilerde bazı arkadaşlar diyorki "- ben
bazı sitelerde dolaşırken, animasyonun üzerine sağ tıklıyorum
sadece bu ibare çıkıyor:
Nasıl oluyor bu?". Publish settings'e basın
ve karşınıza gelen pencereden HTML sekmesini tıklayın. Burada "Display
menu" seçeneği işaretlidir. Bunu kaldırın ve tekrar "Publish
Preview in HTML" yapın. Yukarıdaki kodlarda da göreceğiniz gibi
<PARAM NAME=menu VALUE=false>
olacaktır. Bu da animasyonun üstüne sağ tıkladığınızda menüyü
göstermeyecektir. Hazır Publish Settings'i anlatıyorken biraz
bundan bahsedelim. Template kısmından hangi formatta publish
edeceğinizi belirtiyorsunuz. Biz burada "Default" yani "Flash only"
seçeneğini kullanacağız. Ancak Javascipt destekli olarak, Java
applet destekli olarak hatta Quicktime destekli olarak ta publish
edebiliriz. Dimensions kısmında, ister piksel cinsinden ister
yüzde (Percent) cinsinden isterseniz yaptığınız çalışmanın
boyutunu koruyarak (Match Movie) publish edebilirsiniz. Playback
kısmında dört seçeneğimiz var bunlardan ikincisini az önce menünün
saklanmasında anlattık. Diğerleri, açılışta ilk frame'in
gösterilip gösterilmeyeceğini belirten (Paused at start), bir
döngü içinde mi oynatılacağını belirten (Loop) ve son olarak
kullandığını fontların windows'un kendi fontlarına mı adapte
edileceğini belirtir. Tüm bunlar ziyaretçide çalışacaktır.
Diğerleri animasyonun kalitesini (Quality), animasyonun arkasına
koyduğunuz DHTML'in görünüp (Opaque), görünmeyeceğini (Transparent)
(Window mode - yalnızca Windows işletim sisteminde geçerlidir),
ölçülerini (Scale) ve HTML ile Flash'ta nereye yanaşık (Alignment)
olduğunu belirtir.
Yukarıdaki kodlara dikkat ederseniz
<OBJECT>
ve <EMBED>
tag'ları görürsünüz. <OBJECT>
tag'ı Internet Explorer, <EMBED>
tag'ı ise Netscape tarafından tanınıyor.
<OBJECT> tag'ı
<EMBED>
tag'ını kapsamış olması lazım. Bu kullanıcının browser'ının
gerekli Flash player plug-in'ini yüklenmiş kabul eder. Aksi
takdirde kırık bir link resmi çıkar. Eğer yukarıdaki gibi bir
<OBJECT>
tag'ına "classid" eklerseniz gerekli plug-ini bulamayınca
kullanıcıya plug-in'i indirmesini söylüyor. Bu kod
<EMBED>
tag'ında "PLUGINSPAGE" ile yapılır. Yukarıda anlatmadığımız bir
tek bgcolor kaldı. O da arka fon rengini belirtir.
Aman dikkat!!: Bütün bu kodları
kullanmadıysanız ve bir HTML editörü ile animasyonu sayfanıza
eklediyseniz. HTML kodları aşağıdaki gibi kalacaktır.
<embed width="128" height="128" src="flash6.swf">
Böyle bir kodun altına mutlaka aşağıdaki
gibi bir uyarı yazısı ve Plug-in'i yükleyebileceği bir link verin.
Hepsi bu kadar.
Eğer animasyonu göremiyorsanız aşağıdaki
düğmeye basın ve karşınıza gelen sayfada, "STEP 1" yazısının hemen
altındaki sarı butona basın.Açılan sayfada ortadaki film oynamaya
başlayıncaya kadar bekleyin. Film oynamaya başlayınca sitemize
geri dönebilirsiniz!
If you can' t see the animation above, press
the button below! and to download the Shockwave Flash Plug-in,
please click the button below
Resme vereceğiniz link:
http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash |