CSS İle Şablon Yapmak

Malum artık tablolarla tasarım devri kapandı. Herkes CSS’le tasarım yapıyor. Benimse css’te en sevdiğim şey katmanlarla şablon yapmak. Bu sayede kodladığınız sitelerle, tasarımlarımızı birleştirirken olanca kodla uğraşmak zorunda kalmıyoruz. Eskiden 300-500 satırla tasarlayabildiğimiz bir siteyi, şimdi harici bir css dosyasını import ederek, 25-30 satırda hallediyoruz.

Konuyu daha iyi anlamanız için örnek bir tasarım yaptım, sayfaların kodlarını açtığınızda ilgili açıklamalar içlerinde mevcuttu. (İndirip İnceleyebileceğiniz Dosyayı Buradan İndirebilirsiniz.)

Konuyla ilgili güzel bir yazı da Web Deneyimleri’nde Volkan Görgülü yazmış. Buyrun o da burada…

Benzer Yazılar (İlginizi Çekebilir):

Ekim 26th, 2008 Etiketler: css, div, float, şablon
| Kategori: CSS & XHTML 2 Yorum » Yazar: abdullah

Yorumlar

Ekim 26th, 2008 | Yorumcu : saadet

verdiğiniz bilgiler için teşekkürler. vaktinizi almassam birşey sormak istiyorum. div ile çalışmaya yeni başladım.
anlayamadığım şey table ile çalışırken table açıp onu ikye ayırıp yan yana iki sütun yapıyorduk

div ile çalışmada yan yana 2 divi bir türlü yerleştiremedim
inşallah anlatabilmişimdir.
teşekkür ederim
belki saçma bir soru ama yeni başladığım için yapamadım…
Ekim 26th, 2008 | Yorumcu : abdullah

Float kullanın!

Buradaki önemli konu şu açtığınız div’lere bir genişlik verin Örnek: 300px gibi.

Sonrasında onları float:left koduyla sola hizalayın. Bu işlemi iki div’ede uygulayın. Sorun düzelecektir.