Az önce Line25′te bir makale gördüm. Basit olarak Xhtml ve Css ile bir sayfanın kodlaması anlatılıyordu. Ne zamandır aklımda olan ama yazmaya bir türlü fırsat bulamadığım bir konuydu bu. Ben de oturup yazmaya karar verdim. Umarım size en yalın haliyle Xhtml ve Css sayfa kodlamayı anlatabilirim. Gerçekten bu iş düşündüğümüz kadar zor değil.

W3C standartlarına uygun kodlama için (valid code) Xhtml bilgimiz olması şart. Daha önceki zamanlarda sitemizde Xhtml dersleri yayınlamıştık, dilerseniz o derslerden yararlanabilirsiniz. Ancak standartlara uygun bir sayfa kodlaması için yalnızca Xhtml bilgisi başlı başına yeterli değil. Xhtml ile oluşturduğumuz kodların görünümünü düzenleyecek olan stilleri yazmak için CSS’ye de hakim olmak gerekli. Kaldı ki yazacağımız Css kodlarının da standartlara uygun olması gerekiyor. Css yazarken de belli kurallara bağlı kalmamız gerekiyor. Geçerli bir sayfa kodlaması için Xhtml ve Css’ye başlangıç aşamasında hakim olmak yeterli.

Öncelikle Xhtml kodlarımızı yazarak işe başlayalım. Sayfamız klasik olarak bir Üst bölüm (Header), bir Navigasyon alanı (Navigation), bir İçerik alanı (Content), bir Menü bölümü (Menubar veya Sidebar) ve bir Alt bilgi (Footer) alanı barındıracak. Şimdi bu alanları Xhtml olarak yazalım.

Wordpress tabanlı güncelerin olmazsa olmazlarından birisi de gönderilere eklenen etiketlerdir. Birçoğumuz gönderi içinde kullandığımız popüler etiketleri bir etiket bulutu (tag cloud) şeklinde sitemizde ziyaretçilerimize sunarız. Bu yazımızda kısaca Wordpress tabanlı güncemizde nasıl bir etiket bulutu sayfası elde edeceğimizi anlatacağız.

Bu işlemi yaparken Wordpress’te öncelikle bir sayfa şablonu oluşturalım. Sayfa şablonumuz etiketlerimizi göstereceğinden Wordpress’in wp tag cloud fonksiyonundan yararlanacağız. Şimdi sayfa şablonumuzu oluşturacak olan kodları yazalım.

Daha hızlı sayfa şablonları yapmak için kullanabileceğiniz 9 Css Framework listelenmiş. Birçoğunu zaten biliyorsunuz ama bilmediğim 2-3 framework’ü burada gördüm :)

SmashingMagazine’den yine güzel bir derleme. Bu sefer 100 adet kaliteli Xhtml/Css kodlanmış sayfa şablonuna yer vermişler. Yer verilen tasarımların hepsi de ücretsiz indirilebilir.

Ç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.

4) Open Source Templates

Ş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.