Web sayfas tasarlama program

Deerlendirme ltleri Label bileenini ekleyebildiniz mi? Text Input bileenini ekleyebildiniz mi? Text Input bileeni zelliklerini ayarlayabildiniz mi? ComboBox bileeni ekleyebildiniz mi? ComboBox bileeni zelliklerini ayarlayabildiniz mi? NumericStepper bileenini ekleyebildiniz mi? NumericStepper bileeni zelliklerini ayarlayabildiniz mi? UILoader bileenini ekleyebildiniz mi? List bileenini ekleyebildiniz mi? List bileeni zelliklerini ayarlayabildiniz mi?

CheckBox bileenini ekleyebildiniz mi? CheckBox bileeni zelliklerini ayarlayabildiniz mi? Button bileenini ekleyebildiniz mi? Bileenleri hizalayabildiniz mi? Filmi test edebildiniz mi? Evet Hayr. Kendinizi yeterli grmyorsanz renme faaliyetini tekrar ediniz. Btn cevaplarnz Evet ise lme ve Deerlendirmeye geiniz.

Veri girii iin formlar kullanlr. Bileenler sadece bileen panelinden eklenebilir. Bir grup CheckBox bileeninden sadece bir tanesi seilebilir. ComboBox bileeni iin varsaylan deer atanmazsa ilk deeri gsterir. List bileeninde allowMultipleSelection zellii ile birden fazla seim yaplabilir.

NumericStepper bileeni balang deeri her zaman ilk deerdir. RadioButton GroupName zellii bir seim yaplabilmesi iin gruplama iin kullanlr. UILoader bileeni eitli dosyalar grntleyen bir gstericidir. Yanl cevap verdiiniz ya da cevap verirken tereddt ettiiniz sorularla ilgili konular faaliyete geri dnerek tekrarlaynz. Cevaplarnzn tm doru ise bir sonraki renme faaliyetine geiniz.

Animasyon yazlm ile hazrlanan web sayfalarndaki skntlar aratrnz. Animasyon Belgeleri in yiletirme Bir animasyon dosyasnn boyutu arttka, indirme oynatma hz ayn oranda artar. Animasyon yazlm, animasyonlar animasyon yaynlanrken otomatik olarak iyiletirme yapar.

Dosya boyutu azaltlmak istenirse animasyon zerinde daha fazla iyiletirme yaplabilir. Animasyon belgelerinde iyiletirme iin; Birden fazla grnen nesneler iin sembol kullann. Mmkn olduunca aras doldurulmu animasyonlar kullann. Aras doldurulmu animasyonlar anahtar karelere nazaran dosya boyutunu daha az etkiler. Anahtar karelerde deiiklik alann snrlandrn. Bitmap nesnelerini arka plan veya statik olarak kullann.

Bu nesnelere hareketlendirme yapmaktan kann. Mmkn olduunca kalitesi yksek ve sktrmas iyi olan ses dosyalarn mp3 gibi kullann. Sahne zerindeki nesneleri gruplandrn. Deiiklie urayan nesneleri statik deimeyen nesnelerden ayrmak iin katmanlar kullann. Dz izgileri kullanmaya dikkat edin. Fontlar ve font stillerinin saysn azaltn. Font gmme ileminde sadece gerekli karakterleri gmn. Ayn semboln farkl sembol rnekleri yerine sembol zelliklerinden renk mensn kullann.

Degrade kullanm dosya boyutunu artrd iin gerekmedike kullanmayn. Alfa saydaml kullanm dosya boyutunu artrdndan gerekmedike kullanmayn. Zaman izelgesi ve Ktphanede yiletirme Zaman izelgesindeki klasrler, katmanlar ve kareler, animasyon iindeki nesnelerin nereye yerletiini gsterir ve animasyonun nasl altn belirler. Zaman izelgesinde olduu gibi ktphanedeki nesnelerin dzenlenmesi animasyon dosyasnn kullanlabilirliini etkileyecektir.

Oluturulan animasyon belgelerini kullanan dier gelitiricilerin, animasyonun nasl planland konusunda bilgi sahibi olabilmesi iin; Her katmana bir katman ad verin ve balantl nesneleri birlikte ayn konuma yerletirin. Varsaylan katman adlarn kullanmaktan kann.

Kod ieren katmanlar, mmkn olduu srece katman ynnn en stne yerletirin. Kod ve etiket ieren katmanlar bulmay kolaylatrmak, benzer katmanlar gruplamak iin katman klasrlerini kullann. Her klasre bir ad verin. Varsaylan klasr adlarn kullanmaktan kann. Klasrleri adlandrrken, her klasr ieriini ve amacn aka tanmlayn.

