Artık sitelerimde table kullanmaktan bıktım ie de sorun olmayan bir siteme mozillada bakığımda darmadağın oluyor internetteki ne kadar makale varsa okudum sayılır bu konu ile ilgili fakat tam olarak benim yapmak istediğim değil.
öncelikle bazı sorularım var
CSS ile sayfamın iskeletini oluşturabilirmiyim?
mesela sayfanın herşeyi hazır logosu background imgsi rengi fontları bunlarla bi sayfa iskeleti oluşturmak istiyorum.
sayfa üç kısımdan oluşuyor
-header
-body
-footer
genelde bu ana tablonun içine 3 tane table açılarak bg resimleri konulur düzenlemeleri yapılır ve ortaya yazılar yazılır.Ben bunları css ile yapmak istiyorum. İskelet.css dosyasını oluşturdum diyelim sayfamda çağırdığımda sayfanın şablonunun çıkmasını istiyorum ama sorun iskeleti yapmakta? biraz uzun ve karışı oldu kusura bakmayın
CSS kavramini arastirip, iyi bir sekilde ogrendip/anladiysan.. Bundan sonraki karsilasacagin seye yabancilik cekmeyecegini umuyorum.
Yapiyi kavraman icin, Bu adresteki ornekleri Iyi bir sekilde inceleyip ornekleri, kendi basina bastan olusturup deneme/yanilma yontemiyle cok iyi ogreneceginden eminim.
Verdigim adreste, Template yapisini gosteriyor, Ve cok anlasilir sekilde, orneklemis, Sana her yapinin ayri bir bicimde dosyalarini veriyor.
hiko verdiğin örnekleri inceledim bi kaç makaleyi daha, daha ayrıntılı şekilde inceledim anlayamadığım şu verdiğin örneklerde html namına bişey yok sadece tema ile alakalı?
Birde
head olayını şöyle çözmüşler
table açmadan en üst -head
orta -head1
alt-head2
şeklinde stillendirmişler ve şahin'in css ile ilgili makalesindeki gibi ayrı ayrı konumlandırmışlar.
şu verdiğin örneklerde html namına bişey yok sadece tema ile alakalı?
Sen HTML mi ogreneceksin? CSS mi? Hayir html namina ornekleri ne yapacaksin? HTML hakkinda hic birsey bilmiyorsan eger, CSS ogrenmeye neden basliyorsun? CSS ogrenmek istiyorsan. Div, Class yapilarini bu verdigim ornek site'de cok iyi bir sekilde kavrarsin.
hiko'nun verdiği adresteki örneklerden birini açıp, sayfaya sağ tıklayıp kaynağı görüntüle'yi seçin. Göreceksiniz ki table etiketleri yerine div etiketleri kullanılarak sayfa yapısı tasarlanıyor. Div'lerin nasıl bir yerleşime sahip olacağını ise CSS dosyasından belirliyorsunuz.
Örnekte göreceğiniz gibi sayfaya bir ana div açılmış: <div id="container">
Sayfanın başlığı <div id="header-wrap">
İçeriği <div id="content-wrap">
Sayfanın en altı <div id="footer-wrap"> içine yerleştirilmiş.
CSS dosyasında ise aşağıdaki gibi kodlar kullanıyorsunuz.
Yer İmleri