Turhal Endüstri Meslek Lisesi

 

2. ÇERÇEVELER

Ç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ı ş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>

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

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

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

<html>
 <head>
  <title>Yeni Sayfa2</title>
 </head>
 <frameset rows="100,*">
  <frame name="ust" src="ust.htm">
  <frame name="alt" src="alt.htm">
 </frameset>
</html>

2.2. <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:

Kullanılacak Parametre Görevi
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.

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


Designed and Powered by Fatih KÖROĞLU

 

report phishingreport abuse