Çerçeveler - HTML Ders 10

0 Üye ve 2 Ziyaretçi konuyu incelemekte.

Çevrimdışı D®agon

  • Ezberletmez Öğretir
  • *******
  • Join Date: Mar 2008
  • Yer: Ankara
  • 11656
  • +524/-0
  • Cinsiyet: Bay
    • Arif Hocam
Çerçeveler - HTML Ders 10
« : 14 Ocak 2011, 23:43:10 »
Ç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ı;

Kod: You are not allowed to view links. Register or Login
<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:

Kod: You are not allowed to view links. Register or Login
<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:

Kod: You are not allowed to view links. Register or Login
<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:

Kod: You are not allowed to view links. Register or Login
<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>