Html

Html Öğreniyorum 3 -HTML Çerçeveler

Author Bilişimci AnnemPosted on

HTML ‘ DE ÇERÇEVELER



Çerçeveler sayesinde aynı tarayıcı içerisinde birden faza Html sayfası görüntüleyebiliriz.Ancak bazı dezavantajlarından dolayı web tasarımcılar bunu pek kullanmazlar. Bunu ilerde çeşitli örneklerle ve sizlerde kullandıkça daha iyi pekiştireceksiniz.

 

        Çerçeve kullanmanın dezavantajları:

  • Web geliştiricilerin birden fazla HTML dökümanını takip etmesi zordur.
  • İstenilen sayfanın yazıcıya gönderilmesi zordur.
  • Kullanılan her sayfa birbirinden bağımsızdır.
 
        Çerçeve oluştururken kullanacağımız etiketler
 
  • <frameset> pencerenin hangi biçimde çerçevelere ayrılacağını belirler.
  • Her frameset satır (rows) veya sütun (cols) olarak belirlenir.
  • <frame> etiketi, her bir çerçevede hangi HTML dökümanının görüntüleneceğini belirtir.
 
Önemli : Çerçevelerde görünebilir kenarlıklar vardır. Kullanıcı bunları sürükleyerek yeniden boyutlandırabilir.Bunu önlemek için noresize=”noresize” parametrelerini  <frame> etiketi içine yazabilirsiniz.

<noframes> etiketini döküman içerisine eklerseniz, tarayıcınız çerçeve özelliğini desteklemez hale gelir.

Bir önceki yazımızda kaydetmiş olduğumuz deneme.html ve denemee.html sayfalarını dikey olarak 2 çerçevede görüntüledik.
 
Bu örneğimizde de yatay olarak 2 çerçevede sayfalarımızı görüntüledik.
 
Sizler sayfalarınızı daha faza satır veya sütuna bölebilirsiniz.

Html de Resim İşlemleri

Web sitelerimizin en önemli destekleyicileri şüphesiz resimlerdir.İnternet’te yaygın olarak kullanılan dosya tipleri bitmap (.bmp), GIF, JPEG ve PNG şeklinde sıralanabilir. 

        Resim ekleme etiketimiz img ve resmin eklenme konumunu ,adını belirteceğimiz parametre src dir. Şimdi örnekle inceleyelim.

 <img src=”resimkonumu/resimadi”>

        Görüntülenecek olan görselin boyutları HTML kodu içinde belirtilebilir. Height parametresiyle görselin piksel cinsinden yüksekliğini ve width parametresiyle de piksel cinsinden genişliğini belirtebilirsiniz.
        Görselin sayfa üzerindeki konumunun belirlenmesi için align parametresini kullanabilirsiniz. Sola yaslamak için left, sağa yaslamak için right, ortalamak için center, üst için top, alt için ise bottom şeklinde konum tanımlanız yeterli olacaktır.

Html Arkaplan İşlemleri

 

 Sayfamızın arkaplanını değiştirebilmek için <body> etiketi içerisinde kullanılabilecek iki parametre vardır.Bunlar “bgcolor” ve “background” parametreleridir. bgcolor ile arka plan rengi, background ile de bir arka plan resimi belirtebilirsiniz.


Not : Sayfanıza arka plan resmi yüklerken aşağıdaki maddeleri düşünmemiz gerekir.

  • Yüklenmesi uzun sürer mi?
  • Sayfadaki diğer resimler ile uygun bir görüntü sağlar mı?
  • Sayfadaki metinlerin rengi ile uygun bir görüntü sağlar mı?
  • Sayfaya döşendiği zaman farkedilmemesi sağlanacak mı?
  • Sayfadaki metinlerden daha az dikkat çekecek mi?
 

        Bir örnekle sayfamızda arkaplan nasıl kullanılır inceleyelim.

 

 

Yorum Yapın

Benzer İçerikler

Daha Fazla İçerik