İlk defa girdiğim Nesne Tabanlı Programlama dersi ile ilgili mevcut modüller ile birlikte internette bulduğum kaynaklarıda birleştirerek haftalık sunular hazırlamaya çalışacağım. Hazırlamış olduğum sunuları yazımın devamından her hafta indirebilirsiniz.

• 1. Hafta : Modüldeki sözel ifadeleri ve visual studio ortamını tanıtarak geçirdim, bu bölüm ile ilgili herhangi bir sunu hazırlama gereği duymadım.
• 2. Hafta : ilk c# uygulaması ve basit örnekler [26.09.2011]
• 3. Hafta : c# veri türleri ve tür dönüşümleri [03.10.2011]
• 4. Hafta : c# ta operatörler [10.10.2011]
• 5. Hafta : if else deyimi ve örnekleri [17.10.2011]
• 6. Hafta : switch case, for deyimi ve örnekleri [24.10.2011]
• 7. Hafta : while, do while deyimleri ve örnekleri [27.10.2011]
• 8. Hafta : diziler ve rastgele sayı üretme [21.11.2011]

Not [ programlama temelleri ders notları ] : Nesne tabanlı programlama dersi için hazırlamış olduğum yukarıdaki slaytları programlama temelleri dersi içinde kullanabilirsiniz. Programlama temelleri dersinde algoritme ve akış diyagramı konularından sonra yukarıdaki slaytları kullanarak c# ve visual studio ya giriş yapabilirsiniz.

İnternet tarayıcımın (Firefox) sık kullanılanlar bölümü her zaman beğendiğim web sayfalarının adresleri ile dolup taşmıştır. Yeni klasörler açıp bu adresleri gruplayarak sık kullandığım web adreslerini düzenlemeye çalışsam da o dağınıklığı önlemek benim için her zaman sıkıntı olmuştur. Bu duruma çözüm olarak uzun bir süre Google’ in Web Geçmişi özelliğini kullandım. Böylece internet bağlantısı olan heryerden favori sayfalarıma kolayca erişebiliyordum.

Sonrasında beğendiğim bu adresleri kendi web sayfamda paylaşmayı düşündüm. Son olarakta şimdilik test yayınına başladığım bu site ile beğendiğim web sayfalarını kaydedip aradığımda kolayca bulabileceğim bir dizin hazırlamak istedim. Siteyi hazırlamaya başlarken sadece beğendiğim sayfaları paylaşmayı düşünüyorken, sonrasında biraz daha ince eleyip pagerank, dmoz, alexa, site yaşı, özgün site içeriği gibi etkenleri göz önünde bulundurmaya karar verdim.

Böylece her geçen gün biraz daha büyük bir çöplüğe dönüşen internet dünyasında güzel zaman geçirebileceğiniz yada doğru bilgilere ulaşabileceğiniz web sayfalarını bir araya toplamak istiyorum.

Sizlerin yorum, öneri ve düşünceleriniz ile dizini daha kullanılabilir hale getirmek istiyorum. Bu nedenle 2dk ayırıp siteyi ziyaret eder ve düşüncelerinizi iletişim formu yada aşağıdaki yorum formu ile paylaşırsanız sevinirim….

Umarım beğenirsiniz.

www.internetsitesi.org

Daha önceki yıllarda Fireworks programı ile hareketli gif animasyon hazırlama konularında 2 örnek uygulama anlatımında bulunmuştum. Bu dersteki anlatımın hem cs4 programına uygun hemde Türkçe Fireworks programına göre olması nedeniyle gif animasyon yapımını bir kez daha ele almakta fayda var diye düşündüm Gif uzantılı dosyaların bir kısmı jpg yada png uzantılı dosyalarda olduğu gibi tek bir kareden oluşuyorken, bazılarında ise birden çok kareden meydana gelebilir.

Gif dosyaların mantığını çizgi filmlere benzetebiliriz. Gif dosyayı açtığımızda belirli zaman aralıkları ile farklı resimler arka arkaya görüntülenir.  Böylelikle kareler arasındaki geçişleri kısa tutarak akıcı görüntüler elde edilebilir. Öncelikle teknik olarak bu işin nasıl olduğunu anlatmaya çalışalım.

llk basit gif animasyonumuzu oluşturmak için 468 * 60 boyutlarında boş bir fireworks belgesi açalım ve arka planını siyah renk yaparak üzerine istediğimiz herhangi bir yazıyı yazalım.

Şimdi ise farklı bir belgeye geçmeden yeni bir durum (kare) oluşturacağız. Bunun için sağ bölümde yer alan durumlar panelini kullanacağız. Eğer durumlar paneli sizde aktif değilse Pencere menüsünden durumlar a tıklayarak aktif hale getirebilirsiniz. Eğer durumlar panelini aktif hale getirdiyseniz aşağıdaki resimde işaretlemiş olduğum Yeni/Çoğaltılmış durum düğmesine tıklayarak yeni bir kare ekleyin.

Yukarıdaki düğmeye tıklayarak yeni bir durum ekleriz. Eklemiş olduğumuz yeni durumla birlikte boş bir sayfa ekrana gelecektir. Buraya bir önceki durumda eklemiş olduğumuz yazıyı daha büyük puntolarla yazalım.

Son olarak belgemizde yer alan 2 durumun ekranda kalma sürelerini ayarlayacağız.

Başlangıçta 7/100 sn olan ekranda kalma sürelerini 20 olarak değiştirdikten sonra gif animasyon yapımı ile ilgili son ve en önemli adıma geçiyoruz. Bunun için sağ bölümdeki en iyileştir panelinin açık olması gerekmektedir. En iyileştir panelindeki dosya türünü mutlaka Animasyonlu Gif olarak değiştiriyoruz.

Eklemiş olduğunuz durumlarınızın önizlemesini görmek için aşağıdaki resimde işaretli olan Oynat/durdur düğmesini kullanabilirsiniz.

Son olarak belgenizi dosya menüsünden dışa aktar diyerek kaydedebilirsiniz. Artık sadece 2 kareden oluşan en basit yapıdaki animasyonumuz hazır durumda :

2 karelik animasyonumuzda 20 ms ilk kare ekranda kalıp sonrasında 2.kare ekrana gelmektedir. 20 ms ekranda kaldıktan sonra animasyon sona erdiği için tekrar en başa dönmektedir.

Son olarak internette bulduğum ve beğendiğim hareketli gif animasyon örneklerini paylaşmak istiyorum. Buradaki örnekleri yada internette bulacağınız gif dosyalarını fireworks ile açıp durumlar panelinden inceleyebilirsiniz. Böylelikle animasyonların kaç kareden oluştuğunu, önceki kare ile bir sonraki kare arasındaki farkı daha iyi gözlemleyebilirsiniz.

Hareketli Gif Örnekleri :

Hazırlamış olduğum web sayfalarımdan bir tanesi için scrollbar’ ın hemen yan tarafında sabit kalan bir reklam göstermek için internette küçük bir araştırma yaptım. Birçok forumda yer alan yazımın devamındaki kodları wordpress’ e aktardığımda ise sorunsuz bir şekilde sabit reklam gösterimini yakaladım. css ve html kodundan oluşan 2 küçük kod parçasını yazımın devamında görebilirsiniz.

Öncelikle kodları eklemeden önce ne işe yaradıklarını kısa özetlemek istiyorum.

Sitenin en sağında yer alan ve kaydırma çubuğunun hemen öncesinde yer alan büyük sütun şeklinde reklamları özellikle haber sitelerinde mutlaka görmüşsünüzdür. Kaydırma çubuyla birlikte bu reklamlarda hareket ettiği için reklam verenler tarafından sıklıkla tercih edilen etkili bir alan olarak kabul ediliyor.

Aşağıda vereceğim kodlar ile bu şekilde bir reklamı wordpress sayfanıza 2 adımda ekleyebilirsiniz.

Aslında verdiğim kodları wordpress dışındaki içerik yönetim sistemlerinde de yada diğer html, php veya asp sitelerinizde de kullanabilirsiniz.

Tek yapmanız gereken css ve html kodunu sitenizin doğru yerine eklemek olacaktır.

Ben wordpress için anlatıma geçiyorum. WordPress sitenizde aktif olarak yer alan style.css dosyanızı ve index.php dosyanızı açın.

• 1- style.css dosyası içerisine aşağıdaki kodu ekleyin.

#kayan_reklam {
position: fixed;
_position: absolute;
top:0;
_top:expression(eval(document.body.scrollTop));
right:0;
margin:5;
text-align:right;
width:160px;
}

• 2- footer.php dosyasını açıp, en üstüne aşağıdaki kodu ekleyin.

<div id=”kayan_reklam”>

Reklam kodlarınızı buraya ekleyebilirsiniz

</div>

Yukarıdaki 2 adımı gerçekleştirmeden önce her ihtimale karşılık dosyalarınızın yedeklerini almanızı tavsiye ederim.

footer.php dosyası içerisine ekleyeceğiniz reklam kodları bölümüne ister adsense kodunuzu, isterseniz grafik reklam kodunuzu ekleyip kullanabilirsiniz.

Bol kazançlar : )

Fireworks Cs4 derslerine bir süredir ara vermiştik. Bu ders ile birlikte kaldığımız yerden devam edeceğiz. 9.dersimizde Adobe Fireworks Cs4 yazılımı ile hem maskelemeyi hemde otomatik vektör maskesi özelliklerini inceleyeceğiz.

