Flash Belgelerini Yayınlamak

Transkript

1 A-PDF Split DEMO : Purchase from to remove the watermark 11 Flash Belgelerini Yayınlamak Macromedia Flash 8 Basic, pek çok farklı türde uygulama oluşturmak için kullanılabilir. Flash uygulamalarının en popüler kullanım şekillerinden biri, bunları İnternet üzerinden yayınlamaktır. Tabii ki Flash uygulamalarının kullanımı bununla sınırlı değildir. Flash, cep telefonlarında, PDA lerde, halka açık kiosk larda, televizyon yayıncılığında ve bu tür uygulamaların kullanılabildiği her yerde karşımıza çıkmaktadır. Flash 8 uygulamalarının herhangi bir platformda kullanılabilmesi için önce yayınlanması gerekir. Bundan önceki 10 derste Flash ın geliştirme ortamında çalıştınız. Bu derste geliştirme dosyasını yayınlayarak Flash Player ın anlayabileceği bir formata, yani SWF formatına dönüştüreceksiniz. Ayrıca SWF dosyanızla birlikte HTML dosyalarınızı da yayınlayacak ve SWF dosyalarınıza metaveri ekleyeceksiniz.. Böylece arama motorlarının sitenizle ilgili bilgileri daha kolay bulmasını ve arama listelerinde daha üst sıralarda görüntülemesini sağlayacaksınız. TechBookstore sitesi bir HTML sayfasına gömülü durumda

2 Bu Derste Öğrenecekleriniz Bu derste şunları öğreneceksiniz: Bir dosyaya metaveri ekleyeceğiz. Yeni bir yayınlama profili oluşturacağız. Yayınlama ayarlarımızı nasıl değiştireceğimizi öğreneceğiz. Ziyaretçilerin Flash Player ını algılatarak, gerekiyorsa onları başka bir sayfaya yönlendireceğiz. Bir SWF dosyasının nasıl gömüldüğünü öğreneceğiz. Tech Bookstore sitesi için bir HTML sayfası oluşturacağız. Dosyalarımızı bir sunucuya yükleyecek ve Tech Bookstore sitesini online olarak izleyeceğiz. Yaklaşık Süre Bu dersi yaklaşık 1 saatte tamamlayabilirsiniz. Gerekli Dosyalar Ortam Dosyaları: lesson11/assets/tile.gif Başlangıç Dosyaları: lesson11/start/techbookstore.fla lesson11/start/loader.fla Tamamlanmış Dosyalar: Lesson11/complete/TechBookstore/(Tü m Dosyalar) 344 DERS 11

3 Metaveri Eklemek ve SWF Dosyalarını Yayınlamak Macromedia Flash 8 Basic (ve Professional) sürümünde tasarımcılar ve geliştiriciler SWF dosyalarına metaveri ekleyebilirler ve böylece arama motorları bunları bulabilir, indeksleyebilir ve arama sonuçlarında daha üst sıralarda görüntüleyebilir. Stage boyu ve cetvel birimleri gibi belge özelliklerini değiştirirken metaverinin nereden eklendiğini görmüştünüz. Bir Flash belgesini Web e yerleştirmek için, işe bir SWF dosyasın yayınlamakla başlamanız gerekir. Ders 7 de videoyu gömerken ve uygulamanızı Control > Test Movie ile her test edişinizde SWF dosyalarını yayınlamıştınız. Tech Bookstore Web uygulamanızı tümüyle görebilmenizin sebebi budur. Ancak Tech Bookstore uygulamanızın Web de görünebilmesi için en azından SWF dosyasını (burada TechBookstore.swf ve loader.swf) bir HTML belgesine gömmeniz gerekir. Neyse ki Flash Publish Settings iletişim kutusunda SWF dosyasını HTML belgesine gömen HTML etiketlerini ve bu HTML belgesini sizin yerinize oluşturabilir. Bu derste belirli ayarlarla Tech Bookstore sitesini ve loader.swf dosyasını, ayrıca yükleyici SWF dosyasını yayınlayacak ve sonra da belgeleri bir Web sayfasına gömeceksiniz. FLASH BELGELERİNİ YAYINLAMAK 345

