HTML Ders 4 | Çerçeveler

Çerçeveler(Frameset); bir site üzerinde birden çok sayfa açmak gibi bir olaydır.Biraz daha açarsak suan bloğumda dolaştığınızda sadece bir sayfaya tıkladığınızda sayfanın açılmasını bekliyorsunuz ve işleminizi açılan sayfa üzerinde gerçekleştiriyorsunuz. Ayrıca yeni sayfa ile yeni içeriklerle karşılaşıyorsunuz. Ama çerçeve kullandığınızda site üzerinde bağımsız sayfalarla çalışıyorsunuz..Bir örnek vererek daha iyi anlaşılmasını sağlayalım.

Çerçeve kullanılarak oluşturulmuş bir site örneği .. >>

Çerçeve kullanılmamış bir site örneği .. >>

Görmüş olduğunuz gibi sayfa en az ikiye ayrılarak birbirinden bağımsız çalışılabiliniyor.Kısaca mantığı budur.Gelelim nasıl yapılıyor ?

Bunun için gerekli olan ana etiketimiz <frameset> ?dir.

Kullanımı ise şu şekildedir :

<frameset cols=?20%,80%?>
<frame src=frame_x.html?>
<frame src=?frame_y.html?>
</frameset>

Komutları yorumlayacak olursak ilk satırda çerçevelerin alan boyutlarını ayarlıyoruz.Eğer orada üç tane yüzdelik verseydik bir alt kısımda tanımladığımız sayfalara bir tane daha ekleyecektik.Yani ;

<frameset cols=?20%,50%,30%?>
<frame src=frame_x.html?>
<frame src=?frame_y.html?>
<frame src=?frame_z.html?>
</frameset>

Şeklinde olacaktı. Sitede belkide dikey sütunlu çerçeve değil de yatay çerçeve oluşturmak istiyorum.Onun için şu kısıma dikkat etmelisiniz..

Cols : Dikey pencereler için kullanılmaktadır.
Rows : Yatay pencereler için kullanılmaktadır.

Yatay ve dikey pencereleri her ikisini birlikte de kullanabiliriz.Örnek verecek olursak ;

<frameset rows=?50%,50%?>
<frame src=?frame_a.html?>
<frameset cols=?25%,75%?>
<frame src=?frame_b.html?>
<framesrc=?frame_c.html?>
</frameset>
</frameset>

Eğer çerçevelerin görünmesini istemiyorsanız  <frame src=?#?  koduna frameborder=?0? özelliğini eklememiz yeterlidir.
<frame src=?frame_a.html?  frameborder=?0?>  şekilde kullanılmaktadır.

Çerçeve boyutları başlangıçta bizim ayarladığımız gibi gelse de kullanıcı tarafından değiştirilebilmektedir. Bunu engellemek için <frame src=?#? koduna noresize = ? noresize ? özelliğini eklememiz yeterlidir.

<frame src=?frame_a.html? noresize=?noresize?> şeklinde kullanılmaktadır.

IFRAME Kullanımı :

Sayfamızın içinde yer alan başka sayfalara ait pencerelerdir.

<iframe name=”iFrameadi” width=450 height=400 src=”ana.html” scrolling=”no” frameborder=”0″></iframe>

Bir de iFrame içerisinde açtırmak istediğimiz sayfaların linklerinin target (hedef) kısmına da iFrame ismimizi yazıyoruz.

<a href=”http://ww.google.com” target=”Google”>Google</a>

Bunları yaptıktan sonra sorunsuz bir biçimde İframe?mizi kullanabiliriz.

iframe kodu içerisinde geçen:

frameborder=”0″ – Kenarlık kullanılmayacağını belirtir.

width=”184″ – 184 piksel genişlikte olacağını belirtir.

height=”94″ – 94 piksel yükseklikte olacağını belirtir.

scrolling=”yes” – Kaydırma çubuğunu gösterme demek.