ders 34

[sefagenc55]

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!

Haberler Sayfasını Oluşturmak

Tech Bookstore`un Haberler (News) sayfasını oluşturmak son derece kolaydır, çünkü nk bu sayfa daha önce oluşturduğunuz İncelemeler (Reviews) sayfasına çok benzer. Haberler sayfası; bir TextArea bileşeni, CSS ile biçimlendirilmiş bir metin ve uzak bir dosyadan metin içeriğinin yüklenmesini sağlayan bir LoadVars deyiminden oluşmaktadır. Bu uygulamada, CD-ROM`da bulunan bazı metin dosyalarını kullanacaksınız.


1.Yeni bir belge oluşturun ve Stage`in genişliğini 635 piksel, yüksekliğini de 345 piksel olarak ayarlayın. Publish Settings iletişim kutusunu açın ve HTML onay kutusunun işaretini kaldırın. OK düğmesine tıklayın, ana belgeye geri dönün ve dosyayı news.fla ismiyle kaydedin.

Yeni bir Flash belgesi oluşturun ve Properties denetçisini kullanarak Stage`in boyutlarını değiştirin. Stage`in boyutlarını 635 piksel genişlikte ve 345 piksel yükseklikte olacak şekilde ayarlayın.Flash belgesini TechBookstore klasörünün köküne (root) kaydedin ve yeni bölgeyi news.fla olarak adlandırın.

Belgeyi yayınladığınızda bir HTML sayfasının oluşturulmasına ihtiyacınız yoktur. Burada sadece, belgeyi yayınladığınızda oluşturulan SWF dosyasını kullanmanız gerekir. bu nedenle, File menüsünden Publish Settings`i seçin, Formats sekmesindeki HTML seçeneğinin işaretini kaldırın, sonra da OK düğmesine tıklayın.

2.TextArea bileşeninin bir örneğini Stage`e sürükleyin ve örneğin genişliğini 615, yüksekliğinide 325 piksel olarak ayarlayın. TextArea örneğinin Stage`deki konumunu ayarlayın.

TextArea bileşeninin bir örneğini Components panelinden Stage`e sürükleyin. Properties denetçisini maksimum boya getirin. TextArea bileşeninin genişliğinin 615 piksel, yüksekliğinide 325 piksel olarak değiştirin. Örneğin Stage`deki x ve y koordinatlarını 10 piksel olarak ayarlayın. Bu ayar, bileşene Stage`in her yanında 10 piksel kalınlığında bir çerçeve uygulanmasını sağlayacaktır. TextArea örneğine news_txt ismini verin. Properties denetçisinde editable veya html parametrelerini ayarlamakla uğraşmanıza gerek yoktur. Bu parametreleri, daha ilerideki bir adımda ActionScript kullanarak ayarlayacaksınız.

Enlarge this imageReduce this image

3.Timeline`daki Layer 1 katmanının ismini form olarak değiştirin ve bir actions katmanı ekleyin.

Timeline`daki Layer 1 katman ına çift tıklayın ve katmanın ismini form olarak değiştirin. form katmanının üzerine yeni bir katman ekleyin ve buna da actions ismini verin. Bu katmanlara kazara herhangi bir sembol eklenmesini önlemek için bunları kilitleyin. Artık Stage`e başka sembol eklemeyeceğiniz için, katmanları kilitleyebilir ve bu durumda da ActionScript kodları ekleyebilirsiniz.

4.CSS`in SWF dosyasına ithal edilmesini sağlayacak ActionScript kodunu ekleyin.

Daha önce yaptığınız bir uygulamada stil sayfalarının nasıl ithal edildiğini öğrenmiştiniz. Harici bir stil sayfası kullandığınız takdirde, Flash belgelerinizin her birinde aynı stil sayfasını kullanabilir ve tutarlı bir görünüm elde edebilirsiniz. actions katmanının 1 numaralı karesini seçin ve Actions paneline aşağıdaki kodu ekleyin.

var flash_css = new TextField.StyleSheet();
flash_css.load(“styles.css“);
flash_css.onLoad = function(success:Boolean) {
if (success) {
news_txt.styleSheet = flash_css;
} else {
trace(“Error loading CSS file.“);
}
};

Bu ActionScript kodu, önceki uygulamada gördüğünüz koda çok benzer, ama bir farkla: Burada stil sayfasını review_txt örneğine bağlamak yerine, news_txt örneğine atıyorsunuz.

5.news isimli metin dosyasını yükleyin ve TextArea bileşeninin özelliklerini ayarlayın.

Actions katmanının 1 numaralı karesindeki stil sayfası kodunun altına, aşağıdaki ActionScript kodunu ekleyin. Bu kod, harici bir metin dosyasının LoadVars nesnesi kullanılarak yüklenmesini sağlar.

var news_lv:LoadVars = new LoadVars();
news_lv.load(“news.txt“);
news_lv.onLoad = function(success:Boolean) {
if (success) {
news_txt.text = this.content;
} else {
trace(“unable to load text file.“);
}
};

Bu ActionScript kodunu da daha önceki uygulamalardan hatırlayacaksınız.

6.TextArea örneğinin html ve editable özelliklerini ActionScript kullanarak ayarlayın.

html ve editable özel iklerini Properties denetçisini kul anarak ayarlamak yerine ActionScript kullanarak ayarlayacaksınız. Bunu, aşağıdaki kodu mevcut LoadVars kodunun altına yerleştirerek yapabilirsiniz.

news_txt.html = true;
news_txt.editable = false;

Buradaki ilk satır, html özel iğini true olarak ayarlar. Bu da HTML ile biçimlendirilmiş metni TextArea örneğinde (news_txt) görüntüleyebilmenizi sağlar. İkinci özel ik (editable), kul anıcının metinde değişiklik yapmasını ve TextArea bileşenindeki içeriği değiştirmesini önler. editable özel iğini true olarak ayarlasanız (ya da bu satırı hiç yazmasanız) ve kul anıcı alandaki içeriği değiştirse bile siteniz zarar görmez. Değişiklikler sadece kul anıcının bilgisayarında görüntülenir; başka kimse bunları göremez.

7.news.fla dosyasını test edin ve SWF dosyasının doğru bir şekilde çalıştığından emin olun. Herhangi bir sorun yoksa FLA dosyasını kaydedin, sonra da Publish Settings iletişim kutusunu açarak buradaki HTML seçeneğinin işaretini kaldırın. Belgeyi yayınladığınızda TechBookstore klasöründe news.swf dosyası oluşturulacaktır.

Metnin doğru bir şekilde yüklendiğinden emin olmak için Control >Test Movie komutunu kullanarak SWF dosyasını test edin. Her şeyin düzgün çalıştığından emin olduktan sonra belgeyi kaydedin (birinci adımda dosyayı kaydetmediyseniz belgeyi news.fla olarak adlandırın) ve FLA dosyasını yayınlayın. SWF dosyası ana TechBookstore sitesine yüklenecektir.

Enlarge this imageReduce this image