5.403 kez okundu

Div ile sayfa tasarımı nasıl yapılır

10 10 5.403 kez okundu incelendi

Bölümleme yöntemi (division – div) web sayfa tasarımında günümüzde kullanılan biçimleme yöntemidir diyebiliriz.

Tablo table kullanılarak yapılan klasik biçimlendirme yerine bölümlendirme div yöntemini kullanmanın en önemli faydalarından birisi sayfa ile ilgili görsel düzenlemelerin sayfaya eklenen harici sayfalarla (örn:style.css) yapılmasıdır. Sayfanın daha hafif ve stabil olması sağlandığı gibi aynı zamanda da hazırlanan stil dosyası istenilen diğer sayfalara da kolaylıkla eklenebilir.

Kullanımı:

1
<div id=”eşsiz_isim”>İçerik</id>

Her div etiketine eşsiz bir id değeri atamalısınız.

Sayfadaki tüm biçimlendirmeyi, tüm sayfayı kapsayacak bir ana çerçeve içine alın. Diğer tüm biçimlendirmeler bu ana çerçevenin içinde yer alacaktır.

1
2
3
4
5
<div id="ana_kapsayici">
<!- TÜM SAYFA BURADA YER ALACAKTIR ->
</div>

ÖRNEK :

xhtml_div

<!DOCTYPE HTML PUBLIC "-//W3C/DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<title> Bölümleme Yöntemi (div) ile Sayfa Tasarımı </title>
<meta name="keywords" content="xhtml, css, div" />
</head>
<body>
<div id="ana_kapsayici">
<div id="header">
...
</div>
<div id="icerik">
...
</div>
<div id="sol_kolon">
...
</div>
<div id="footer">
...
</div>
</div>
</body>
</html>



mustafa aydemir

Gelen aramalar :

1 Yorum yapıldı “Div ile sayfa tasarımı nasıl yapılır”

  1. serbest web tasarımcı dedi ki:

    Artık tablo olayı bitmiştir.. div hem kullanışlı hem istediğimiz şekillendirmeyi yapabiliyoruz..

Yorum yap

Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter