Div ile sayfa tasarımı nasıl yapılır
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 :
<!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
Artık tablo olayı bitmiştir.. div hem kullanışlı hem istediğimiz şekillendirmeyi yapabiliyoruz..