Maskelemek Nedir?

“Maskelemek Nedir?” sorusunu “fotoğrafınızın sınırlarını vektörel bir çizimle belirlemektir.” şeklide cevaplayabiliriz. Sayfanıza eklediğiniz herhangi bir fotoğrafı maskeleme yöntemi ile farklı şekillere sokabilirsiniz. Örneğin maskeleme yöntemi ile fotoğrafınızı daire, yıldız, ok, simit yada çokgen gibi vektörel bir şekile benzetebilirsiniz.

• Maskeleme işlemi için ilk olarak maskelemek istediğimiz herhangi bir fotoğrafı Firerowks programı ile açıyoruz.
• 2. adımda bu fotoğrafı nasıl bir vektörel şekle benzetmek istiyorsak o şekli fotoğrafımızın üzerine ekliyoruz. Vektörel bir şekil eklemek için Araçlar çubuğundaki vektör nesnelerini kullanabilirsiniz. Fotoğrafın üzerine maskelemek istediğiniz boyutlarda ve mutlaka beyaz renkte daire, kare, çokgen, ok,  yıldız vs çizebilirsiniz. Bu çizimin fotoğrafın üzerinde olması gerektiğini unutmayın.
• 3. ve son adımda ise belgemizde bulunan fotoğraf ile birlikte vektörel şeklimizi aynı anda seçili hale getiriyoruz. (Ctrl+A yapabilirsiniz.) Son olarak Değiştir menüsünden Maske/ Maske olarak grupla’ ya tıklıyoruz.

Maskeleme yöntemini kullanarak elde ettiğim örnekleri aşağıda görebilirsiniz.

Otomatik Vektör Maskesi

Fireworks programında otomatik vektör maskelerini kullanarak fotoğraflar arasında yumuşak geçişler sağlayıp, fotoğrafları bir bütün gibi gösterebiliriz. 3 tane fotoğrafı yan yana koyarak bir banner yapmak istediğimizi varsayalım. Ortaki fotoğrafa sağ ve sol bölümlerinden geçiş sağlamamız gerekirken, sağdaki fotoğrafa sol, soldakine ise sağ taraftan bir geçiş sağlamalıyız. Bütün bunları kolayca yapabilmek için Fireworks’ ün Otomatik vektör maskesi özelliğini ve bu menü altında yer alan 8 farklı vektör maskesi seçeneğinden birisini kullanabilirsiniz.

• Otomatik vektör maskesini kullanmak için öncelikile fotoğraflarımızı tek bir belgede topluyoruz. Ben aşağıda göründüğü gibi 3 fotoğrafı yanyana ekliyorum.

• Şimdi bu 3 fotoğrafa otomatik vektör maskesi ekleyelim. Bunun için yukarıda söylediğim menüyü takip edeceğiz. Bu 3 fotoğraftan soldaki fotoğrafı seçerek Komutlar menüsü altından Yaratıcı > Otomatik Vektör Maskesi’ ne tıklıyoruz.8 farklı alternatifin yer aldığı aşağıdaki pencere ekrana gelecektir.

• Bu seçeneklerden birisini seçerek önizlemesinde görünen efekti fotoğrafınıza uygulayabilirsiniz. Bu şekilde 3 fotoğrafı tek tek seçerek fotoğraf sağ, sol yada her iki taraflarına efekt uygulayarak aşağıdaki gibi örnekler elde edebilirsiniz. Arka plan renklerinide değiştirerek çalışmanızı renklendirmeyi unutmayın.

5 yıl; Kocaeli Üniversitesi’ nde eğitimime devam ediyorken – 2005 yada 2006 yılı olabilir – gitmiş olduğum web tasarım kursuyla başlayan, 2006 Aralık ayında kişisel web sayfamı yayına koymamla devam eden keyifli bir süreçtir. Her ne kadar 5 yılda 1 arpa boyu kadar yol olmadığıma inansamda internet aleminde kişisel bir sayfa için azımsayacak istatistikleride yakalamışlığım oldu Zaman zaman pagerank3- pagerank4 değer alan web sayfam – ki şuan pr2- dmoz kaydı almayı da başaran tek sayfam oldu : ) Son 3-4 aydır günlük 500-600 tekil ziyaretçi ortalaması ile devam eden web sayfama konuk olan tüm dostlara selam olsun…

Flash belleklerde yer alan bu virüs önce klasörlerinizin ismiyle bir kısayol oluşturuyor, sonrada dosyalarınızın yer aldığı klasörü gizli hale getiriyor. Bir süredir okulda beni zor durumda bırakan bu virüsten kurtulmanın ve dosyalarınızı kolay şekilde tekrar görünür hale getirmenin yolunu anlatmaya çalışacağım.

