1. Ana Sayfa
  2. Webmaster
  3. HTML Çerçeveler (Frames)

HTML Çerçeveler (Frames)

Son güncelleme: 26.07.2011 19:21
NarCicegi NarCicegi foto
  • Çerçeveler sayesinde aynı tarayıcı penceresinde birden fazla HTML dökümanı görüntüleyebilirsiniz.

    Örnekler

    Dikey Çerçeveler

    Yatay Çerçeveler



    Çerçeveler

    Çerçeveler sayesinde aynı tarayıcı penceresinde birden fazla HTML dökümanı görüntüleyebilirsiniz. Her HTML dökümanı bir çerçeve (frame) ve her çerçeve birbirinden bağımsız olur.

    Ç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.


    Frameset Etiketleri

    * <frameset> pencerenin hangi biçimde çerçevelere ayrılacağını belirler.
    * Her frameset satır (rows) veya sütun (cols) olarak belirlenir.




    Frame Etiketi

    * <frame> etiketi, her bir çerçevede hangi HTML dökümanının görüntüleneceğini belirtir.

    Aşağıdaki örnekte 2 sütun çerçeveli bir döküman bulunmaktadır. İlk çerçeve için tarayıcı penceresinin genişliğinin %25'i ayrılmıştır. İkincisine ise %75'i ayrılmıştır. "frame_a.htm" birinci sütuna, "frame_b.htm" ise ikinci sütuna yerleştirilmiştir:

    <frameset cols="25%,75%">
    <frame src="frame_a.htm">
    <frame src="frame_b.htm">
    </frameset>

    Not: frameset sütun değerleri ayrıca piksel olarak ta belirtilebilir: (cols="200,500"), ayrıca geri kalanının da kendi kendini 100 değerine tamamlamasına olanak verilebilir: (cols="25%,*").



    Temel Notlar - Yararlı İpuçları
    Ç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.

    Önemli: <body></body> etiketlerini <frameset></frameset> etiketleri ile beraber kullanamazsınız!


    Frame Etiketleri
    noimage
#09.06.2011 11:44 0 0 0
meselemmm meselemmm foto
  • Tşk Güzel paylaşım
#26.07.2011 19:21 0 0 0