4 1. Ders 10 da oluşturduğunuz techbookstore.fla dosyasını açın. Metaveri eklemek için Modify > Document komutunu seçin. Document Properties iletişim kutusuna Properties denetçisindeki Size düğmesine tıklayarak da geçebilirsiniz. Document Properties iletişim kutusunda Title (Başlık) alanına açıklayıcı bir isim, Description (Açıklama) alanına TechBookstore Web sitesinin ne olduğunu, ne işe yaradığını ve neler sunduğunu anlatan kısa bir açıklama girin. Ne yazacağınızı bilmiyorsanız önceki resimden faydalanabilirsiniz. İşiniz bittiğinde OK düğmesine tıklayın. Arama sonuçlarında üst sıralarda çıkma olasılığını artırmak için, açıklama kısmında önemli anahtar sözcükleri abartmadan tekrarlayın. Sık rastlanan sözcük ve bağlaçları kullanmaktan kaçının. Tech Bookstore gibi bir sitenin açıklama metninde kitaplar (books) ya da yaz ılım (software) sözcüklerini tekrar etmek mantıklı bir yaklaşım olacaktır. Normalde, yayınlamadan önce tüm Flash dosyalarınıza metaveri eklersiniz. Burada sadece ana uygulamanın kendisine odaklanıyoruz. 2. File > Publish Settings komutunu seçerek Publish Settings iletişim kutusunu açın. Buna ek olarak, kitabın CD-ROM undaki lesson11/start klasöründe yer alan techbookstore.fla dosyasını da açabilirsiniz. Publish Settings (Yayınlama Ayarları) iletişim kutusundaki sekmeleri kullanarak, Flash tarafından oluşturulan dosyaları kontrol edebilirsiniz. Çeşitli derslerde belgeyi SWF dosyasıyla birlikte yayınlamamak için Formats sekmesini kullanarak HTML seçeneğinin işaretini kaldırmıştınız (çünkü buna ihtiyacınız yoktu). Bu sekmenin yardımıyla, yayınlamak üzere ilâve dosya formatlar ı seçebilirsiniz. Bu formatların arasında EXE ve HQX de vardır (genellikle Flash projector dosyası olarak bilinirler). Bu dosyalar CD-ROM ve kiosk sunuları oluşturmak 346 DERS 11

5 için çok faydalıdır. Flash Player, doğrudan çalıştırılabilir dosyaya gömülür ve böylece kullanıcının en yeni Flash Player sürümüne sahip olup olmadığı konusunda endişe etmeye gerek kalmaz. Diğer dosya formatları arasında çeşitli resim dosya formatları ve hatta MOV video formatı vardır. 3. Publish Settings iletişim kutusunun üst tarafındaki Create New Profile düğmesine tıklayın. Yayınlama profili için bir isim yazın ve OK düğmesine tıklayın. Sabit diskinize, profili oluşturmadan önce yaptığınız yayınlama ayarlarıyla ilgili bilgileri içeren bir yayınlama profili kaydedilecektir. Bu, aynı ayarları birden fazla belgeyi yayınlamak için kullanıyorsanız oldukça faydalıdır (TechBookstore dosyasına yüklediğiniz bütün SWF dosyaları gibi). Bu belge için bir yayınlama profiline ihtiyacınız yok, ancak bu uygulamayla en azından nasıl hazırlandığını öğrenmiş olacaksınız. Bu profili bir sonraki uygulamada kullanacaksınız, fakat loader.fla dosyası için gereken yayınlama ayarlarına uyması için üzerinde bazı değişiklikler yapacaksınız. Siz Create New Profile (Yeni Profil Yarat) düğmesine tıkladıktan sonra, Create New Profile iletişim kutusu açılacaktır. Buradaki metin alanına yayınlama profilinin ismi için Tech Bookstore ya da buna benzer bir şey yazın, sonra OK düğmesine tıklayın. Publish Settings iletişim kutusuna döndüğünüzde, yeni yazdığınız ismin Current Profile (Geçerli profil) açılır menüsüne eklenmiş olduğunu göreceksiniz. Artık yayınlama profilinin ayarlarında gereken değişiklikleri yapabilirsiniz. Bu ayarlar profile kaydedilecektir. FLASH BELGELERİNİ YAYINLAMAK 347

6 4. SWF formatının işaretlenmiş, HTML formatının da işaretlenmemiş olduğundan emin olun. TechBookstore.swf dosyasını loader.swf dosyasına yüklediğiniz için, siteye ait bir ilerleme çubuğu görüntülenecektir. Bu yüzden kitap mağazası için bir HTML sayfasına ihtiyacınız yok ve bu onay kutusunun işaretini kaldırabilirsiniz. HTML sayfası, yükleyici SWF dosyası için gerekecektir. Onu da bir sonraki uygulamada ekleyeceksiniz. 5. Flash sekmesine tıklayın ve belgenin ayarlarının şu şekilde olduğundan emin olun: Version = Flash Player 8, Load order = Bottom up ve ActionScript version = ActionScript 2.0. Compress movie onay kutusu da işaretli olmalıdır. Protect from import ve Omit trace actions onay kutularını da işaretleyin. Bütün bu ayarları aşağıdaki şekilde görüyorsunuz. Flash sekmesini kullanarak, dosyanın hangi Flash Player sürümüne göre yayınlanacağını belirleyebilirsiniz. Kullandığınız ActionScript sürümünü de değiştirebilirsiniz (ActionScript 2.0 ı kullanan varsayılan bileşenler de buna dâhildir). Belgenin varsayılan ActionScript 2.0 ayarını değiştirmeyin. 348 DERS 11