Öncelikle flash belleğinizi açtığınızda klasörlerinizin silindiğini ve yerlerine sadece kısayollarının geldiğini görürseniz hemen korkmayın. Çok büyük ihtimalle flash belleğinize bulaşan virüs klasörlerinizi gizli hale getirmiştir. Bunun sağlamasını yapmak içinde klasör ismini adres çubuğuna yazdığınızda klasör içeriğini görebileceksinizdir. Bu yöntemide geçici bir çözüm olarak kullanabilirsiniz.

windows xp yada windows 7 , hangi işletim sistemini kullanıyor olursanız olun ilk olarak gizli dosyaları görünür hale getirmeniz gerekiyor. Bunun için denetim masasından klasör seçeneklerini kullanabilirsiniz. Windows 7 de denetim masasında Görünüm menüsü altında Klasör seçeneklerini tıklarsanız bir pencere açılacaktır. Buradan yine görünüm sekmesine geliyoruz. Buradan hem -gizli dosya, klasör ve sürücüleri göster seçeneğini aktif hale getiriyoruz, hem de Korunan işletim sistemi dosyaları gizle seçeneği önündeki işareti kaldırıyoruz.

Gizli dosyaları görünür hale getirdikten sonra son olarak aşağıdaki ücretsiz ve küçük programı bilgisayarınıza indirerek klasör ve dosya özelliklerinde kolayca değişiklik yapabilirsiniz.

Türkçe dil desteğide olan Attribute Changer programının 6.10c versiyonunu indirmek için buraya tıklayın.

Programı bilgisayarınıza kurduktan bütün klasör ve dosyalar üzerinde sağ tıkladığınızda özniteliklerini değiştir diye yeni bir menü eklendiğini göreceksiniz. Sizde gizli olarak görünen klasörlerin üzerinde sağ tıklayıp bu menüyü seçerseniz ve açılacak olan menüden de Gizli seçeneği önündeki işareti kaldırırsanız hızlı bir şekilde dosyalarınızı görünür hale getirmiş olursunuz.

Normalde bu program olmadan da bu işlemi yapabilirsiniz ama sık sık aynı virüsle karşılaşıyorsanız bu program size zamandan tasarruf sağlayacaktır.

Aslında bu başlık altında yazacak olduğum örnekleri biz Programlama Temelleri dersinde akış diyagramları konusu altında çözüyoruz. Her sene hangi örnekleri çözelim problemi yaşamamak için bulduğum örnekleri ( tabiki sadece sorularını ) bu başlık altına ekleyeceğim. Bazıları çok basit, bazılarıda karmaşık gelebilir. Fakat aynı örneklerin hem akış diyagramlarını, hem algoritmalarını, hemde c# kodlarını yazarak derste çözebilirsiniz.

1. 255 ile 499 arasındaki sayıları ekrana yazdıran,
2. Klavyeden girilen sayının faktöriyelini alan,
3. Tabanı ve üstü girilen sayının değerini bulan,
4. Klavyeden 0 değeri girilinceye kadar kaç adet sayı girildiğini bu sayıların toplamını bulan ve ekran yazdıran,
5. Taban ve yükseklik değerleri girilen üçgenin alanını hesaplayan,
6. Klavyeden girilen sayının mutlak değerini alan,
7. Klavyeden girilen 10 sayıdan kaç tanesinin 20 olduğunu bulan,
8. 1 ile 100 arasındaki sayılardan kaç tanesinin 5 e tam bölündüğünü bulan,
9. Klavyeden girilen sayıyı, kendisi kadar ekrana yazdıran,
10. Klavyeden girilen sayıya kadar olan sayıları toplayıp sonucu ekrana yazdıran,

yukarıdaki programların algoritmasını yazınız, akış şemasını çiziniz ve c# kodlarını yazınız.

Fireworks programında resimlerinize, nesnelerinize ve katmanlarınıza uygulayabileceğiniz birbirinden güzel çok sayıda filtre bulabilirsiniz. Filtreleri biz efekt olarak tanımlayabiliriz. Uygulanan filtreler sayesinde resimlerinizi siyah beyaz hale getirebilir, resminizin tamamının yada bir bölümünün rengini değiştirebilir, resminize ve yazılara gölge ekleyebilir, resminizi bulanıklaştırabilir yada görüntüleri daha keskin hale getirebilirsiniz. Fireworks programında kullanabileceğiniz belli başlı filtreleri ve resimli örneklerini görmek için yazımın devamına bakabilirsiniz.

Öncelikle Fireworks programında kullanacağım filtrelere nasıl erişeceğimizi söyleyelim. Filtre uygulamak istediğiniz resim parçasını yada resmin tamamanı seçili hale getirdikten sonra özellikler panelinden Filtreler alanı yanındaki + işaretine tıklayarak filtre seçeneklerini görüntüleyebilirsiniz. Aynı seçenekleri üst bölümdeki filtreler menüsünden de erişebileceğinizi unutmayın.

