Çerçeveler

frame1

Çerçeveler, bir tarayıcı penceresini birden fazla pencereye bölüp her bir pencere içerisinde farklı içerikler gösterilmesini sağlar.

  • Her çerçevenin kendine ait bir URL adresi vardır.
  • Her çerçeveye bir isim verilebilir.
  • Çerçeveler kullanıcı tarafından verilecek ölçülerle boyutlandırılabileceği gibi otomatik olarak da boyutlanabilme özelliğine sahiptir.

Çerçevelerden oluşan bir sayfanın normal bir html belgesinden farkı içeriğinde <body> etiketi yerine, <frameset> etiketini kullanmasıdır.

<FRAMESET>

Çerçeve oluşturmak için kullanılan etikettir. Bu komut ile tarayıcı penceresinin kaç parçaya bölüneceği (çerçeve sayısı) ve bu çerçevelerin boyutlarının ne kadar olacağı belirlenir.

Kullanımı:

<html>
  <head>
     …
   </head>
   <frameset>
      …
   </frameset
</html>

cols

Ekranı dikey olarak tanımlanan boyutlara bölmek için kullanılır.

Oluşturulacak sütunların genişlikleri piksel veya yüzde(%) cinsinde belirlenir. Sütun sayısı, çerçeve sayısını belirleyici niteliktedir.

Kullanımı: 

<frameset cols =”1.sütun gen., 2.sütun gen., …”>

<frameset cols=”30%, 40%, 30%”>

<frameset cols=”200,*,200″>

rows

Ekranı yatay olarak (satırlar halinde) tanımlanan boyutlarda bölmek için kullanılır.

Kullanımı: 

<frameset rows =”1. satır yük., 2. satır yük. …”>

<frameset rows=”30%, 40%, 30%”>

<frameset rows=”200,*,200″>

 

<FRAME>

<frameset> etiketi ile oluşturulan çerçevelerin içeriğinde gösterilecek sayfaların belirlenmesi için kullanılır.

<frame> etiketi parametreleri;

  • name: Çerçevenin ismini gösterir.
  • resize/noresize: Çerçeve boyutunun değiştirilip değiştirilmeyeceğini gösterir.
  • scrolling: Kaydırma çubuklarının kullanılıp kullanılmayacağını belirtir.
  • marginheight: Sayfadaki ilk nesnenin yukarıdan ne kadar uzak olacağını belirtir.
  • marginwidth: Sayfadaki ilk nesnenin soldan ne kadar uzak olacağını belirtir.
  • src: Çerçeve içinde gösterilmesi istenen dosyanın URL adresini belirtir.


frame2frame3
<NOFRAME>

Bazı tarayıcılar çerçeve özelliğini desteklemeyebilir.

Bu tür durumlarda sayfaya <noframe> etiketi kullanarak mesaj yazılması sağlanır ve kullanıcının bu komutla belirlenen mesajla karşılaşması sağlanır.

<html>
         <head>   </head>
         <frameset cols=”30%, 70%”>
                   <frame name=”s1″ src= “s1.html” scrolling = “no” noresize >
                   <frame name=”s2″ src= “s2.html”>
         </frameset>

         <noframes>
                   <body>
                              Tarayıcı çerçeve özelliğini desteklemiyor</body>
         </noframes>
</html>

İç İçe Çerçeveler

<frameset> etiketi, aynı pencere içerisinde yatay ve dikey çerçeveleri birlikte kullanmanıza olanak sağlar.


frame4frame5
<iframe>

<iframe> etiketi, sayfanın herhangi bir yerinde başka bir sayfa veya doküman görüntülemek istendiği zaman kullanılabilen, bir iç çerçeve oluşturmaya yarayan etikettir.

<iframe> etiketi parametreleri;

  • height: Çerçevenin yüksekliğini belirtir.
  • width: Çerçevenin genişliğini belirtir.
  • name: Çerçeveye isim vermek için kullanılır.
  • frameborder: Çerçevenin kenarlığının olup olmayacağını belirtir.
  • scrolling: Çerçevede kaydırma çubuklarının kullanılıp kullanılmayacağını belirtir.

 


Ekler :

  1. Sunu dosyasını indirmek için tıklayınız.. 
    Dosya: Çerçeveler.pptx
    İndirme: 285, Boyut: 847.5 KB, Eklenme Tarihi: 13 Eki. 2018

You may also like...