Katmanlarn yanllkla deimesini engellemek iin katmanlar kilitleyin. Kod katmanna nesnelerin yerlemesini engellemek iin bu katman hemen kilitleyin. Kod ieren bir katman zerine asla sembol ya da nesne koymayn. Bu durum nesneler ve onlara bavuran kod arasnda atmalara sebep olabileceinden, tm kodlarnz bir kod katmannda tutun ve bu katman oluturduktan sonra kilitleyin.

Kod kullanarak bir kareye bavuruyorsanz, kare numaras yerine, kare etiketlerini kullann. Etiketler, araya kare eklense dahi yerini korumaya devam edecektir Karelere etiket eklemek iin zellikler panelini kullanabilirsiniz.

Animasyon dosyasndaki benzer nesneleri organize etmek iin ktphanede klasrleri kullann. Her dosya oluturduunuzda ktphane klasrlerini dzenli bir ekilde oluturursanz, nesneleri bulmak almann ilerleyen safhalarnda fayda salayacaktr.

Dosyalar Kaydetmede yiletirme Animasyon belgeleri kaydedilirken belirli bir adlandrma dzenine uyulmas gerekir. Bu durum zellikle bir projede farkl srmlerle alrken nemlidir. Tek bir dosyadan oluan animasyon belgeleri ile alrken, animasyon yazlmnn farkl srmlerinde kaydedilmesi ilerleyen aamalarda fayda salayacaktr. Animasyon dosyalar kaydederken; Kolay, ifresiz ve evrimii alacak dosya adlar belirleyin.

Boluk, byk harf, zel karakter, Trke karakter kullanmaktan kann. Ayn dosyalar farkl srmlerde kaydederken numaralandrma sistemi ile main01, main02 vb.

Bu ilem geri dnlerde fayda salayacaktr. Video Eklemede yiletirme Animasyonlara video eklerken; Animasyonlarnzda video kullanlacaksanz ie aktarma ilemi yapmadan nce video dzenleme yazlmlar ile videonuzu dzenleyin.

Dzenleme ileminde video kalitesine ve dosya boyutuna dikkat edin. Videolar animasyon dosyas boyutunu etkilendiinden harici videolar kullanlmas daha uygun olacaktr. Video oynatclara kullanclarn ilem yapabilmesi iin kontrol dmeleri ekleyin. Videolar daha fazla kontrol eklemek iin film klibi iinde kullann. Oynatc srm kontrollerini yapn. Kullanlan sunucunun video trlerini desteklediinden emin olun. Eriilebilirlik in yiletirme Animasyon yazlm ile eriilebilirlik zellikleri kullanlarak engelli kullanclar dahil olmak zere tm kullanclarn eriebilecei ierikler hazrlanabilir.

Eriilebilir ierikler hazrlanrken kullanclarn ierikle nasl etkileimde bulunaca gz nnde bulundurulmaldr. Animasyon yazlm ile hazrlanan bir web sitesini eriilebilir hale getirmek iin; erii ekran okuyucularn kullanabilmesi iin metin ve grntleri fark edilebilir hale getirin. Ekran okuyucu yazlmlar ieriin tanmn -metinleri, menleri, iletiim kutularn vb. Grme problemi olan kullanclar kk metin ve grafikleri kullanmakta zorluk yaayabilirler. Bu nedenle animasyonlarnzda vektr grafikler kullann ve gerekirse kullanclara bu geleri yaknlatrmalarna izin verin.

Animasyonlara ekran okuyucusu olmayan kullanclar veya bu yazlmlarn almayaca durumlar iin sesli anlatm ekleyin. Sesli anlatmlar iin resim yazs ekleyin. Bilgi iletimi iin renkleri kullanmayn.

Renk kr olan bir kullanc iin bu durum sknt oluturabilir. Sesli okuma eklenen ieriklerde seslerin sralamasna dikkat edin. Sesli anlatm veya video ieren animasyonlarda iitme engelliler iin resim yazlar ekleyin. Reklam Oluturma in iyiletirme Animasyon yazlm kullanlarak bamsz bir web sitesi oluturulabilecei gibi dier yazlmlarla oluturulan bir web sitesinde kullanlacak eitli animasyonlar da oluturulabilir.

Bu ierikler ounlukla reklam bantlar olarak kullanlmaktadr. Animasyon yazlm ile reklam bantlar hazrlarken; nerilen boyutlar kullanmaya zen gsterin. Animasyonlarda kullandnz grafiklerin kalitelerini yksek tutun. Dosya boyutunun 15 KB gememesine dikkat edin. Dng ieren reklam bantlarnda dng saysn snrl tutun.