7 Player sürümünü, Flash belgesinin içeriğine bağlı olarak belirlemeniz gerekir. Seçtiğiniz Player sürümüyle çalışmayan bir ActionScript kodu kullanıyorsanız, Output panelinde çeşitli hatalar görüntülenir ve dosyayı kaydetmeye kalktığınızda bir hata mesajıyla karşılaşırsınız. Flash Player 8 isteyen bileşenler kullandığınızda, çalışmaları için Player sürümünü Flash Player 8 (ve ActionScript 2.0) olarak ayarlamanız gerekir. Diğer bileşenler Flash Player 6 ya da 7 ye göre ayarlanabilir ve ActionScript 2.0 kullanılabilir. Hangi Flash Player veya ActionScript sürümüne ihtiyacınız olduğunu tam olarak bilemiyorsanız, Ctrl+Enter tuşlarına basarak ve Player da sonuçları inceleyerek SWF dosyasını test etmeyi deneyebilirsiniz. SWF dosyanızda bir öğeyi göremiyorsanız, ayarları değiş tirmenizin gerektiğini anlarsınız. Seçtiğiniz iniz Player tarafı ndan desteklenmeyen ActionScript kodları, Actions panelinde sarıyla vurgulanacaktır. Load order (Yükleme sırası) FLA dosyalarınızdaki katmanların çalışma zamanında Flash Player a yüklenme sırasını belirler. Bottom up ı seçerseniz (varsayılan ayar), katmanlar en alttan en üste doğru yüklenir. İnternet bağlantısı yavaş olan ziyaretçilerde bunun etkisi açıkça görülebilir; çünkü öğeler Stage in üzerinde sizin belirlediğiniz sırayla belirir. Bu, ActionScript kodlarınızı da etkileyebilir, çünkü bu ayarı kullandığınızda daha alt katmanlardaki eylemler (eğer varsa) daha üst katmanlarda yer alan eylemlerden daha önce yüklenecektir. Load order ayarı, SWF dosyanızın sadece ilk karesini etkiler. Bu sekmede pek çok ilâve seçenek bulunmaktadır. Generate Size Report u (Boy raporu hazırla) işaretlediğinizde Output paneli sonuçtaki SWF dosyasında bulunan veri miktarını gösterir: İçerik; kareler, semboller, metin karakterleri, eylemler ve bitmap ler olmak üzere çeşitli bölümler halinde gösterilir. Omit Trace Actions (İzleme eylemlerini ihmal et) seçeneğini işaretlerseniz, SWF dosyasını test ettiğinizde Output panelinde izlenen bir şey göremezsiniz. Bununla birlikte, SWF dosyanızın son versiyonunu yayınladığınızda ve izleme eylemleriyle birlikte Actionscript kullandığınızda bu ayarı kullanmanız şarttır. Bu seçeneği işaretlediğinizde Flash, ActionScript kodlarınızdaki izleme eylemlerini siler, bu da hem final dosyasının boyunu küçültür, hem de performansı biraz artırır. Son kullanıcıların tarayıcılarında bir Output penceresi yoktur, ama bu, Flash Player ın izleme eylemlerini çalıştırmayı denemesine engel olmaz. Bir FLA dosyasının ithal edilmesini Protect From Import seçeneğiyle engellerseniz, diğer insanlar (password alanına girdiğiniz şifreye sahip değillerse) SWF dosyanızı kendi FLA belgelerine aktaramazlar. SWF dosyaları bir dizi kare, bitmap ve grafik sembolü olarak ithal edilir. Bir SWF dosyası ithal edildiğinde hiçbir ActionScript kodu, katman ve bileşen korunmaz. Bir FLA dosyasını kaybederseniz, SWF dosyasını ithal ederek FLA dosyanızı geri getirmeniz mümkün değildir. Bu, resimleri almanıza yarar, ancak FLA dosyasının diğer öğelerini yeniden oluşturmanız gerekir. Zaten dosyalarınızı bu yüzden yedekliyorsunuz, öyle değil mi? FLASH BELGELERİNİ YAYINLAMAK 349