Diğer önemli detay ise resmin tamamına bir filtre uygulayabileceğiniz gibi resmin sadece bir bölümünede filtre uygulayabiliriz. Eğer tamamına uygulayacak resmi seçili hale getirmemiz yeterlidir. Fakat sadece bir bölümüne filtre uygulayacak olursak o bölümü seçim araçlarıyla seçip ( gerekirse bu bölümü kesip ayrı bir katman haline getirebilirsiniz) daha sonra filtre uygulamamız gerekecektir. Her iki durumla ilgilide örnekleri yazımın devamında bulabilirsiniz.

Öncelikle sık kullanılabilecek filtreleri örneklendirmek istiyorum. Yani ben programdaki menü sırası yerine daha sık kullanabileceğimiz filtreleri önce anlatmayı tercih edeceğim. Bu derste kullanacağım resimlerin orjinal hallerini konuya başlamadan önce paylaşıyorum, isterseniz resimlerin üzerine tıklayarak büyütebilir ve kaydederek üzerlerinde çalışmaları tekrar edebilirsiniz.

Fireworks ile fotoğrafı siyah beyaz yapma :

Fireworks programında en sık kullanabileceğiniz filtrelerden birisi fotoğrafları siyah beyaz yapan Alfaya dönüştür filtresi olacaktır. Filtreler menüsünü özellikler panelinden erişebileceğinizi yukarıda anlatmıştım. Fotoğraf seçili durumdayken filtreler menüsüne girelim, diğer menüsü altında Alfaya dönüştür seçeneğine tıkladığınızda resminizin siyah beyaz hale dönüştüğünü göreceksiniz.

Hemen hemen bütün filtrelerde kullanabileceğiniz bir diğer yöntem ise fotoğrafın sadece bir bölümüne filtre uygulamaktır. Şimdide yukarıdaki fotoğrafın sadece bir bölümünü renkli diğer kısımlarını siyah beyaz hale getirelim. Bunun için resimdeki futbolculardan bir tanesini çokgen kement yada istediğiniz başka bir seçim aracıyla seçip ctrl+x ile kesiyoruz. Daha sonra hiçbir yere tıklamadan resmimizi yapıştırıyoruz. (Ctrl+V) Yapıştırma işleminide yaptıysanız fotoğrafınızın ilk anda olduğu gibi bir bütün halinde görünmesi gerekiyor. Tek farkı ise bizim seçtiğimiz futbolcu ve onun dışında kalan parça iki ayrı katman haline geldi. Artık biz seçtiğimiz futbolcunun dışında kalan katmana tıklayarak seçili hale getirip siyah beyaz yapıyoruz. Bu durumda sadece bizim kesip yapıştırdığımız futbolcumuzun renkli diğer futbolcuların ise siyah beyaz olması gerekmektedir.

Fireworks ‘ de renk değiştirme filtresi

Şimdide fotoğrafın bir bölümü yada tamamının rengini nasıl değiştireceğimizi görelim. Bunun için araba resmini kullanıp, arabanın rengini değiştirmeye çalışalım. Öncelikle arabamızın kaporta bölümünü seçim araçları ile seçerek yukarıdaki örnekte olduğu gibi kes ve yapıştır işlemini uygulayarak fotoğrafımızı 2 katmana dönüştürüyoruz. Daha sonra kırmızı renkli kaporta bölümünün olduğu katmanı seçerek filtreler menüsünden Renk Ayarla > Ton / Doygunluk seçeneğine tıklıyoruz. Buradaki Ton kadranını sağa sola hareket ettirerek arabanızın rengini değiştirebilirsiniz. Doygunluk ve açıklık değerlerini değiştirerekte parlaklık, matlık gibi değerlerini değiştirebilirsiniz. Benim elde ettiğim 4 farklı rengi aşağıda görebilirsiniz.

Filtreler menüsünü altında yer alan diğer seçenekleri deneyerek sizlerde fotoğraflarınızda farklı efektler oluşturabilirsiniz. Benim birkaç dakika içerisinde denediğim diğer çalışmalarım ise aşağıda.

Sizde deneme yanılma yöntemiyle filtreler menüsü altındaki diğer seçenekleri deneyip, farklı fotoğraf görüntüleri elde edebilirsiniz.

Not : Son 2 hafta içerisinde 8.ders nerede kaldı diye birçok mail aldım. Göstermiş olduğunuz ilgi için teşekkür ediyorum : ) Birbaşka derste görüşmek dileğiyle.