Zaman izelgesine katman ve klasr ekleyin. Her katmana nesneler oluturun ve ktphanede bu nesneleri gruplayn. Dosyay kaydedin. Katmanlar ve katman klasrleri iin zaman izelgesi iyiletirme admlarndan faydalanabilirsiniz. Ktphanede iyiletirme admlarndan faydalanabilirsiniz. Dosya kaydetmede iyiletirme admlarndan faydalanabilirsiniz. Deerlendirme ltleri Animasyonlar iin iyiletirme admlarn uygulayabildiniz mi? Zaman izelgesi iin iyiletirme admlarn uygulayabildiniz mi?

Ktphane iin iyiletirme admlarn uygulayabildiniz mi? Animasyon dosyalarn kaydetmede iyiletirme admlarn uygulayabildiniz mi? Animasyon dosyalarnn boyutlarnn artmas yklenme sresini artrr. Sembollerin kullanm dosya boyutunu azaltr. Animasyonlarda ok sayda fontun kullanlmas iyiletirme iin istenmeyen bir durumdur.

Zaman izelgesinde kodlar iin ayr bir katman kullanlmas nerilir. Dosya isimlerinde Trke karakter kullanlmas nerilmez.

Video gmme ilemi dosya boyutunu harici videolara gre daha az etkiler. Eriilebilirlik zellikleri engelli olan kullanclarn da kullanabilecei animasyonlar hazrlamak iin kullanlr. Animasyon Belgelerini Yaynlama Animasyon yazlm, yaynla komutu ile oynatc dosyasnn yannda ayrca animasyon ieriini taraycya ekleyen bir HTML belgesi oluturur.

Bir animasyon belgesi alternatif dosya biimleriyle yaynlandnda, animasyon yazlm dosyas ile birlikte saklanr. Film yaynlanmadan nce bu komut yardmyla test edilmelidir. Animasyon yazlm, yaynla komutu ile animasyon dosyas ve oynatc dosyann yanna bir HTML dosyas oluturacaktr. Biimler sekmesinden yaynlama iin kullanlacak biimler seilebilir.

Seilen her seenek iin yeni bir sekme eklenecektir. Oynatc Dosyalar in Yaynlama Ayarlar Oynatc dosyalar iin yaynlama ayarlarn belirlemek iin; Yaynlama Ayarlar iletiim penceresinden ikinci sekmeye gein. Kalite artrldka dosya boyutu da artacaktr. Ses Ak ve Ses Olay: Oynatc dosyadaki tm sesler iin rnek hz ve sktrmay ayarlamak zere Ayarla komutlarnn kullann. Filmi Sktr: Dosya boyutunu ve indirme zamann azaltmak iin oynatc dosyasn sktrr. Bu ilem animasyonda metin ve kod blou fazla olduunda faydal olacaktr.

Varsaylan olarak iaretlidir. Gizli Katmanlar Dahil Et: Animasyon dosyasndaki tm gizli katmanlar da aktarr. Seimini kaldrlrsa, film kliplerinin iinde yuvalanm katmanlar dhil, gizli olarak iaretlenmi tm katmanlarn da aktarlmas engellenir. Oynatc dosya seildiinde meta grntlenebilir. Resim 3. Filmi Eletir: Animasyonun orijinal boyutu kullanr.

Varsaylan ayardr. Piksel: Animasyonun genilik ve yksekliini piksel trnden belirler. Yzde: Animasyonun tarayc penceresinde kaplad alan yzde olarak belirler. Oynatma: Animasyonun oynatlmasn ve zelliklerini kontrol etmek iin Oynatma seeneklerini kullann. Bu seenekler;.

Balangta Duraklatlm: Animasyon balangta duraklatlm olarak grntlenir. Meny Grntle: Kullanc animasyon zerinde sa tkladnda meny gstermek iin kullanlr. Dng: aretli ise animasyon tekrar tekrar oynatlr. Aygt Fontu: Kullancnn sisteminde ykl olmayan fontlar kenarlar yumuatlm sistem fontlaryla deitirmek iin kullanlr. Kalite: leme zaman ve grnm arasndaki dengelemeyi belirlemek iin kalite seenekleri kullanlr. Kalite seenekleri;. Dk: Oynatma hzn grnmden farkl klar ve kenar yumuatma kullanmaz.