8 SWF dosyalarının ithal edilmesini engelleseniz bile, İnternet te bulunabilecek bazı araçlar bu seçeneği geri alabilir. Ayrıca, SWF dosyalarınızı açmaya ve kullandığınız ActionScript kodlarını görüntülemeye yarayan araçlar da mevcuttur. SWF dosyalarına asla önemli bilgilerinizi (ş ifre, vs.) yerleştirmeyin. Debugging Permitted (Hata ayıklamaya izin veriliyor) seçeneğini işaretlerseniz, SWF dosyasının hatalarını uzaktan ayıklayabilirsiniz. Dosyaya online olarak erişebilir ve istendiğinde şifresini girebilirsiniz. Bu, SWF dosyasının korunmasına da yardımcı olur. Biri bu SWF dosyasını indirdiğinde, inde, Flash a ithal etmek için bu şifreyi kullanması gerekir. Ve son olarak Compress Movie (Filmi Sıkıştır) seçeneği de, SWF dosyasını sıkıştırarak dosya boyunu küçültmenizi sağlar. Bu seçenek sadece Flash Player ın 6 r65 ve daha yeni sürümleri için geçerlidir (r65, Flash Player 6 nın bir alt sürümünü belirtir). Yani, SWF dosyasını izleyebilmeleri için ziyaretçilerinizin bilgisayarında Flash Player ın en az bu sürümü kurulu olmalıdır. Flash Player 8 için dosya oluşturduğunuzdan, burada sorun yoktur. 6. JPEG quality ayarını 100 yapın ve Override sound settings onay kutusunu işaretleyin. Audio stream ve Audio event ayarlarının varsayılan seçeneklerini değiştirmeyin. JPEG quality (JPEG kalitesi) ayarı, FLA dosyanızdaki bitmap resimlerini (JPEG ler gibi), bu sürgüyle üyle belirledi ğiniz kalite değerine göre sıkıştırır. Sürgüyle üyle ayarlad ığınız yüksek bir değer daha iyi bir resim kalitesi elde etmenizi sağlar, çünkü JPEG resimleri çok fazla sıkıştırılmaz. Bu ayarı çok düşük bir değere ayarlarsanız, SWF dosyasının n boyu daha küçü k olur, fakat resimlerin kalitesi bozulabilir. Resimlerin İnternet te görüntülenmesini istiyorsanız, resimlerinizi Macromedia Fireworks ya da Adobe ImageReady gibi bir araçla optimize edin ve bu sürgüyüy ü 100 değerine getirin. Buradaki diğer kontrollerle, resmin kalitesi üzerinde (resim dosyası boyunun tersine) daha fazla kontrol imkânına sahip olursunuz. Bu arada, daha önce sıkıştırılmış bir resmi tekrar sıkıştırmanın çok kötü bir fikir olduğunu aklınızdan çıkarmayın. Resimleriniz Web için optimize edildiğinden, başka bir sıkıştırma işlemi yapılmasını engellemek için Quality ayarını 100 yapıyorsunuz. Override sound settings (Ses ayarlarını dikkate alma) onay kutusunu işaretleyin. Bu durumda, geliştirme ortamında her ses için in kü tüphaneyi ve Properties iletişim kutusunu kullanarak yaptığınız bireysel ayarların yerine, SWF dosyasının geneli için yapılan bu ayarlar kullanılır. Bu da, yayınlandığında genel olarak SWF dosyasının n boyunun küçü lmesine yardımcı olur. Set düğmelerini kullanarak sıkıştırma ayarını (Compression), örnekleme hızını (Sample Rate) ve sesin türünü (olay sesi veya akan ses) değiştirebilirsiniz. Varsayılan ayarlar TechBookstore sitesi için uygundur (MP3, 16Kbps lik BitRate ve Mono). Sesi Library panelindeki Sound Properties kısmında sıkıştırdıysan ıysan ız, bunu yapmak için muhtemelen çok iyi bir sebebiniz olmalı. Bu durumda, bu ayarları dikkate alırsınız. 350 DERS 11

9 Bir dosyayı tek adımda yayınlamak isterseniz, tek yapmanız gereken şey, File menüsünden Publish i seçmektir. Bu iş lem, Publish Settings iletiş im kutusundaki geçerli ayarları kullanarak, FLA dosyası otomatik olarak yayınlar. Dosyalar, geçerli FLA dosyasının bulunduğu dizinde oluşturulur. Local playback security (Yerel oynatım güvenliği) ayarında varsayılan seçenek olan Access local files only yi (Sadece yerel dosyalara Eriş) değiştirmeyin. Bir SWF dosyasını yerel olarak oynattığınızda SWF dosyanız, yerel bilgisayarınızdaki ya da bağlı olduğunuz ağdaki farklı kaynaklarla etkileşime girebilir. Örneğin SWF dosyası çalıştığında dinamik olarak yüklenebilen bir JPEG ya da PNG resmini bilgisayarınızdaki veya ağınızdaki bir dizinde depolayabilirsiniz. Ancak farklı bir domain domainden den ya da bir İnternet kaynağından (Amazon. com ya da Petco.com gibi) bilgi alamaz. Access network only (Sadece ağa eriş) seçeneğini kullanırsanız, LoadVars metin dosyalarınız gibi kaynaklara sadece bir ağdan erişilebilir (yerel olarak erişilemez). 7. Dosyayı yayınlamak için Publish düğmesine tıklayın. Ardından Import/Export Profile düğmesine tıklayın ve yeni oluşturduğunuz yayınlama profilini ihraç etmek için karşınıza gelen menüden Export komutunu seçin. Siz Publish düğmesine tıkladıktan sonra, TechBookstore klasöründe techbookstore.swf isminde bir dosya oluşturulur. Bu aşamada, diğer FLA dosyalarında kullanabilmek için yayınlama profilini ihraç etmeniz gerekir. Profil, sabit diskinize bir XML belgesi olarak kaydedilir. Bu XML dosyası ayarlarınızı içerir; bu profile ihtiyaç duyulan başka bir FLA dosyası yarattığınızda, bu ayarlar Publish Settings iletişim kutusuna ithal edilebilir. Import/Export Profile düğmesine tıkladığınızda açılan menüden Export u seçin. Export Profile (Profili İhraç Et) iletişim kutusu açılacaktır. Bu iletişim kutusuna bir isim girerek profili başka bir isimle kaydedebilir ya da adını Tech Bookstore olarak bırakabilirsiniz. Yayınlama profilini ihraç etmek için Save (Kaydet) düğmesine tıklayın. Artık profili, oluşturduğunuz diğer FLA dosyalarına aktarabilirsiniz. FLASH BELGELERİNİ YAYINLAMAK 351

