• 20-04-2020, 02:45:17
    #1
    https://www.w3schools.com/html/html5...c_elements.asp html
    şablonu oluşturup css yazarken bu şablon nasıl hazırlanıyor?
    <!DOCTYPE html>
     <html>
     <head>
     <title>dene dene</title> 
      <link rel="stylesheet" type="text/css" href="css/style.css">
     </head> 
    <body>
         <div class="header"></div> 
           <div id="nav"></div> 
           <div class="aside"> 
               <div class="section"></div>  
           <div class="article"></div> 
         </div> <div id="footer"></div> 
    </body> 
    </html>
    bu yapı dogrumu_?
  • 20-04-2020, 02:48:15
    #2
    Üyeliği durduruldu
    Aşağıdaki yapıda oluşturman daha doğru olacaktır hocam. Yani header footer tag'i ve içeriklerde section tag'ini kullanmanda fayda var. section'ları class'larla ayırırsın zaten.

    <header></header>
    <section></section>
    <footer></footer>
  • 20-04-2020, 02:55:54
    #3
    Yanlış anlamıyorsam css'in vs. yazıldığı alanlar doğru mu demek istiyorsunuz? Css, head içerisinde ve body içerisinde html kodlar var. Html kodlardaki classlarda biraz sorun var. Mesela ben sectionı class olarak kullanmıyorum, direk tag olarak kullanıyorum, headerı da aynı şekilde. Sıralamada da sorun var. Bir de meta ve scriptler eksik olarak görüyorum.
  • 20-04-2020, 03:05:42
    #4
    Hocam açıkcası ben kodlama yaparken div class ları kendime göre verip css ile düzenleme yapıyorum. Vermiş olduğunuz şeklin kodlaması birden fazla yöntemle yapılabilir ancak ben olsam alttaki şekilde yapardım. Sol ve asideyi ekranın yarısını kaplayacak şekilde ayarlardım.

    <!DOCTYPE html>
    <html>
    <head>
    <title>dene dene</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
     </head>
    
    <body>
    <div class="header"></div>
    <div id="nav"></div>
    <div class="govde">
       <div class="sol">
          <div class="section"></div>
          <div class="article"></div>
       </div>
       <div class="aside"> </div>
    </div>
    <div id="footer"></div>
    </body>
    </html>
    Eğer html ve css konusuna yeni başladıysan elimden geldiğince size ücretsiz bir şekilde yardımcı olurum hocam. Bu konu için pm atabilirsiniz. Ayrıca Html ve Css konusunu bitirdikten sonra bootstrap a bakmanızı öneririm.

    İyi çalışmalar dilerim hocam.
  • 20-04-2020, 03:09:27
    #5
    sakinnun adlı üyeden alıntı: mesajı görüntüle
    Yanlış anlamıyorsam css'in vs. yazıldığı alanlar doğru mu demek istiyorsunuz? Css, head içerisinde ve body içerisinde html kodlar var. Html kodlardaki classlarda biraz sorun var. Mesela ben sectionı class olarak kullanmıyorum, direk tag olarak kullanıyorum, headerı da aynı şekilde. Sıralamada da sorun var. Bir de meta ve scriptler eksik olarak görüyorum.
    Aynen, sizin yapınızı yazabilirmisiniz ayrıntılı olarak
  • 20-04-2020, 03:21:37
    #6
    destroey adlı üyeden alıntı: mesajı görüntüle
    Aynen, sizin yapınızı yazabilirmisiniz ayrıntılı olarak

    R10 yine kodlarımı almadı da, o yüzden resim olarak gönderiyorum.
    Şu an kabataslak bu şekilde sanırım. Aşırı uykusuzum, o yüzden eksikliğim olabilir. Sadece ilk aklıma gelenleri yazdım. Bir de bootstrape göre yaptım. Bootstrap olmadan pek proje yapmıyor gibiyim, olmadı kendim bootstrap gibi bir yapı oluşturuyorum, onu kullanıyorum.
  • 20-04-2020, 03:25:39
    #7
    destroey adlı üyeden alıntı: mesajı görüntüle
    https://www.w3schools.com/html/html5...c_elements.asp html
    şablonu oluşturup css yazarken bu şablon nasıl hazırlanıyor?
    <!DOCTYPE html>
    <html>
    <head>
    <title>dene dene</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    </head>
    <body>
    <header>
    
    </header>
    <nav>
    
    </nav>
    <aside>
    
    <section>
    
    </section>
    <article>
    
    </article>
    </aside>
     <footer>
    </footer>
    </body>
    </html>
    bu yapı dogrumu_?
    Bu şekilde olursa daha doğru olur. Son zamanlarda web alanında yapılan geliştirmeler ve yeniliklerle html5 ve css3 kullanmak büyük avantaj sağlamaktadır. Ancak html çok rahat bir dil olduğu için sizde o şekilde kullanabilirsiniz. Doğru bir tanımlamadır.
  • 20-04-2020, 03:34:50
    #8
    Ayrı ayrı cevap yazan herkese teşekkür ederim arkadaşlar ağzınıza sağlık