Çerçeveler web tarayıcınızın penceresini birbirine yapışık parçalara ayırarak her bir
parçanın ayrı bir içerik sergilemesine izin verir.
Çerçevelerin özellikleri;
Her çerçeve kendi URL’sine sahiptir.
Her çerçeveye ad verilebilir.
Her çerçeve kullanıcı tarafından boyutlanabileceği gibi, kendi kendini de
otomatik olarak boyutlayabilir.
Çerçevelerin kullanım alanları da şunlardır:
İçindekiler sayfası hazırlanarak, metin okunurken bir tarafta sürekli içerik
görüntülenebilir.
Bir çerçevede kriter verilerek yapılan işlemler diğer çerçevede de
görüntülenebilir.
Sürekli görünmesi istenen mesajlar için kullanılabilir.
Bir frame belgesi normal bir HTML belgesine çok benzer. Tek farkı içinde <body>
elemanı (tag) yerine, <frameset> elemanı kullanılmasıdır. Basit bir çerçevenin
oluşturulması;
<HTML>
<HEAD>
….
</HEAD>
<FRAMESET>
…..
</FRAMESET>
</HTML>
1. <frameset>
Çerçeve oluşturmada kullandığımız etikettir. Tag ile birlikte kullanılabilecek iki adet
parametre vardır. Bunlar cols ve rows’dur. Bu parametreler oluşturulacak pencerelerin
cinsini belirler.
Cols :
Virgülle ayrılmış değerler girilerek oluşturulacak çerçevelerin yan yana sütunlar
şeklinde olmasını sağlar. Bu değerler pixel olarak verilebileceği gibi, 1 ile 100 arasındaki bir
yüzde ile ya da göreceli boyutlar olarak tanımlanabilir. Tabiki belirtilen sütun sayısı,
oluşturulacak olan çerçeve sayısını da belirleyecektir. “*” ile göreceli değer verilirken,
sütunun geriye kalan bütün alanı kapsaması için kullanılır. “*” işareti önünde bir sayı varsa,
sütun diğer göreceli değerlerden daha büyük olacaktır.
Örnek 1: <frameset cols=”20%, 60%, 20%”>
İlk ve sonda tanımlanan çerçeve ortadaki çerçeveden daha küçük olacaktır.
Örnek 2: <frameset cols=”100,*,100”>
İlk ve sonda tanımlanan çerçeve sabit aralıklı, ortadaki çerçeve ise geriye kalan aralığı
kullanır.
Örnek:
<html>
<head>
<title>Yeni Sayfa2</title>
</head>
<frameset cols="30%,70%">
<frame name="sol" src="sol.htm">
<frame name="sağ" src="sag.htm">
</frameset>
</html>
2. Rows
Cols etiketinde değerler verilirken kullanılan formatın aynısı kullanılarak çerçevelerin
alt alta satırlar görünümünde açılmasını sağlar.
Örnek:
<html>
<head>
<title>Yeni Sayfa2</title>
</head>
<frameset rows="100,*">
<frame name="ust" src="ust.htm">
<frame name="alt" src="alt.htm">
</frameset>
</html>
<frame>
<frameset> ile çerçeveleri böldükten sonra içlerine konulacak sayfaları tanımlama işi
<frame> elemanı ile yapılır.
Bu etiket ile kullanılan parametreler ise şunlardır:
NAME :
Çerçevenin adıdır. En önemli parametre sayılabilir. Çünkü
frameset’lerde bir çerçevenin içindeki bir link bir başka
çerçevenin içeriğini değiştirebilir. Bunu da name
parametresini kullanarak yapar.
RESIZE/NORESIZE :
Çerçeve büyüklüğünün değiştirilip değiştirilmeyeceği
bilgisini içerir.
SCROLLING :
Çerçevenin içeriğinin bir ekrana sığmaması halinde
tarayıcının kenara bir kayma çubuğu ekleyip eklemeyeceğini
belirler (yes, no, auto). Varsayılan değeri auto’dur.
MARGINHEIGHT :
Sayfadaki ilk nesnenin yukardan ne kadar uzak olacağını
belirler.
MARGINWIDTH :
Sayfadaki ilk nesnenin soldan ne kadar uzak olacağını
belirler.
SRC :
İçine yerleştirilecek dosyanın URL’sini belirtir. Src’u
belirtmediğiniz takdirde tarayıcı herhangi bir hata
vermeyecek, buraya varsayılan renkte boş bir sayfa
koyacaktır.
3. <noframes>
<noframes> etiketi, eğer ziyaretçinin istemcisinin çerçeve desteği yoksa ziyaretçiye
görüntülenecek sayfayı belirlemede kullanılır. Daha çok eski ve Linux altında kullanılan
metin tabanlı istemcilerde çerçeve desteği yoktur.
Örnek:
<html>
<head><title>ÇERÇEVELER</title></head>
<frameset cols="100,*">
<frame name="sol" src="sol.htm" scrolling=”no” marginwidth=”10”
marginheight=”10” noresize>
<frame name="sağ" src="sag.htm" marginwidth=”0”
marginheight=”0” >
</frameset>
<noframes>
<body>
<h1>Browser'ınızın sürümü sayfamızı görüntülemeye uygun degil, lütfen daha yeni
bir sürüm yükleyip tekrar deneyin</h1>
</body>
</noframes>
</html>