WordPress ile hazırladığım bazı web sayfalarında anket eklentisine ihtiyaç duyuyorum. Bu nedenle her seferinde acaba wordpress’ te yeni bir anket eklentisi hazırlandı mı diye merak edip araştırıyorum. Fakat dönüp dolaşıp wordpress’ in en popüler anket eklentisi olan wp-polls ‘ ta karar kılıyorum. Bende bu yazımda wordpress ile ilgilenen arkadaşlara wp-polls eklentisini nereden indirebileceklerini, web sayfalarına nasıl yükleyebileceklerini ve nasıl kullanabileceklerini anlatmaya çalışacağım. Bildiğiniz daha kullanışlı wp anket eklentisi varsa yorum formu ile paylaşırsanız sevinirim. Eklenti ile ilgili detayları görmek için yazımın devamına bakabilirsiniz.

1. ilk olarak eklentiyi indirebileceğiniz adresi sizlerle paylaşmak istiyorum : wp-polls
2. Eğer anket eklentisini indirdiyseniz web serverinizdeki wp-content\plugins klasörü altına eklenti klasörünü kopyalayınız.
3. web sayfanızın yönetici paneline giriş yaparak pasif durumdaki wp-polls eklentisini aktif hale getiriyoruz.
4. ilk 3 adımı doğru şekilde gerçekleştirdiysek yönetici panelinde sol alt bölümde (ayarlar) paneli altında polls diye yeni bir menü eklendiğini göreceksiniz. Bu menüyü genişleterek tamamını görünür hale getiriyoruz. Eklentinin 5alt menüsü bulunmaktadır.
5. 1-Manage Pools (Anketleri yönet),  2-Add Poll (Anket Ekle), 3-Poll Options (Anket özellikleri), 4-Polls Templates (Anket teması) ve 5-Uninstall Wp-Polls (Eklentiyi kaldır)
6. Yeni bir anket eklemek için 2.sırada yer alan add poll seçeneğine tıklayarak anket sorunuzu ve şıklarınızı yazabilirsiniz. Daha önce eklediğiniz bir anketi düzenlemek içinde 1 nolu menüde yer alan Manage Polls seçeneğini kullanabilirsiniz.
7. Anketinizi Türkçe’ leştirmek isterseniz Poll Templates bölümünde yer alan tema dosyalarını düzenleyebilirsiniz. Eğer iyi derecede kod bilginiz yoksa bu bölüme hiç dokunmamak daha doğru olabilir : )
8. Eklenti ayarlarını değiştirmek için poll options, eklentiyi tamamen sitenizden kaldırmak içinde uninstall wp-polls seçeneğine tıklayabilirsiniz.
9. Eklentinin sitenizde görünür hale gelmesi içinde bileşenler bölümünden wp-polls bileşenini sağ ve sol sütunlarınıza sürekleyip görünür hale getirebilirsiniz.
10. son olarak wp-polls eklentisini kendiniz Türkçe’ leştirmek yerine Türkçe dil dosyasını internet üzerinde bularak da bu işlemi yapabilirsiniz.

Eklenti ile ilgili sıkıntı yaşayan arkadaşlar aşağıdaki form ile mesaj gönderebilirler.

Biraz önce eklentiyi kullanmam gerekti, hemen ardından da bu yazıyı hazırlayıp sayfamda paylaşma gereği duydum. Yazıyı baştan sonra okuyup kontrol etme fırsatım yok, bu nedenle anlatımda bir hata varsa affola…

Adobe Fireworks CS4 programını açtığımızda varsayılan olarak karşımıza bazı panel ve araç çubukları gelir. Bu panel, araç çubukları ve sık kullandığımız Fireworks araçlarının ne işe yaradığını öğrenmek için yazımın devamındaki resimli anlatıma bakabilirsiniz.Fireworks programını ilk açtığımızda aşağıdaki gibi bir karşılama ekranı ile programımız açılır.

Bu ekranın sol bölümünde daha önce bilgisayarımızda yaptığımız grafik çalışmalarının bir listesini görebilirsiniz. (Son kullanılan öğelerden birini seç) Sağ bölümde yer alan Yeni oluştur linkine tıklayarak yeni bir fireworks belgesi açabiliriz. Genişlet bölümü altında yer alan Fireworks Exchange linki ile adobe sitesine bağlanarak programa ücretli yada ücretsiz eklentiler alabilirsiniz. Bu ekranla bir kez daha karşılaşmak istemiyorsanız pencerenin en altında yer alan Bir daha gösterme seçeneğinin önündeki kutucuğu işaretlemeniz yeterli olacaktır.

Biz yeni oluştur bölümü altında yer alan Fireworks Belgesi (PNG) linkine tıklayarak boş bir belge açarak devam ediyoruz. Aynı işlemi Ctrl+N kısa yol tuşu yada, dosya menüsünden Yeni ye tıklayarak yada ana araç çubuğu altında yer alan Yeni kısa yoluna tıklayarak açabileceğinizide unutmayın.