10 8. OK düğmesine tıklayarak Publish Settings iletişim kutusunu kapatın. File menüsünden Save komutunu seçerek Tech Bookstore dosyasında yaptığınız değişiklikleri kaydedin. Kitap mağazasına ait SWF dosyasını yayınladıktan ve yayınlama profilini ihraç ettikten sonra, kitap mağazasıyla işimiz bitti. Flash Player ı Tespit Etmek Bir ziyaretçi sitenize girdiğinde, ziyaretçinin sisteminde Flash Player ın kurulu olup olmadığını ya da bunun, hangi sürüm olduğunu bilmeyebilirsiniz (ziyaretçilerin bilgisayarında Flash Player ın herhangi bir sürümü büyük ihtimalle yüklüdür). Ziyaretçilerin Tech Bookstore sitesine yüklenen SWF dosyalarının (örneğin tur) içeriğini ve kitap mağazasını görebilmeleri için, bilgisayarlarında Flash Player ın doğru sürümünün (Flash Player 8) kurulu olması gerekmektedir. Flash Player ın başarıyla tespit edilmesi için gereken işlemler oldukça karmaşıktır, çünkü bir HTML sayfasına yazılan belirli bir JavaScript kodunu kullanmayı gerektirir. Ama dosyayı yayınladığınız anda bir Player tespit sistemi oluşturarak bu zor işin dosya yayınlanırken yapılmasını sağlayabilirsiniz. Bunun için aşağıdaki adımları izleyin. 1. loader.fla belgesini açın ve File menüsünden Publish Settings i seçerek Publish Settings iletişim kutusunu açın. Önceki uygulamada oluşturduğunuz yayınlama profilini ithal edin. Önceki uygulamada oluşturduğunuz TechBookstore isimli yayınlama profilini ithal edin. Import/ Export Profile düğmesine tıklayın ve açılır menüden Import u seçin. Import Profile iletişim kutusu açılacaktır. Bu iletişim kutusunu kullanarak aktaracağınız profili seçebilirsiniz. TechBookstore.xml profiline, sonra da Open düğmesine tıklayın. Tech Bookstore profili Current Profile (Geçerli Profil) menüsünde görünecektir. Tech Bookstore profilini seçin. Bu profilde, SWF dosyasında kullandığınız ayarlar yer alır. Aşağıdaki adımlarda bu ayarların bazılarını değiştireceksiniz. 2. Formats sekmesinde Flash ve HTML onay kutularının işaretli olduğundan emin olun. Bu seçeneğin etkin durumda olması, onay kutusunu işaretlediğinizde HTML sayfasının oluşturulacağı anlamına gelir. HTML sayfalarını ve SWF belgesini yayınlamanız gerekiyor. HTML alanındaki HTML dosyasının adını bookstore.html olarak değiştirin. Bu dosyada dersin ilerleyen sayfalarında bazı değişiklikler yapacağız. Flash sekmesinde herhangi bir ayarı değiştirmeniz gerekmiyor, daha önce oluşturduğunuz yayınlama profilindeki varsayılan ayarları aynen bırakabilirsiniz. 3. HTML sekmesini seçin. Detect Flash Version (Flash Sürümünü Tespit Et) onay kutusunu işaretleyin ve Playback (Oynatım) bölümündeki Loop (Döngü) ve Display menu (Menüyü göster) seçeneklerinin işaretini kaldırın. İşiniz bittikten sonra OK düğmesine tıklayın. 352 DERS 11

