Web tasarımı söz konusu olduğunda mutlaka Form’lardan bahsedilir ve kullanılır. Çünkü web formları (her türlü formdan bahsediyorum) ziyaretçiden bilgi alma, bilgi aktarma, sonuç döndürme, bilgi girişini sağlama gibi görevler üstlenirler. En basit haliyle bir “İletişim Formu” bile sitenizdeki ziyaretçinin size ulaşmasını ve düşündüğü konuda yazmasını sağlar.

Bu yazımızda sizlere bir iki küçük Css taktiği ile Web Formlarımızı nasıl daha güzel hale getireceğimizi anlatacağız. Tabi önce işin mutfak kısmından başlıyoruz ve Xhtml ile formumuzu yazıyoruz…
Gönderinin Devamını Okuyun…

İnternet’te bazen öyle siteler görüyorum ki bunları tanıtmadan asla rahat edemiyorum. Bunlardan birisi de Xhtml Challenge. Anafikir olarak şunu söyleyebilirim ki; Xhtml kodlamaya sahip olan 2 site arasında kullanıcıların oyuna dayanarak bir yarışma yapılıyor ve galip site anasayfasından duyuruluyor. Benzeri sitelere göre sadece Xhtml kodlamaya sahip siteleri kabul etmesi ve farklı alanlarda birçok Xhtml kodlama siteyi göstermesi nedeniyle benim Yer İmleri’me girmiş durumda.

Sitenin güzel tasarımı ve kolay üye olunabilmesi de artı özelliklerinden. Sanıyorum bu modelde ve anlayışta bir Türk web sitesi yok. Şayet varsa ve beni yorumlarınızla bilgilendirirseniz çok sevinirim. Unutmadan sitenin adresini tekrarlayalım; Xhtml Challenge…

Şöyle bir bakıyorum da günceme yazı yazmayalı on günden fazla olmuş. Tabi bu zaman zarfında yazamamamın başlıca nedenleri arasında okulumun yeniden açılması ve hayata geçirmeyi düşündüğüm projelerin de peşimi bırakmaması geliyor.

Aslına bakarsanız burdan duyurmayı ve söylemeyi pek istemiyorum ama yakın zamana kadar birisi sağlık (Fizik Tedavi ve Ortopedi) diğeri de web tasarımı konusunda (genel bir webmaster kaynak sitesi olacak) iki site açmayı hedefliyorum. Tasarımlar ve kullanacağım altyapılar konusunda ise çoğu yerde kararsızım. Ancak web dizin şeklinde düşündüğüm sitede tamamiyle kendi yazmış olduğum bir site olmasını istiyorum. Css, Xhtml ve Php kullanarak basit düzeyde bile olsa bir tasarım çıkarabileceğime inanıyorum. Umuyorum ki kısa zamanda biter ve buradan sizlere duyurabilmenin heyecanını yaşarım.

Sağlık konusunda açmayı planladığım sitede ise büyük ihtimalle Wordpress altyapısını kullanacağım. Sonuçta Wordpress ailemizin günce yazılımı ve her türlü sitenin altyapısını oluşturabilme gibi bir özelliği var. İlerleyen günlerde herşey rayına oturacak inşallah.

Bu zaman zarfında makalelerime ve günce yazılarıma biraz ara vereceğim. Bu yüzden siz sevgili ziyaretçilerimden çok ama çok özür dilerim. Saygılarımla…

İnternet üzerinde görmüş olduğumuz birçok web sitesi ve kaynak üzerinde onlarca bağlantı görürüz ve bunları kullanırız. Bu bağlantıların gelişen web akımlarına ve özellikle de Web 2.0 tasarım özelliklerine göre şekillendirildiğini biliyoruz. Zira özelleştirilmiş bağlantılar sayesinde tıklayacağımız bağlantı sonucunda bir harici sayfaya mı gideceğimizi yoksa bir dosyayı mı indireceğimizi bilir hale geliyoruz. Bunu bizlere bildiren elbette bağlantımız başında kullandığımız küçük ikon ve resimler oluyor.

Şüphesiz uygulamanın yapılmasında en büyük pay Css’nin. Xhtml ile de bu özelleştirilen bağlantıları kullanarak site ziyaretçilerimize değişik bağlantı profilleri sunmuş oluyoruz. Bu makalemizde en basit yöntemiyle gönderilerimizde ve hazırlamış olduğumuz websitelerinde kullanılan bağlantılara nasıl resim ekleyeceğimizi anlatacağız.
Gönderinin Devamını Okuyun…

(Öncelikle belirtmeliyim ki aşağıda okuyacağınız bilgi eski bir yazıdan alıntı. Yeni bir proje için rastgele arkaplan gösterecek ve bunu siteyi fazla yormadan sadece Css ve Php yardımıyla yapacak bir bileşen arıyordum. Eski dostumuz A List Apart imdadıma yetişti ve orada bulunan uygulamayı yaparak sonuca ulaştım. Umarım bu eski bilgi sizler için yararlı olur.)

Öncelikle Neler Gerekli?
Her girişte veya her sayfa açılışında farklı bir arkaplan resmi göstermek için Php (4.2 ve üzeri) Css ve Xhtml çalıştıran bir sunucunuz olması yeterli. Bundan sonrası çok küçük bir iki işleme kalıyor. Dilerseniz uygulamanızı yerel sunucu üzerinde (localhost) dilerseniz de kendi hostunuzda yapabilirsiniz. Bununla birlikte farklı gösterimler için “aynı boy ve genişlikle” formatı (gif, jpeg, png) önemli olmayan resimleriniz olmalı. Bu resimlerinizi hazırladıktan sonra hemen uygulamamıza geçebiliriz.
Yazının Devamını Göster ▼