Açılan yeni belge penceresini inceleyecek olursak ; Belgemizin Yükseklik ve Genişlik değerlerini piksel cinsinden girebileceğimiz 2 alan göreceksiniz. Bu alanların hemen altında ise Çözünürlük alanı yer almaktadır. Bu alana varsayılan değer olarak 72 değeri atanmıştır. Bu ifadenin anlamı her inç’ te yer alacak piksel sayısı 72 adet olacaktır. Bu rakamı arttırırsanız grafiğinizin kapladığı alanında artacağını gözönünde bulundurmanızda fayda var.  Son olarak bu ekranda bizi ilgilendiren son alan ise Tuval rengi alanıdır. Üzerinde çalışacağımız tuvalimizin (çalışma alanı) arka plan rengini buradan değiştiriyoruz.  Yine varsayılan olarak beyaz rengin atandığı bu bölümde istersek tuval rengini saydam, istersekte özel düğmesine tıklayarak istediğimiz herhangi bir rengi seçebiliriz.

İstediğimiz yükseklik, genişlik, çözünürlük ve renk değerlerini girip tamama tıkladıktan sonra aşağıdaki ekran ile karşılacağız :

1. Burada 1 nolu alan belgemizin çözünürlüğünü ( genişlik*yükseklik) ve ölçek değerini (Yüzde kaç oranın belgenin büyütülüp küçültüldüğünü) gösterir.
2. 2 nolu alan bizim çalışma alanımızdır. Yeni belge penceresinde beyaz renkte, 600 genişlik ve 800 yükseklik değerlerini seçtiğimiz için, istediğimiz değerlerde boş bir belge ekranı gelmiş bulunuyor. Bütün resim yada grafiklerimiz bu alan üzerinde yer almak zorundadır.
3. 3 numara ile gösterilen bölüm menü araç çubuğumuzdur. Kısayollarını eriştiğimiz birçok özelliğe bu menülerdende erişebildiğimizi göreceğiz.
4. 4 numaralı bölümde ana araç çubuğumuz bulunmaktadır. Ofis programlarındaki standart araç çubuğuna benzeyen bu çubukta programda sık kullandığımız bütün kısayol düğmelerini bulabilirsiniz.
5. Son olarak 5.alanda yer alan çubuk ise Araçlar çubuğudur. Fireworks programını en çok kullanılan araçları bu çubukta görebilirsiniz. Seçim araçları, vektörel araçlar, çizim araçları, web araçları ve bitmap araçları…

Fireworks programında yer alan menüleri ve üstteki resimlerde görüntülenmeyen fakat programın sağ tarafında yer alan bazı panelleri sonraki yazılarımda örneklerle birlikte anlatacağız. Yazımın devamında Ana araç çubuğunu ve araçlar çubuğunda yer alan bir çok aracımızın isimlerini ve kısayollarını görebilirsiniz. Tek seferde tamamının ne işe yaradığını yazmak zor olacağı için kullanım alanlarınıda örneklerde göreceğiz.

Fireworks Ana Araç Çubuğu

Fireworks Araçlar Çubuğu

Grafik ve animasyon dersi için anlatacak olduğum Fireworks CS4 programı ile ilgili hele hele Türkçe versiyonu ile ilgili kaynak sıkıntısı yaşıyorum. Bu nedenle zamanım elverdiğince derste anlatmak için hazırladığım sunuları, örnekleri, anlatımları sitemde paylaşmayı düşünüyorum. İlk derste Türkçe Fireworks Cs4 programına giriş yapıyoruz. Buyrun…

Adobe Fireworks CS4

• Adobe Fireworks yazılımı ile web siteleri ve diğer internet uygulamaları için yüksek oranda iyileştirilmiş grafikler oluşturabilirsiniz.
• Fireworks ile hem vektör hemde bitmap modlarında web siteleri ve grafikler hazırlayabilirsiniz.

Vektör Grafik Nedir?

• Vektör grafikler çözünürlükten bağımsız, herbir nesne matematiksel ifadelerle oluşturulan ve en önemlisi detay kaybetmeden herhangi bir boyuta yeniden ölçeklendirilebilen grafik türüdür.
• Vektörel bir nesne büyütüldüğünde herhangi bir bozulma gerçekleşmez.

Hangi programlar ile vektörel grafik oluşturabilirim?

• Adobe Illustrator
• Corel Draw
• Freehand
• Fireworks

Bitmap grafik Nedir?

• Bitmap türü grafikler, ilgili imajı oluşturan ve herbiri renk bilgisi içeren piksel veya noktaların yanyana ve alt alta dizilmesiyle oluşan grafik türüdür.
• Piksel ise bir bitmap görüntüyü oluşturan en küçük noktadır.
• Bitmap grafiklerde görüntüyü büyüttüğümüzde resmin  görüntü kalitesi bozulur.