11 HTML sekmesinde bazı değişiklikler yapmanız gerekiyor. Bir Flash Player algılama sistemi oluşturmak için Detect Flash Version (Flash Sürümünü Tespit Et) onay kutusunu işaretleyin. Siz bu seçeneği işaretlediğinizde Flash, sizin Flash sekmesinde belirttiğiniz Flash Player sürümünü (burada Flash Player 8) tespit eden JavaScript kodunu ekleyecektir. Bilgisayarında Flash Player kurulu olmayan kullanıcılar otomatik olarak adresine yönlendirilecektir. Kullanıcılar bu adresten Web sayfanızdaki Flash içeriğini görebilmeleri için gereken Flash Player sürümünü indirebilir ve makinelerine kurabilirler. Düzenlemeleri yaptıktan sonra OK düğmesine tıklayarak Publish Settings iletişim kutusuna geri dönün. HTML sekmesindeki Loop seçeneğinin işaretini kaldırdığınızdan emin olun ve işiniz bittikten sonra Publish düğmesine tıklayın. Flash Player tespit sistemini, ancak dosyayı Flash Player 4 ya da daha sonraki bir sürüm için yayınladığınızda kullanabilirsiniz. HTML sekmesinde yer alan diğer seçeneklerin değiştirilmesi gerekmiyor, ama isterseniz bu seçeneklerin ne işe yaradıklarına kısaca göz atalım. Template (Şablon): bu ayar, filmin HTML kısmını yayınlamak için kullanılacak şablonun türünü belirtir. Kullanılabilir durumdaki her bir şablon türü hakkında daha fazla bilgi edinmek istiyorsanız, bu ayarın yanındaki Info düğmesine tıklayın. Dimensions (Boyutlar): Belgeye gömülecek Flash SWF dosyasının boyutlarını ayarlayabilirsiniz. Varsayılan Match Movie (Filme Uydur) boyutları, Stage in geçerli boyutlarıdır. Ama buraya istediğiniz boyutları piksel ya da yüzde cinsinden girebilirsiniz. FLASH BELGELERİNİ YAYINLAMAK 353

12 Playback (Oynatım): Bu seçenekler, SWF dosyasının çalışma zamanında nasıl oynatılacağını belirler. Loop (Döngü), SWF dosyasının Timeline daki son kareye ula ştıktan sonra 1 numaralı kareye dönmesini ve tekrar oynatılmasını sağlar. Paused at start (Başlangıçta duraklat) seçeneğini kullanarak, SWF dosyası oynatılmaya başladığında duraklatılmasını sağlayabilir ve oynatımı elle kontrol edebilir ya da bağlam menüsünü kullanabilirsiniz. Display menü seçeneğini işaretleyerek veya işaretini kaldırarak, bir bağlam menüsünün görüntülenmesini ya da görüntülenmemesini sağlayabilirsiniz. Ayrıca SWF dosyasında aygıt fontlarının kullanılmasını ya da kullanılmamasını da sağlayabilirsiniz (bunları Ders 3 te metinlerin kullanımında anlatmıştık). Statik metinle aygıt fontlarını kullanmak için, Device font (Aygıt fontu) seçeneğini işaretleyin. Statik metnin, aygıt fontlarını kullanacak şekilde özel olarak ayarlanmasını gerektiğine dikkat edin. Quality (Kalite): Bu menüyü kullanarak SWF dosyasının kalitesini Low ile Best arasında çeşitli değerlere ayarlayabilirsiniz. Low (düşük) ayarı anti-aliasing kullanmaz ve en hızlı oynatımı sağlar. Auto-Low (otomatik düşük) ise, mümkünse kaliteyi yükseltmeye çalışır, ama aynı zamanda SWF dosyasını hızlı oynatmaya da çalışır. High (yüksek) varsayılan seçenektir. Burada bu seçeneği kullanacağız, ayrıca her zaman anti-aliasing uygulayacağız, ama eğer bir animasyon kullanılıyorsa bitmap ler yumuşatılmaz (yumuşatma daha iyi bir görünüm sağlar, ama SWF dosyasının oynatımını yavaşlatır). Window Mode (Pencere Modu): Bu seçeneği kullanarak, HTML dosyasındaki wmode niteliğini kontrol edebilirsiniz. Transparent Windowless (şeffaf penceresiz) seçeneği, Flash belgesinin arka planını şeffaf olarak ayarlar ve etrafı ndaki tarayıcı penceresini kaldırır (başlık çubuğu dâhil olmak üzere). Örneğin, reklâmlarınızdan birinin bir HTML sayfasının üzerinde kayıyormuş gibi görünmesini sağlamak için bu modu kullanabilirsiniz. Opaque Windowless (opak penceresiz) seçeneği Flash belgesinin arka planını kaldırmaz, ama etrafı ndaki tarayıcı penceresini kaldırır. SWF dosyasının herhangi bir yerine, bu dosyanın kapatılmasını sağlayan bir düğmeyi yerleştirmeyi unutmamalısınız. Window (Pencere) varsayılan moddur ve Flash belgesinin normal bir tarayıcı penceresinde görüntülenmesini sağlar. Penceresiz modları desteklemeyen tarayıcılar da vardır. Bütün önemli tarayıcılar gibi, Netscape tarayıcısının en son sürümleri (NS 7+), ayrıca Internet Explorer 5 (Windows) ve Internet Explorer 5.1 (Mac) ve sonraki sürümler artık penceresiz modu desteklemektedir. HTML Alignment (HTML Hizalaması): Bu seçenek, HTML sayfasındaki SWF dosyasını tarayıcı penceresinin çeşitli kenarlarına hizalayarak yerleştirmenize yardımcı olur. Scale (Ölçek): Dimensions ayarında SWF dosyasının boyutlarını değiştirdiyseniz, bu seçenek SWF dosyasının boyutlarını ayarlar. Default seçeneği orijinal SWF dosyasının en/boy oranını korur, Exact Fit seçeneği ise belgeyi en/boy oranını korumadan, ama ayarladığınız boyutları dolduracak şekilde görüntüler. No Border seçeneği SWF dosyasını en/boy oranını koruyarak ölçekler, ama gerekiyorsa Stage i kırpar. No Scale seçeneği ise, kullanıcı tarayıcı penceresinin boyutlarını değiştirdiğinde SWF dosyasının ölçeklenmesini önler. 354 DERS 11

