Frame
|
Bazan bir Web sayfasını alt pencerelere ayırmak gerekebilir.
Bunu yapmanın yollarından birisi FRAMESET damgasını (tag) kullanmaktır.
Bir Web sayfası birden çok alt pencereye ayrıldığında,
bu pencerelerin her birisine bir FRAME denir. Çoğunlukla, bu
küçük pencerelere bir URL adresi yazılarak istenen
başka bir web sayfasına bağlanılır.
Şimdi bu işin nasıl yapıldığını örneklerle inceleyeceğiz.
Bir web sayfası alt pencerelere bölünürken
<FRAMESET>... </FRAMESET>
teknesi (container)
kullanılır. Bu tekne içine
konulacak pencereler, satır ya da kolon biçiminde belirlenir.
Burada <FRAMESET> <FRAMESET> teknesi, normal web
sayfasında kullanılan <BODY> </BODY> teknesi yerine geçer.
Şimdi FRAME belirleyen nitelemeleri inceleyelim:
Örnek:
<FRAMESET COLS="20%,40%, 40%"> nitelemesi, kolon halinde üç frame (pencere)
belirler. Birinci pencere, tarayıcı penceresinin (genişliğinin) %20 ini, ikincisi %40 ını ve
üçüncüsü %40 ını kapsar.
| Frames |
Uyarı |
HTML Kodları
|
|
|
Her bir FRAME içinde görüntülenecek nesneye, o FRAME'in
karşısında SRC parametresiyle bağlantı yapılmaktadır.
Sağ yandaki frame'in içinde görüntülenecek web sayfalarının
URL adresleri yazılıdır.
|
<HTML>
<HEAD>
<TITLE>Frame Pencereleri</TITLE>
</HEAD>
<FRAMESET COLS="20%,40%, 40%">
<FRAME SRC=sol.html >
<FRAME SRC=orta.html >
<FRAME SRC=sag.html >
</FRAMESET>
</HTML>
|
Frame desteği olmayan tarayıcı kullananlar için
<NOFRAMES> </NOFRAMES> teknesi içinde uygun açıklama
yapılabilir. Bu tag içine yazılanları, Frame desteği olan
tarayıcılar göstermez.
Örnek:
<HTML>
<HEAD>
<TITLE>Frame Pencereleri</TITLE>
</HEAD>
<FRAMESET COLS="20%,40%,40%">
<NOFRAMES>Maalesef tarayıcınız FRAME
desteği vermiyor</NOFRAMES>
<FRAME SRC=fr-txt1.html >
<FRAME SRC=fr-txt2.html >
<FRAME SRC=fr-txt3.html >
</FRAMESET>
</HTML>
|
Örnek:
<FRAMESET ROWS="30%,30%,40%"> nitelemesi satır biçiminde
sıralanan üç frame (pencere) yaratır. Frame'ler sırasıyla,
tarayıcı penceresinin %30, %30 ve %40 ını doldurur.
| Uyarı |
HTML Kodları
|
|
Her bir FRAME içinde görüntülenecek nesneye, o FRAME'in
karşısında SRC parametresiyle bağlantı yapılmaktadır.
Sağ yandaki frame'in içinde görüntülenecek web sayfalarının
URL adreslerini yazınız.
|
<HTML>
<HEAD>
<TITLE>frame Pencereleri</TITLE>
</HEAD>
<FRAMESET ROWS="30%,30%,40%">
<FRAME SRC=fr-txt1.html >
<FRAME SRC=fr-txt2.html >
<FRAME SRC=fr-txt3.html >
</FRAMESET>
</HTML>
|
Örnek:
<FRAMESET COLS="30%,30%,40%"> nitelemesi tarayıcı ekranını üç
kolona böler. Kolonların genişlikleri, sırasıyla, ekranın 30%,30% ve 40%
dır.
| Uyarı |
HTML Kodları
|
|
Her bir FRAME içinde görüntülenecek nesneye, o FRAME'in
karşısında SRC parametresiyle bağlantı yapılmaktadır.
Sağ yandaki frame'in içinde görüntülenecek web sayfalarının
URL adreslerini yazınız.
|
<HTML>
<HEAD>
<TITLE>Frame Pencereleri</TITLE>
</HEAD>
<FRAMESET COLS="30%,30%,40%">
<FRAME SRC=fr-txt1.html >
<FRAME SRC=fr-txt2.html >
<FRAME SRC=fr-txt3.html >
</FRAMESET>
</HTML>
|
Frameset Nitelemeleri
|
<FRAMESET> damgasının parametreleri şunlardır:
- ROWS= Yatay Frame'leri belirler
- COLS= Düşey Frame'leri belirler
Bu parametrelere üç türlü değer verilebilir (nitelenebilir):
- "nn% (yüzde oranı)"
Ekrana göreceli olan % değer.
Örnek: "10%,40%,50%"
Bu niteleme, bütün ekranı (ROWS için yüksekliliği,
COL için genişliği) %10, %40, %50
oranında böler.
- "sayı*,sayı*,..."
Göreceli Ölçek.
Örnek: "3*,1*,2*" nitelemesi ekranı 3/6, 1/6, 2/6
oranlarında üçe böler.
- "pixel_değeri"
Mutlak pixel değeri.
Örnek: "50,*" nitelemesi birinci Frame için 50 pixel ayırır;
kalanın tamamı ikinci Frame'e gider.
- FRAMEBORDER=
Her bir Frame için bir kenar konulup konulmayacağını belirten parametredir.
Bu parametrenin alabileceği değerler: YES, NO.
- BORDER=
FRAMESET içindeki FRAME'ler arasında kalacak boşluğu belirler.
0 değeri Frameler arasında boşluk olmadığını gösterir.
Frame Nitelemeleri
|
<FRAME> Parametresinin alabileceği değerler (nitelemeler) şunlardır:
- SRC=
Frame içinde görüntülenecek dökümanın URL adresi.
- NAME=
Frame'in adı.
URL nin Frame içinde görüntülenebilmesi için gereklidir.
- BORDER=
Frame kenarının genişliğini pixel cinsinden belirler.
0 değeri kenar olmayacağını belirtir.
- MARGINHEIGHT=
Framin dikey marjını belirler.
- MARGINWIDTH=
Framin yatay kenar boşluğunu (marj) belirler.
- SCROLLING=
Kayma çubuklarını belirler.
NO - Kayma çubukları yok. YES - Kayma çubukları var.
AUTO - Kayma çubuklarını tarayıcı belirler.
AUTO -açık değeridir.
- NORESIZE
Kullanıcının Frame boyutlarını değiştirmesini engeller.
İç İçe Frame Pencereleri
|
Ekranı daha karmaşık pencerelere bölmek için iç-içe pencereler
yaratmak gerekebilir. Örneğin, bir yatay pencereyi üç düşey pencereye ayırmak
isteyebiliriz. Benzer olarak bir düşey pencereyi yatay beş pencereye bölmek
isteyebiliriz.
Bunu yapmak için, gereksemeye göre
< FRAMESET > ... < /FRAMESET >
teknesi içine FRAME ve FRAMESET parametreleri
konulur. Bunun nasıl yapıldığını aşağıdaki örneklerle görebiliriz:
| Uyarı |
HTML Kodları
|
|
Yandaki HTML kodlarını yazarak sonucu görünüz.
Frame'ler içine yazılan dökümanlar mevcut olmalı ve URL adresleri doğru
yazılmalıdır. Aksi halde tarayıcı istenen görüntüyü veremez.
|
<HTML>
<HEAD>
<TITLE>Frame Pencereleri</TITLE>
</HEAD>
<FRAMESET COLS="50%,50%">
<FRAMESET ROWS="50%,50%">
<FRAME SRC=dokuman_1.html >
<FRAME SRC=dokuman_2.html >
</FRAMESET>
<FRAMESET ROWS="40%,20%,40%">
<FRAME SRC=dokuman_3.html >
<FRAME SRC=dokuman_4.html >
<FRAME SRC=dokuman_5.html >
</FRAMESET>
</FRAMESET>
</HTML>
|
Çıktı (output) Penceresi
|
Bir frame penceresinden istenen bir web dökümanına hyper text link
yapılabilir.
Örnek:
| Uyarı |
HTML Kodları
|
|
Sağdaki kodları yazarak sonucu görünüz.
|
<HTML>
<HEAD>
<TITLE>Hedeflenmiş Sayfa</TITLE>
</HEAD>
<FRAMESET COLS="30%,70%">
<FRAME SRC=dokuman_1.html >
<FRAME SRC=dokuman_2.html NAME="sonuclar">
</FRAMESET>
</HTML>
|
<FRAME> damgası NAME parametresi ile adlandırılmıştır.
<A HREF="URL"> damgası, ayrıca bir TARGET parametresi alabilir.
Bu parametrenin
değeri, hyper text link yapılan dokümanın hangi frame (pencere)
içinde görüntüleneceğini belirtir.
fr-txt11.html dosyasının bir kısmını gösterir. |
fr-txt22.html dosyasının bir kısmını gösterir. |
<UL>
<LI><A HREF="dokuman_21.html"
TARGET="sonuclar">
Display A</A>
<LI><A HREF="dokuman_22.html"
TARGET="sonuclar">
Display B</A>
<LI><A HREF="dokuman_23.html"
TARGET="sonuclar">
Görüntü C</A>
</UL>
|
<H2>Görüntü B</H2>
B alfabenin ikinci harfidir.
|
URL İçin Özel Hedef Belirleme
Örnek:
|
<A HREF="all_windows" TARGET="_top">Tam Pencere </A>
|
kodu, URL dokümanını Tam_Pencere ye gönderir; böylece,bütün ekranda görünmesini sağlar.
Reserve edilen öteki hedefler:
- TARGET="_blank"
Yeni boş bir pencere. HTML içinden yeni bir pencere açmak için kolay bir yöntemdir.
- TARGET="_self"
Anchor ile aynı pencere.
- TARGET="_parent"
"Parent" frame, bir önceki frame anlamına gelir. Bir önceki
pencereye dönüş için kolay bir yoldur: back.
- TARGET="_top"
Tarayıcının bütün ekranını hedefler.
Bir frame penceresinden çıkmak (escape) için uygun bir yoldur.
|