Hangi programlar ile bitmap grafik oluşturabilirim?

• Adobe Photoshop
• Corel PaintShop Pro
• Gimp (Ücretsiz)
• Fireworks

Vektörel grafiklerin avantajları nelerdir?

1. Vektör grafikler farklı boyutlar ve farklı renklerde üretilmesi gereken çalışmalarda kullanmak için idealdir. Örneğin bir vektörel görsel çalışması büyük bir ilan tahtası için büyütülüp kullanılabilir. Aynı zamanda istenilen derecede küçültülüp kalite kaybı olmaksızın bir kartvizit üzerine de basılabilir. Çalışmanın görsel olarak detayları her iki durumda da kayba uğramaz.
2. Vektör grafikler gerektiğinde bitmap haline kolaylıkla getirilebilir.
3. Vektör grafikler istenildiğinde büyütülebilir, nesneler yeniden renklendirilebilir, nesneler yeniden şekillendirilebilir.
4. Dosya boyutu olarak daha az yer kaplarlar.

Vektör grafiklerin dezavantajları nelerdir?

1. Vektörel grafik çalışmalarında görsel olarak fotoğraf kalitesinde üretim yapamassınız.
2. Vektörel grafik çalışmaları web üzerinde bitmap olarak çevirmeden kullanamassınız.

Bitmap grafiklerin avantajları nelerdir?

1. Bitmap grafikler milyonlarca renk değişimi alabilir.
2. Bitmap grafiklerde piksellerin herbirine müdahale edebilirsiniz. Bu sayede fotoğrafçılar veya sayısal sanatçılar fotoğraflara rötuş yapma imkanı bulurlar.

Bitmap grafiklerin dezavantajları nelerdir?

1. Bitmap grafiğin sahip olduğu çözünürlükten daha yükseğe getirildiğinde keskinliğini yitirir ve görüntüde bozukluk meydana gelir. Aynı zamanda sahip olduğu çözünürlükten daha aşağı hale getirildiğinde de pikseller kaldırıldığı için orijinal görüntüsünü kaybeder.
2. Bitmap grafikler özel dosya biçimlerini saymassak(Photoshop gibi programların kullandığı .psd dosya türü gibi) katman bilgileri içermezler. Bu yüzden düzenlenmesi vektör grafiklere nazaran zordur.
3. Bitmap grafikler vektör grafiklere nazaran bilgisayarda dosya boyutu olarak daha fazla yer kaplar.

Vektörel bir grafiği yaklaşık 100defada büyütseniz görüntüde herhangi bir bozulma meydana gelmez.

Bitmap bir grafiği ise sadece 20 defa bile büyütseniz resimdeki örnekte de görebileceğiniz gibi pikseller kareler şeklinde daha belirgin hale gelir. Görüntü bozulmaya başlar.

Temel Kavramlar

1. Piksel : Ekranda oluşan görüntüler noktalardan oluşur. Noktalar kare şeklindedir. Çok yakından bakıldığı zaman veya resim büyütüldüğünde bu noktalar fark edilebilir. Ekranda kontrol edilebilen en küçük noktalara piksel denir. Bir piksel kırmızı, yeşil ve mavi renklerin karışımından oluşur.
   - Bitmap (piksel tabanlı) resim programları, ölçü birimi olarak piksel kullanırlar.
   - Piksel yoğunluğu arttırılırsa görüntü netleşir. Çok fazla arttırıldığında ise dosyanın kapasitesinin artmasına, ayrıca yazdırılırken zaman kaybına ve mürekkep sarfiyatına neden olur.
2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) : Pikseli oluşturan kırmızı, mavi veya yeşil renklerinden her birine ise nokta (dot) denir. Bir pikseldeki renklerin birbirine olan mesafesine nokta aralığı (dot pitch) denir.
3. Çözünürlük : Bir defa da ekranda görüntülenebilen piksel sayısına çözünürlük denir. Örneğin 800 X 600 denildiğinde 800 sütun ve 600 satır kullanıldığı, bunların çarpımı olan 480.000, toplam piksel sayısını verir.
4. Rezolasyon : Bir resmin piksel yoğunluğu yani PPI (Pixel Per Inches) 1 inç karede (1 inç = 2.54 cm) bulunan piksel sayısıdır.
5. LPI (Line Per Inch) : Film pozlanırken 1 inç yüksekliğindeki   (2.54 cm) alana atılan satır sayısına LPI adı verilir.
6. DPI (Dot Per Inc) : Çıkış cihazlarında 1 inç’te (2.54 cm x 2.54 cm) noktalanan (yani basılan) ya da pozlanan piksel sayısına DPI adı verilir.