13 Flash Alignment (Flash Hizalaması): Bu seçenek, SWF dosyasını tarayıcı penceresinde hizalar ve gerekiyorsa kırpma işlemini gerçekleştirir. Bu da SWF dosyanızı, özellikler farklı boyutlar seçtiğiniz ve Stage in kırpıldığı durumlarda etkiler. 4. FLA dosyasında yaptığınız değişiklikleri kaydedin. Bütün işlemleri tamamladıktan sonra FLA dosyasını (hatta Flash ı da) kapatabilirsiniz. Dosyayı yayınlama işlemini tamamladınız. Şimdi tek yapmanız gereken, oluşturulan HTML dosyalarını düzenlemek ve bütün bu dosyaları online olarak sunmaktır (dosyaları tek bir yerde de yayınlayabilir, böylece Web sitenizi yerel olarak test edebilirsiniz). Bir SWF Dosyasını Bir HTML Sayfasına Gömmek SWF dosyalarını online olarak sunarken, onları genellikle bir HTML sayfasına gömersiniz. Bunu yapmak için HTML dilini öğrenmenize gerek yoktur, çünkü Flash kodu sizin yerinize oluşturur. Bununla birlikte, bu uygulamada bir resmin döşendiği bir arka plan ekleyebilmek ve SWF dosyasını sayfada ortalayabilmek için, in, Flash ı n oluşturduğu HTML belgesini biraz değiştireceksiniz. Flash bir HTML dosyası oluşturduğunda SWF dosyası zaten gömülü durumdadır. Bu uygulamada bir HTML sayfası oluşturacak ve Tech Bookstore SWF dosyasını bunun içine gömeceksiniz. SWF dosyaları HTML sayfalarına <object> ve <embed> etiketleri kullanılarak gömülür. 1. bookstore.html dosyasını bir HTML editöründe veya istediğiniz bir metin editöründe açın. Bu uygulamada Macromedia Dreamweaver 8 gibi gelişmiş özelliklere sahip bir editörü de, Not Defteri (Notepad) gibi basit bir metin editörünü de kullanabilirsiniz. Mevcut dosyada çok küçük değişiklikler yapacağınız için, gelişmiş araçlar kullanmanız gerekmez. 2. title etiketlerinin arasında yer alan metni değiştirerek siteye bir isim verin. Bu isim Web tarayıcısının başlık çubuğunda görünecektir. Başlık çubuğunda sitenin isminin nasıl görünmesini istediğinize bağlı olarak, bu başlığı istediğiniz şekilde değiştirebilirsiniz. Biz burada Tech Bookstore ismini tercih ettiğimiz için, bu satırı aşağıdaki gibi yazıyoruz. <title>tech Bookstore</title> 3. body etiketinden = #ffffff yi silin. Bu niteliği background= tile.gif olarak değiştirin. title ve head etiketlerinin altında body etiketi yer alır. bgcolor niteliği, HTML sayfasının arka plan rengini ayarlar. Bununla birlikte, arka plan rengini uygulamak yerine bir arka plan resmi kullanmak isteyebilirsiniz. CD-ROM daki lesson11/assets klas öründe tile.gif adında bir dosya bulunuyor. Bu dosyayı TechBookstore klasörüne kopyalayın, sonra da <body> etiketini aşağıdaki gibi değiştirin. FLASH BELGELERİNİ YAYINLAMAK 355

14 <body background= tile.gif > Bir arka plan resmi eklemek, resmin, Web sitesinin arka planının tamamını kaplayacak şekilde döşeneceği anlamına gelir. Bu arka plan, SWF dosyasının arkasında görünür. Buradaki küçük boyutlu ve iddiasız GIF dosyası, arka planda belli belirsiz bir desen oluşturacaktır. Arka planların HTML nitelikleri değil de CSS kullanılarak ayarlanması en iyi yaklaşım şeklidir. Bu uygulamada HTML niteliğini değiş tirmek kabul edilebilir, ama şu zamanda bile CSS kullanmıyorsanız, biraz demode kalmışsınız demektir. CSS yi öğrenin, sevin ve hayatınıza katın. 4. Tech Bookstore u içerecek bir DIV etiketi ekleyin ve sayfada yatay olarak ortalayın. <body> etiketinin altında bazen, açıklama olarak eklenmiş pek çok satır görürsünüz. HTML belgesi böyle satırlar içeriyorsa, bu satırlar kodun ne yaptığını açıklamak ve kodu geliştirecek diğer insanlara talimat sağlamak amacıyla eklenmiş olmaları açısından, bir Flash dosyasındaki açıklama haline getirilen kodlara benzer. 356 DERS 11