Otomatik Dk: Bata hz vurgular, ancak mmkn olduunda grnm iyiletirir. Otomatik Yksek: Oynatma hzn ve grnm bata eit derecede vurgular, ancak gerekirse grnm oynatma hz iin gzden karr. Orta: Biraz kenar yumuatma uygular ancak bitmap grntleri dzgnletirmez. Yksek: Grnm oynatma hzndan farkllklar ve her zaman kenar yumuatma kullanr. En yi: En iyi grnt kalitesini sunar ve oynatma hzn dikkate almaz. Pencere Modu: erik snrlama kutusunun veya sanal pencerenin HTML sayfasndaki ierikle olan ilikisini deitirir.

Pencere: Kullanlan etiketlere pencereyle ilikili herhangi bir nitelii gmmez. Opak Penceresiz: Animasyon ieriinin arka plann opaa ayarlayarak ieriin altnda bulunan her eyi belirsizletirir. Saydam Penceresiz: Animasyon ieriinin arka plann saydama ayarlayarak HTML ieriinin ieriin zerinde ve altnda grnmesine izin verir. GIF Dosyalar in Yaynlama Ayarlar izimleri ve basit animasyonlar web sayfalarnda kullanmak zere da aktarmak iin kullanlr. Herhangi bir deiiklik yaplmad taktirde animasyon yazlm ilk kareyi GIF dosyas olarak da aktarr.

Animasyon yazlm tm kareleri kullanarak animasyonlu GIF olarak da aktarabilir. Boyutlar: Grnt boyutunu deitirmek iin kullanlr. Animasyona ait orijinal boyut iin Filme Eletir komutunu tklayn. Oynatma: Hareketsiz bir grnt iin Statik seeneini iaretleyin. Hareketli bir grnt istiyorsanz Hareketli seeneini iaretleyin. Dng says iin srekli Dng seeneini ya da Tekrarla seenei ile tekrarlama saysn belirleyin.

Saydamlk: Animasyonun arka plannn saydamln ve alfa ayarlarnn GIFe dntrlme eklini belirlemek iin kullanlr. Opak: Arka plan dz bir renk olarak ayarlar. Saydam: Arka plan saydam yapar. Alfa: stee uygun olarak saydaml ayarlamak iin kullanlr. Renk Taklidi: Kullanlabilir renk piksellerinin geerli palette bulunmayan renkleri taklit etmek iin nasl bir araya geldiini belirlemek zere bir Renk Taklidi seenei sein. Renk: GIF grntsnde kullanlan renk saysn ayarlamak iin Uyarlanr veya Web Renklere Uyarlanr paleti seildiyse renk says iin deer girmek iin kullanlr.

Renk saysnn drlmesi dosya boyutunu drr ancak kaliteyi de drr. May 28, by İmam Nevevi. May 28, by İmam Buhari. May 28, by İmam Maverdi. May 28, by İmam Acurri. May 28, by İbn'i Cemaa. May 8, by M. Yusuf Kandehlevi.

Yusuf Kandehlevi, ebu hanzala, ebubekir sifil, ebu hanzala hoca, ebu haris, ebu May 7, by İbn'i Hacer El-Heytemi. May 7, by İbnu'l Cevzi. Apr 29, by [Chm]. Apr 24, by İbn'i Kesir. Apr 16, by İmam Gazali. Apr 14, by İmam Maturidi. Apr 13, by İmam Mevdudi.

Apr 11, by İmam Abdulvehhab. Apr 11, by Yusuf El-Kardavi. Apr 11, by Seyyid Kutub. Apr 11, by Seyyid Kutup. Apr 11, by Said Havva. Apr 11, by Hasan El-Benna. Apr 10, by Seyyid Kutub.

Apr 10, by İbnu'l Cevzi. Apr 7, by Abdullah Azzam. Apr 6, by İmam Pezdevi. Apr 5, by İmam Beyhaki. Apr 4, by İmam Nevevi. Apr 3, by İmam Tirmizi. Apr 3, by İbnu'l Esir. Apr 3, by Aliyyu'l Kari. In this study, the qualitative research method was used; and, the study was implemented in four parts: In the first part, the required software and its content were taught to pre-service teachers.

In the second part, the participants were asked to prepare web pages related to the topics of the fifth grade Science Instruction Programme. In the third part, they were asked to present their web pages. And, in the last part, semi-structured interviews were carried out.

It was revealed that pre-service teachers improved their skills such as searching through search engines, using some application software effectively and also they gained designing a web page and critical thinking skills towards web pages. Hafta Parametreleri 9. Tablo, resim vb. Akkoyunlu, B. Demirli, C. Deniz, L. İstanbul Denzin, N.