Çok önceleri web tasarımına merak saldığımızda Html kodlarıyla uğraşmaktansa Hazır Site Şablonları aramayı tercih ederdik. Bu özlemimizi birçok sitede giderir, bulduğumuz hazır şablonları kendimize uyarlayarak sitelerimizi hayata geçirirdik. Eminim birçok kişi benim gibi yapmıştır. Yoksa bu denli Şablon sitelerine rağbet olmazdı. Ancak herşey gibi Web’de gelişiyor. Web 2.0 modasını yaşadığımız şu günlerde artık “valid” şablon ihtiyacı hisseder olduk. Çünkü annemizin Html’siyle yapılan şablonlar artık “demode” olmaya başladı. Web 2.0 akımının kendini iyice hissettirdiği günümüz internetinde artık moda: “Css ve Xhtml Şablonlar”.

Bu yazımda sizlere ücretsiz Css ve Xhtml uyumlu sayfa şablonları barındıran siteleri listeleyeceğim. Sözü fazla uzatmadan listemize geçelim.

1) Open Source Web Design

Birçok geliştirci tarafından ücretsiz şablonların bulunduğu sitede 2000′den fazla tasarım bulabiliyorsunuz. Fazlaca şablon bulunması, şablonların kolay indirilebilmesi artı özelliklerinden.

2) Open Web Design

2000 üzerinde tasarım bulunan sitede özellikle şablon aramalarındaki iyileştirme göze çarpıyor.

3) Open Designs

Open Designs sade ve yeşil ağırlıklı tasarımıyla dikkat çekiyor. Sitede 600′e yakın tasarım bulmak mümkün.
Yazının Devamını Göster ▼

Şablonlara oy verebildiğiniz hoş bir site. Genel görünümü itibariyle biraz CssRemix’i andırsa da yine de içeriği bakımından çok çok ziyaret edilen bir alan.

5) Six Shooter Media

Six Shooter Media bünyesinde oluşturulmuş olan az sayıdaki tasarımı kullanma imkanınız var. Sınırlı sayıda şablon olmasına rağmen tasarımlar görülmeye değer.

6) Free-Css-Templates

Birçok Wordpress temasının altyapısını oluşturan şablonları sitede görmek mümkün. Tasarımlar sitede Yeni Tasarımlar ve 2006 tasarımları olarak iki ana alana ayrılmış.

7) Free Css Templates

Farklı renk ve görünümlerde 216 şablonu sitede bulabilirsiniz. Alternatif birçok tasarımı görmekte mümkün.

8) Andreas Viklund

Wordpress temalarıyla tanıdığımız Andreas Viklund’un hazırlamış olduğu şablonlara yine sitesinden ulaşabiliyorsunuz. Az sayıdaki profesyonelce hazırlanmış çalışma gerçekten görülmeye değer.

9) CssFill

CssFill sitesi Michael Strand’ın yapmış olduğu Css ve Xhtml şablonları barındırıyor. Ayrıca sitede şablonlar farklı kategorilere ayrılarak ziyaretçilere sunulmuş.

10) Template World

Template World tarafından yapılmış olan ücretsiz tasarımlar farklı görünümler ve daha profesyonel şablonlar arayanlar için birebir.

11) Arcsin

Yine Wordpress temalarıyla tanıdığımız başka bir geliştirici kaynağı.

12) Solucija

Hemen hemen tüm template sitelerinde tasarımlarını görebileceğiniz bu sitede birbirinden güzel Css ve Xhtml tasarımlar da mevcut. Özellikle portal ve ticaret siteleri için şablonlar görülmeye değer.

13) i-use

İtalyan Mediando Communications’un geliştirmiş olduğu ve kullanıma sunduğu Css ve Xhtml şablonları.

14) Styleshout

Ücretli tasarımlarda sunan Styleshout sitesi aynı zamanda ücretsiz Css ve Xhtml şablonlarına da yer veriyor. Site kaliteli ve profesyonel tasarımlar barındırıyor.

15) Get Css Templates

Site sınırlı sayıda şablona yer veriyor ancak ileriki zamanlarda daha fazlasını bulabileceğimiz söyleniyor. Tasarımları ise görülmeye değer.

16) Free Css Templates

Birbirinden güzel ve kaliteli şablonlar bulabileceğiniz bu site sloganı ve içeriğiyle olduça iddialı görünüyor. Tasarımlarına göz atmakta fayda var.

17) RamblingSoul

Ramblingsoul.com kaliteli Css ve Xhtml şablonlarına yer veren bir site. Tasarımlarına kesinlikle göz atmanızı tavsiye ediyorum.

W3C standartlarında kodlama yapmaya başlamadığım zamandan bu yana klasik table aç, tr aç, td aç kapat gibi basit menüler yapıyordum. Açıkçası bunları yaparken hiç zorluk çekmiyordum çünkü klasik Html yazımına hakim bir insanım ve biraz Css ile menüme dilediğim özelliği katabiliyordum. Ancak standartlara uygun kod yazma dönemine geçişle birlikte table ve td gibi etiketleri yavaş yavaş terketmeye başladım. Şu ana kadar tasarımlarımda çokça kullandığım ve zaman zaman sitemin tüm omurgasını yaptığım table kodunun bazı parametreleri bildiğiniz gibi standart kod yazarken insanı çileden çıkarabiliyor. Bunu en çok yaptığım menülerde hissettim. Birçok kez Xhtml ve Css’e uygun bir menü kodlamayı denedim ve açıkça söylemem gerekirse table ile yaptığım menülerden daha kolay oldu. Bu yazımda sizlere biraz teknik ayrıntıya girerek bir Xhtml, Css menünün nasıl yapılacağından bahsedeceğim.
Gönderinin Devamını Okuyun…