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…

Şö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…

Sitepoint.com‘a uzun süre sonra girmemle birlikte üst menüde Reference bağlantısını görme fırsatım oldu. Girip nedir ne değildir diye baktığımda Css Reference başlığı altında bir sayfayla karşılaştım.

Bu sayfada Css konusunda Referans bilgiler yer alıyor. Temel Css Bilgileri, Syntax (sözdizim), Sayfa tasarımı, Kutular, Listeler gibi Css ile yapılan kodlama biçimleri ve nasıl uygulanacakları anlatılıyor. İlk gördüğümde W3schools.com’daki Css derslerini hatırlattı bana. Hoş ve faydalı bilgiler içeren bir bölüm olması ve kullanılan bileşenin (örneğin list-style-type) tarayıcılarda ne kadar desteklendiğini de göstermesi artılarından.

Css Reference sayfasına girdiğinizde alt bölümde ise yakında Html ve Javascript Reference bölümlerinin de geleceğini görebiliyorsunuz. Sitepoint Reference sayfasına ulaşmak için bu bağlantıyı kullanabilirsiniz.

(Efendim, birçok güzide sitemizde gördüğüm bir uygulamayı bende hayata geçirmek istedim. Bu başlık altında bundan böyle web’de gördüğüm bazı bağlantıları, yararlı olduğunu düşündüğüm makaleleri, ilginç gelişmeleri sizlerle paylaşmayı düşünüyorum. Umarım sizler için faydalı olur.)

• Tutorial Blog 10 tane güzel Accordion tarzı menü sunmuş.

• SmashingMagazine büyük puntolu yazıların hakim olduğu web sitelerini sergilemiş.

• Erhan, Arama motorlarından gelen ziyaretçilerin aradıkları kelimeleri nasıl renklendireceğine dair hoş bir makale yazmış.

• Deziner Folio’dan Photoshop için harika Web 2.0 gradientleri.

• Free Css Toolbox, ücretsiz ve çok kullanışlı bir Css editörü.

(Ö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.