web sayfasına arkaplan resmi etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
web sayfasına arkaplan resmi etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

9 Haziran 2011 Perşembe

Web Sayfasına Resimli Arka Plan Yapmak

Sevdiğiniz, beğendiğniz ya da yaptığınız tasarıma uygun olduğunu düşündüğünüz bir resmi web sayfanızın arka planı olarak kullanabilirsiniz. Bunun için HTML dosyanızın <body > tagının içine "background" parametresini kullanarak istdiğiniz resmi (jpg ,gif ya da png) arkaplan olarak belirleyebilirsiniz. İstediğiniz bir resmi arkaplan yapmak için,

< body background="arlaplan.gif" >
....................
....................
...................< /body >

şeklinde bir kodlama yeterlidir. "background" parametresine değer olarak arkaplan resminin konumu verilir. Burada dikkat edilmesi gereken husus adresin doğru olarak verilmesidir. Aksi takdirde resim görüntülenmez. Bu işlem sonucunda seçtiğiniz resim sayfanın arka planına döşeme şeklinde (sayfa boyunca tekrar ederek) yerleşir.

Artık günümüzde arkaplan resmini yerleştirmek için CSS kodlarından faydalanılmaktadır. CSS kodları web tasarımda nesnelerin yerleştirilmesi için HTML kodlarına göre daha çok imkan tanımaktadır. Bunu bir örnek ile açıklayalım.

< body style="background:url(arkaplan.jpg); background-repeat:no-repeat;" >
....................
....................
...................< /body >

Son olarak tag içinde kullanılan parametreleri de açıklayalım,

background-repeat : Arkaplan resminin tekrarlanma şeklini belirlemek için kullanılır. Dört farklı değeri vardır.

no-repeat : Tekrarlama olmaz.
repeat : Resim tüm sayfa boyunca döşenir.
repeat-x : Yatay doğrultuda döşeme yapar.
repeat-y : Düşey doğrultuda döşeme yapar