Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

CSS ile web tasarımı?

Konu, 'Genel Webmaster Konuları' kısmında astronot tarafından paylaşıldı.

  1. astronot

    astronot Daimi Üye

    Kayıt:
    24 Haziran 2006
    Mesajlar:
    535
    Beğenilen Mesajlar:
    0
    Meslek:
    öğrenci
    Şehir:
    İstanbul
    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 :hey:
     
  2. hiko

    hiko Daimi Üye

    Kayıt:
    11 Haziran 2004
    Mesajlar:
    621
    Beğenilen Mesajlar:
    0
    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.
     
  3. astronot

    astronot Daimi Üye

    Kayıt:
    24 Haziran 2006
    Mesajlar:
    535
    Beğenilen Mesajlar:
    0
    Meslek:
    öğrenci
    Şehir:
    İstanbul
    öncelikle bu hızlı cevabın için çok teşekkürler denemeye başladım:)
     
  4. astronot

    astronot Daimi Üye

    Kayıt:
    24 Haziran 2006
    Mesajlar:
    535
    Beğenilen Mesajlar:
    0
    Meslek:
    öğrenci
    Şehir:
    İstanbul
    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.
     
  5. hiko

    hiko Daimi Üye

    Kayıt:
    11 Haziran 2004
    Mesajlar:
    621
    Beğenilen Mesajlar:
    0
    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.
     
  6. zen

    zen Üye

    Kayıt:
    27 Ocak 2007
    Mesajlar:
    58
    Beğenilen Mesajlar:
    0
    Meslek:
    Ceviz Wiki'ye katkıda bulunuyor(d)um
    Şehir:
    Ceviz Wiki(ydi)
    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.

    div#container {
    width: 740px;
    margin: 10px auto;
    text-align: left;
    }

    Tamamı için örneğin HTML ve CSS dosyalarına bakabilirisiniz.

    Ayrıca http://www.htmldog.com/guides/cssbeginner/ adresini de tavsiye ederim.
     
  7. m.erin

    m.erin Aktif Üye

    Kayıt:
    17 Nisan 2005
    Mesajlar:
    472
    Beğenilen Mesajlar:
    0
    Meslek:
    Grafist + Web Programcısı + Biyolog + Aylak + :)
    Şehir:
    GOCA GONYA