Ana içeriğe atla

Css ve Div ile Web Sitesi Yapmak



XHTML Kodumuz:

<div id="site">

  <div id="ust">
  üst kısım
  </div>

  <div id="icerik">
  içerik
  </div>

  <div id="sol">
  sol kısım
  </div>

  <div id="alt">
  alt kısım
  </div>

</div>

CSS Kodumuz:

#site
{
  width:768px;
  margin:0 auto; /* sayfayı ortalama kodu */
}

#ust
{
  width: 768px;
}

#icerik
{
    float: right; /* sağ tarafa yaslama kodu */
    width: 568px;
}

#sol
{
    float: left; /* sol tarafa yaslama kodu */
    width: 200px;
}

#alt
{
    width: 768px;
    clear: both; /* bir çeşit float temizleme kodu, bu kod ile alt kısım alt tarafta kalacak*/
}

Yorumlar

Bu blogdaki popüler yayınlar

CSS üstte sabit duran menü yapımı

Sitenin en üstünde sabir şekilde duran menüler ile birçok site ve blog’da karşılaşıyoruz. Benzer bir menüyü sizde sitenize eklemek istiyorsanız basitçe özel hazırlanan bu örneği de kullanabilirsiniz. HTML Kodu: < html > < head >      < meta charset = "utf-8" >      < title >Yusuf Akdin</ title >      < link rel = "stylesheet" type = "text/css" href = "style.css" > </ head > < body >      < div class = "ust" >          Üst taraftaki sabit menü      </ div >      < div class = "orta" >          Site İçeriği      </ div > </ body > </ html > CSS Kodu: html,body{      margin :  0 ;      padding :...

Katmanlı ve Çok Katmanlı Yazılım Mimarisi

Çok katmanlı yazılım mimarisi nedir? sorusundan önce katmanlı yazılım mimarisi nedir? onu inceleyelim. Katmanlı Yazılım Mimarisi Yazılım projelerinin ilk aşamada iş yükü olarak görünse de, sürdürülebilirlik açısından çok daha az maliyetli ve kullanım kolaylığı sağlayan bazı temel yapı taşları vardır. Bunlardan biri de kuşkusuz katmanlı mimari oluşturulmasıdır. Peki katmanlı mimarinin bize kazanımları nelerdir ve neye göre nasıl oluşturulur temel olarak bir inceleyelim. Katmanlı mimarinin en büyük yararı, kodlarımızı daha küçük yapılara bölerek kolay kontrol edilebilirlik ve güncellenebilirlik sağlar . Ayrıca verilerimizin güvenliğini de en yüksek seviyede korur. Örneğin bir web projesi için, tüm veritabanı işlemlerimizi, butonların arkasına yazılan bir sorgu olarak yaparsak, tasarım değişikliğinde tüm kodları tekrardan yazmamız gerekir. Ya da çıkan her hangi bir sorun anında, katmanlı mimaride sadece sorunlu kısmı inceleyecekken, monolithic adı verilen tek katmanlı yazılımda t...

c# mssql ile veritabanı kayıt görüntüleme, ekleme, silme ve güncelleme

Örneğimizde c# ile mssql veritabanı kullanarak nasıl veritabanımızdaki kayıları nasıl görüntüleyebileceğimizi düzenleyebileceğimizi silebileceğimizi ve yeni kayıt nasıl ekleyebileceğimizi gösteren kodlar var. Kodlara geçmeden önce MSSQL veritabanımıza erişim için kullanacağımız yardımcı veritabanı nesnelerimizin neler onlara bakalım. SqlConnection : veritabanımızın türü ve fiziksel olarak bulunduğu yol belirtilir. SqlCommand : veritabanı üzerinde sql deyimlerini çalıştırmak için kullanılır. Select, Insert, Update ve Delete gibi SQL deyimleri bu nesne üzerinde çalıştırılabilir. SqlDataAdapter : veritabanından çekilen verileri DataSet'e aktarmak için kullanılır. DataReader : veritabanından kayıt çekmek için kullanılır. DataSet : OleDataAdapter ile çekilen veriler DataSet içerisinde tablolar şeklinde saklanır. ExecuteReader : yürütülen komur sonrasında geriye DataReader nesnesi döndürülür. ExecuteNonQuery : ekleme, silme, güncelleme gibi sorgulardan etkilenen satır say...