15 Oluşturulan HTML dosyalarına açıklama olarak eklenen bu metinler, SWF dosyasında bulunan ve arama motorları için içeriğin daha iyi bir şekilde indekslenmesine yardımcı olan metinler içerir. <body background= tile.gif > etiketinin altına aşağıdaki satırı ekleyin: <div align= center> Bu satırlardan sonra, SWF dosyasını gömerek bütün tarayıcıların onu görmesini sağlayan kodlarla birlikte <object> ve <embed> etiketleri gelir. Bu kodların sonuna ve </body> etiketinin hemen üstüne, DIV etiketini kapatan ve Flash dosyasını içerecek olan şu kodu ekleyin: </div> Body Etiketini Aç DIV Etiketini Aç DIV Etiketini Kapat Body Etiketini Kapat FLASH BELGELERİNİ YAYINLAMAK 357

16 Siz bütün bu işlemleri tamamladıktan sonra, bookstore_content.html sayfasına ait HTML dosyası tamamı aşağıdaki gibi görünecektir. HTML dosyasını düzenledikten sonra, loader.fla dosyasına ait Publish Settings iletiş im kutusuna geri dönüp Formats sekmesindeki HTML seçeneğinin iş aretini kaldırmayı unutmayın. Böylece, FLA dosyasını tekrar yayınladığınız takdirde, HTML belgelerinde yapmış olduğunuz ayarların değiş mesini önlemiş olursunuz. 5. HTML dosyasında yaptığınız değişiklikleri kaydedin, sonra da HTML sayfasını açarak varsayılan tarayıcıda görüntüleyin. HTML dosyasını kaydettikten sonra kapatabilirsiniz. TechBookstore klasöründe dosyayı bulun ve yayınlanan bookstore.html dosyasına çift tıklayarak kitap mağazasını varsayılan Web tarayıcında açın. Bilgisayarınızdaki varsayılan ayar nedeniyle bir metin editörü açılıyorsa, bunu bir tarayıcı penceresinde açılacak şekilde ayarlayın. Dosyanın farklı yerlerine tıklayarak bunun farklı alanlarını inceleyin. Aşağıdaki uygulamada bütün dosyaları bir sunucuya yükleyecek ya da size gereken dosyaları tek klasöre yerleştireceksiniz. 358 DERS 11

17 Tech Bookstore Sitesini Web Sunucusuna Yüklemek Dosyaları yüklemek için Web erişimi imkânına sahipseniz, bir sonraki adım, Tech Bookstore sitesini online olarak görüntülenecek şekilde yüklemektir. Web sitesi için, kitap boyunca oluşturduğunuz bütün dosyalara ihtiyacınız olmadığından, site için kullanılacak dosyaları tek bir klasörde toplamanız ve sonra bu dosyaları sunucuya yüklemeniz gerekir. Web alanınız yoksa dosyaların yüklendiği adımda durmanız ve siteyi sabit diskinizde yerel olarak test etmeniz gerekir. Eğer sitenizin online olarak görüntülenmesini istiyorsanız, aşağıdaki adımları sonuna kadar takip edin. 1. Sabit diskinizdeki TechBookstore klasörünü açın. Sonra da Tech Bookstore sitesinde kullanacağınız dosyaları taşımak (veya kopyalamak) için sabit diskinizde yeni bir klasör oluşturun. Dosyalarınızın çoğunu TechBookstore klasörüne kaydettiğiniz için, bu klasörde (yüklenmesi gerekmeyenlerle birlikte) pek çok dosya mevcuttur. Bu dosyaların hepsini yüklemeniz gerekmez, çünkü Web sitesi için FLA dosyalarına veya ithal edilmiş resimlere online olarak ihtiyacınız yok. Bu dosyalardan sadece bazılarını yüklemeniz gerekmektedir: HTML dosyaları, SWF dosyaları ve siteye dinamik olarak yükleyeceğiniz veya linkleyeceğiniz dosyalar. Yeni oluşturduğunuz klasörü istediğiniz gibi adlandırabilirsiniz (mesela bookstore). 2. Aşağıdaki dosyaları yeni oluşturduğunuz klasöre taşıyın. Site için ihtiyacınız olan bütün dosyaları tek bir konumda toplamanız gerekir. Bunların içinde SWF dosyaları ve SWF dosyalarına yüklenen ortam dosyalarıyla birlikte, bu derste yayınladığınız HTML belgeleri yer alır. Kolaylık sağlaması için, ihtiyacınız olan dosyalar aşağıda listelenmiştir. bookstore.html loader.swf tile.gif TechBookstore.swf home.swf catalog.swf reviews.swf tour.swf news.swf map.swf video1.swf video2.swf video3.swf mmpresslogo.jpg home01.jpg home02.jpg styles.css home.txt news.txt sectiontext.txt Diğer dosyaların yanında, catalog ve reviews klasörlerini de bu klasörün içine taşımanız gerekir. FLASH BELGELERİNİ YAYINLAMAK 359