- Katılım
- 20 Haz 2009
- Konular
- 3,801
- Mesajlar
- 17,721
- Çözüm
- 15
- Online süresi
- 2mo 12d
- Reaksiyon Skoru
- 2,606
- Altın Konu
- 0
- TM Yaşı
- 16 Yıl 11 Ay 24 Gün
- Başarım Puanı
- 444
- MmoLira
- -2,369
- DevLira
- 0
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
Giriş Sayfasını Oluşturmak
Giriş (Home) sayfası da, LoadVars nesnesi kullanılarak Tech Bookstore`a yüklenen biçimlendirilmiş bir metin bloğudur. Metin TextArea bileşeninin bir örneğine yüklenir. Bu bölümde, Tech Bookstore Web sitesinin giriş sayfasına yüklenecek olan SWF dosyasını oluşturacaksınız. Bu uygulamada, daha önceki uygulamalarda oluşturduğunuz varlıklardan bazılarını kullanacaksınız. Varlıkların tekrar kullanılması geliştirme sürecini hızlandırdığı için, burada kullanabileceğiniz en kolay yol, sayfayı sıfırdan başlayıp oluşturmak yerine, Haberler (News)bölümünün bir kopyasını oluşturup, bunun üzerinde gereken değişiklikleri yapmaktır. Bu nedenle, bu uygulamada Haberler sayfasının kopyasını oluşturacak ve bu kopyayı Giriş sayfasına dönüştüreceksiniz.
1.Önceki uygulamada oluşturduğunuz news.fla dosyasını açın. dosyanın yeni bir versiyonunu home.fla adıyla TechBookstore klasörüne kaydedin.
news.fla dosyasını başlangıç dosyası olarak kullanmak, yeni dosyayı oluştururken uygulamanız gereken pek çok adımı atlamanızı sağlar ve Actionscript kodunu da sıfırdan başlayarak yazmak zorunda kalmazsınız. Yapmanız gereken tek şey, Stage`in ve TextArea bileşeninin boyutlarını değiştirmek, örnek isimlerinde ve Actionscript kodunda biraz değişiklik yapmaktır; bu da size zaman kazandırır.
Önceki derste oluşturduğunuz news.fla dosyasının kopyasını açın. File menüsünden Save As`i seçin. Belgeye home.fla ismini verin, sonra da Save düğmesine tıklayın. Bu dosyayı önceki belgeyle aynı yere, TechBookstore klasörüne kaydedin.
2.Belgede Stage`in ve TextArea örneğinin boyutlarını değiştirin.
Tech Bookstore sitesinin Giriş sayfasının bir “gündemdeki kitap“ modülü olduğu için, home.fla belgesinin boyutlarını siteye uyacak şekilde değiştirmeniz gerekiyor. Selection aracını kullanarak Stage`deki TextArea bileşen örneğine tıklayın ve Properties denetçisini kullanarak bileşenin genişliğini 570 piksel olarak ayarlayın. Bileşenin yüksekliğini 325 piksel, x ve y koordinatların da 10 piksel olarak bırakın. Stage`e tıklayın ve belgenin boyutlarını 580 x 345 piksel olarak ayarlayın.
3.TextArea örneği için yeni bir örnek ismi girin ve actions katmanındaki Actionscript kodunu değiştirin.
Stage`deki TextArea bileşen örneğini seçin ve Properties denetçisine yeni bir örnek ismi (home_txt) yazın. Bileşen örneğinin ismini değiştirdiğiniz için, Actionscript kodunuzda TextArea bileşenine ait başvuruları da değiştirmeniz gerekiyor. Ayrıca news_lv başvurularını da home_lv olarak değiştireceksiniz. Kodun değiştirilmiş hali aşağıdaki gibi olacaktır.
var flash_css = new TextField.StyleSheet();
flash_css.load(“styles.css“);
flash_css.onLoad = function(success:Boolean) {
if (success) {
home_txt.styleSheet = flash_css;
} else {
trace(“Error loading CSS file.“);
}
};
var home_lv:LoadVars = new LoadVars();
home_lv.load(“home.txt“);
home_lv.onLoad = function(success:Boolean) {
if (success) {
home_txt.text = this.content;
} else {
trace(“unable to load text file.“);
}
};
home_txt.html = true;
home_txt.editable = false;
Bu Actionscript kodu news.fla dosyasına ait kodla neredeyse aynıdır. Burada, sadece örnek isimlerinin ve yüklenen harici metin dosyasının ismini değiştirmeniz gerekti.
Bu Actionscript kodunun ikinci satırdan son satıra kadar olan kısmı, Stage`deki home_txt örneğinin HTML ile biçimlendirilmiş metni doğru olarak göstereceğinden emin olmanızı sağlar. Metninize ilave biçimlendirme özellikleri eklemek için resimler, kalın, italik metinler ve madde imli listeler kullanabilirsiniz. Son satır ise editable özelliğini false olarak ayarlar. Bu da, kullanıcıların ekranlarındaki metinde değişiklik yapmasını engeller.
4.
Flash belgenizi doğru bir şekilde test edebilmek içim, LoadVars kullanarak yüklenebilen bir metin dosyasını kopyalamanız ya da oluşturmanız gerekir. Tech Bookstore sitesinin giriş sayfası için bir metin dosyası uygundur.
Not: İki resim dosyası, HTML ile biçimlendirilmiş metinde kullanılıyor ve SWF dosyasına home.txt dosyasındaki <IMG jQuery1263984232890="40"> etiketi kul anılarak yükleniyor.
Tech Bookstore`a yüklenecek metin dosyasını kendiniz oluşturuyorsanız, HTML kodunu ve biçimlendirmeyi istediğiniz basitlikte ya da karmaşıklıkta oluşturabilirsiniz. Flash, HTML sürüm 1.0 etiketlerinin küçük bir alt kümesini destekler.
•Anchor : Flash metin alanlarınıza linkler eklemenize imkân sağlar. <A sizset="2" sizcache="0" jQuery1263984232890="44">etiketi ayrıca, linkin hangi karede ya da pencerede açılmasının gerektiğini belirtmenize imkân sağlayan target niteliğinin kullanımını da destekler. Bir stil sayfası kullanıyorsanız, a:link, a:hover ve a:active`e ait renkleri ve nitelikleri de belirtebilirsiniz.
•Bold : Metni kalın olarak görüntüler.
•Break
: Belirtilen noktaya bir satır sonu ekler.
•Font : Geçerli fontu, büyüklüğünü ve rengini değiştirmenize imkân sağlar. Stil sayfalarını kullanmadığınız ve metninizi biçimlendirmek istediğiniz durumlarda bu etiket çok faydalıdır.
•Image <IMG jQuery1263984232890="41">: Metin alanlarınıza resim eklemenize imkân sağlar. Bu etiket, yerel ya da harici resim dosyalarının, SWF dosyalarının, hatta kütüphaneden sembollerin yüklenmesini destekler (sembolü bir bağlantı tanıtıcısına atayarak).
•Italics : Metni italik olarak görüntüler.
•List Item
: HTML`den biraz farklı olarak, <LI sizset="3" sizcache="0" jQuery1263984232890="53">etiketi bir çift
Giriş (Home) sayfası da, LoadVars nesnesi kullanılarak Tech Bookstore`a yüklenen biçimlendirilmiş bir metin bloğudur. Metin TextArea bileşeninin bir örneğine yüklenir. Bu bölümde, Tech Bookstore Web sitesinin giriş sayfasına yüklenecek olan SWF dosyasını oluşturacaksınız. Bu uygulamada, daha önceki uygulamalarda oluşturduğunuz varlıklardan bazılarını kullanacaksınız. Varlıkların tekrar kullanılması geliştirme sürecini hızlandırdığı için, burada kullanabileceğiniz en kolay yol, sayfayı sıfırdan başlayıp oluşturmak yerine, Haberler (News)bölümünün bir kopyasını oluşturup, bunun üzerinde gereken değişiklikleri yapmaktır. Bu nedenle, bu uygulamada Haberler sayfasının kopyasını oluşturacak ve bu kopyayı Giriş sayfasına dönüştüreceksiniz.
1.Önceki uygulamada oluşturduğunuz news.fla dosyasını açın. dosyanın yeni bir versiyonunu home.fla adıyla TechBookstore klasörüne kaydedin.
news.fla dosyasını başlangıç dosyası olarak kullanmak, yeni dosyayı oluştururken uygulamanız gereken pek çok adımı atlamanızı sağlar ve Actionscript kodunu da sıfırdan başlayarak yazmak zorunda kalmazsınız. Yapmanız gereken tek şey, Stage`in ve TextArea bileşeninin boyutlarını değiştirmek, örnek isimlerinde ve Actionscript kodunda biraz değişiklik yapmaktır; bu da size zaman kazandırır.
Önceki derste oluşturduğunuz news.fla dosyasının kopyasını açın. File menüsünden Save As`i seçin. Belgeye home.fla ismini verin, sonra da Save düğmesine tıklayın. Bu dosyayı önceki belgeyle aynı yere, TechBookstore klasörüne kaydedin.
2.Belgede Stage`in ve TextArea örneğinin boyutlarını değiştirin.
Tech Bookstore sitesinin Giriş sayfasının bir “gündemdeki kitap“ modülü olduğu için, home.fla belgesinin boyutlarını siteye uyacak şekilde değiştirmeniz gerekiyor. Selection aracını kullanarak Stage`deki TextArea bileşen örneğine tıklayın ve Properties denetçisini kullanarak bileşenin genişliğini 570 piksel olarak ayarlayın. Bileşenin yüksekliğini 325 piksel, x ve y koordinatların da 10 piksel olarak bırakın. Stage`e tıklayın ve belgenin boyutlarını 580 x 345 piksel olarak ayarlayın.
3.TextArea örneği için yeni bir örnek ismi girin ve actions katmanındaki Actionscript kodunu değiştirin.
Stage`deki TextArea bileşen örneğini seçin ve Properties denetçisine yeni bir örnek ismi (home_txt) yazın. Bileşen örneğinin ismini değiştirdiğiniz için, Actionscript kodunuzda TextArea bileşenine ait başvuruları da değiştirmeniz gerekiyor. Ayrıca news_lv başvurularını da home_lv olarak değiştireceksiniz. Kodun değiştirilmiş hali aşağıdaki gibi olacaktır.
var flash_css = new TextField.StyleSheet();
flash_css.load(“styles.css“);
flash_css.onLoad = function(success:Boolean) {
if (success) {
home_txt.styleSheet = flash_css;
} else {
trace(“Error loading CSS file.“);
}
};
var home_lv:LoadVars = new LoadVars();
home_lv.load(“home.txt“);
home_lv.onLoad = function(success:Boolean) {
if (success) {
home_txt.text = this.content;
} else {
trace(“unable to load text file.“);
}
};
home_txt.html = true;
home_txt.editable = false;
Bu Actionscript kodu news.fla dosyasına ait kodla neredeyse aynıdır. Burada, sadece örnek isimlerinin ve yüklenen harici metin dosyasının ismini değiştirmeniz gerekti.
Bu Actionscript kodunun ikinci satırdan son satıra kadar olan kısmı, Stage`deki home_txt örneğinin HTML ile biçimlendirilmiş metni doğru olarak göstereceğinden emin olmanızı sağlar. Metninize ilave biçimlendirme özellikleri eklemek için resimler, kalın, italik metinler ve madde imli listeler kullanabilirsiniz. Son satır ise editable özelliğini false olarak ayarlar. Bu da, kullanıcıların ekranlarındaki metinde değişiklik yapmasını engeller.
4.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
ve
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
dosyalarını TechBookstore klasörüne kopyalayın.Flash belgenizi doğru bir şekilde test edebilmek içim, LoadVars kullanarak yüklenebilen bir metin dosyasını kopyalamanız ya da oluşturmanız gerekir. Tech Bookstore sitesinin giriş sayfası için bir metin dosyası uygundur.
Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.
dosyasını ve iki resmi (home01.jpg ve home02.jpg) sabit diskinizdeki TechBookstore klasörüne kopyalayın. Metin dosyasını açın ve HTML biçimlendirme kodlarını inceleyin.Not: İki resim dosyası, HTML ile biçimlendirilmiş metinde kullanılıyor ve SWF dosyasına home.txt dosyasındaki <IMG jQuery1263984232890="40"> etiketi kul anılarak yükleniyor.
Tech Bookstore`a yüklenecek metin dosyasını kendiniz oluşturuyorsanız, HTML kodunu ve biçimlendirmeyi istediğiniz basitlikte ya da karmaşıklıkta oluşturabilirsiniz. Flash, HTML sürüm 1.0 etiketlerinin küçük bir alt kümesini destekler.
•Anchor : Flash metin alanlarınıza linkler eklemenize imkân sağlar. <A sizset="2" sizcache="0" jQuery1263984232890="44">etiketi ayrıca, linkin hangi karede ya da pencerede açılmasının gerektiğini belirtmenize imkân sağlayan target niteliğinin kullanımını da destekler. Bir stil sayfası kullanıyorsanız, a:link, a:hover ve a:active`e ait renkleri ve nitelikleri de belirtebilirsiniz.
•Bold : Metni kalın olarak görüntüler.
•Break
: Belirtilen noktaya bir satır sonu ekler.
•Font : Geçerli fontu, büyüklüğünü ve rengini değiştirmenize imkân sağlar. Stil sayfalarını kullanmadığınız ve metninizi biçimlendirmek istediğiniz durumlarda bu etiket çok faydalıdır.
•Image <IMG jQuery1263984232890="41">: Metin alanlarınıza resim eklemenize imkân sağlar. Bu etiket, yerel ya da harici resim dosyalarının, SWF dosyalarının, hatta kütüphaneden sembollerin yüklenmesini destekler (sembolü bir bağlantı tanıtıcısına atayarak).
•Italics : Metni italik olarak görüntüler.
•List Item
: HTML`den biraz farklı olarak, <LI sizset="3" sizcache="0" jQuery1263984232890="53">etiketi bir çift
- (ordered list; sıralı liste) ya da
- (unordered list; sırasız liste) etiketinin arasında yer almaz. Flash`taki
- etiketi, madde işaretli listeleri kolayca oluşturmanıza imkân sağlar.
•Paragraph : Yeni bir paragraf eklemenizi sağlar.
•Span : Bir kod bloğuna stiller eklemenize imkân sağlar.
•TextFormat : Flash`ta basit tablolar oluşturmanıza imkân sağlar.
•Underline : Metnin bir bölümünün altını çizer.
Flash sadece bir düzine kadar etiketi desteklese de, sitenizdeki metinleri, bunları Flash`ın yerleşik CSS desteğiyle bir arada kullanarak biçimlendirdiğinizde son derece etkileyici sonuçlar elde edebilirsiniz.
İpucu: Bir resmi sadece TextArea örneğine yüklerseniz ve resmin boyutları TextArea örneğinin boyutlarından büyükse, kaydırma çubukları görüntülenmez. Kaydırma çubuklarının etkin hale gelebilmesi için, resmi takip eden bir metnin olması gerekir. büyük resimler yüklüyor ve bunların kaydırılabilmesini istiyorsanız, TextArea yerine ScrollPane bileşenini kullanmanız gerekir. Aynı işi yapması için bir movie clip`le birlikte kendi Actionscript kodunuzu da yazabilirsiniz.
Bu dosyayı olduğu gibi kullanmak istiyorsanız kapatın. Fakat tercihiniz bu değilse, artık nasıl biçimlendirildiğini bildiğinize göre dosyada istediğiniz değişiklikleri yapabilirsiniz.
5.Flash belgesinde her şeyin doğru bir şekilde çalıştığından emin olun. home.fla dosyasını kaydedin, sonra da yayınlayın. TechBookstore klasöründe bir SWF dosyası oluşturulacaktır.
Control menüsünden Test Movie`yi seçip FLA dosyasını test ortamında test ederek, çalışmasında herhangi bir sorun olmadığından emin olun.
SWF dosyasında ve biçimlendirmede herhangi bir sorun olmadığını gördükten sonra, geliştirme ortamına geri dönün. Sonra da FLA dosyasını kaydedin ve yayınlayın. TechBookstore klasöründe bir SWF dosyası oluşturulacaktır
