Bulunan 1 den 7 - Toplam 7

Konu: CSS ile web tasarımı?

  1. #1
    Ceviz Üyesi astronot Üyenin Avatarı
    Üyelik Tarihi
    24-Haziran-2006
    Nereden
    İstanbul
    Mesaj
    526

    Varsayılan CSS ile web tasarımı?

    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

  2. #2
    Ceviz Üyesi hiko Üyenin Avatarı
    Üyelik Tarihi
    11-Haziran-2004
    Mesaj
    611

    Varsayılan

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

  3. #3
    Ceviz Üyesi astronot Üyenin Avatarı
    Üyelik Tarihi
    24-Haziran-2006
    Nereden
    İstanbul
    Mesaj
    526

    Varsayılan

    öncelikle bu hızlı cevabın için çok teşekkürler denemeye başladım

  4. #4
    Ceviz Üyesi astronot Üyenin Avatarı
    Üyelik Tarihi
    24-Haziran-2006
    Nereden
    İstanbul
    Mesaj
    526

    Varsayılan

    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. #5
    Ceviz Üyesi hiko Üyenin Avatarı
    Üyelik Tarihi
    11-Haziran-2004
    Mesaj
    611

    Varsayılan

    Alıntı astronot Demiş ki: Mesajı Görüntüle
    ş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.
    peki.

  6. #6
    Ceviz Üyesi zen Üyenin Avatarı
    Üyelik Tarihi
    27-Ocak-2007
    Nereden
    Ceviz Wiki(ydi)
    Mesaj
    58

    Yukarı

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

Konu Bilgileri

Bu Konuya Gözatan Kullanıcılar

Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)

Yer İmleri

Mesaj Yetkileriniz

  • Yeni konu açmaya yetkiniz yok
  • Cevap yazmaya yetkiniz yok
  • Eklenti yüklemeye yetkiniz yok
  • Mesajınızı düzeltmeye yetkiniz yok
  •