Çerçeve Kullanımı
Frame; çerçeve anlamına gelir. Amacı bir web sayfasını belli parçalara bölmek ve bu parçaların içerisinde değişik, web sayfalarını görüntüleyebilmek içindir.
Çerçeve yapmak için <frameset> </frameset> tagı kullanır. <frameset> tagı </head> ve <body> tagları arasında kullanılmaktadır.
FRAMESET Parametreleri;
Frame kullanırken kullandığımız frame'e isim vermek için name ( bağlantıların TARGET kısmında kullanabilmek için ) elemanını ve frame'in bulunduğu yeri göstermek için de src elemanını kullanırız.
Sayfamıza framelerin dikey veya yatay yerleşmeleri için <frameset> tagının "cols" ve "rows" elemanlarını kullanırız.
cols="*,*,*" sayfanın dikey olarak hangi oranda bölüneceğini belirlemenizi sağlar. Örneğin cols="180,450" gibi sayı yazılabilir, cols="45%,65%" ile browser penceresinin o anki ebadına göre verilen % oranlarına göre şekil alması sağlanabilir yada (*) sembolü ile açılacak çerçevenin ebadı browser'a bırakılır, cols="180,*" ifadesi ilk pencerenin 180 pixel olacağını * ise ikinci frame'in geri kalan boşluğun tümünü kaplayacağını belirtiyor. Bu şekilde açılacak çerçeve sayısını da belirtmiş olur.
rows="*,*,*" sayfanın yatay olarak hangi oranda bölüneceğini belirlememizi sağlar.
Not: Aynı <frameset> tag'ı içinde hem "cols" hem de "rows" etiketleri kullanılmaz. Anca iç içe frameler yapılırsa kullanılabilir.
frameborder=".." (yes, no) Çerçeveler arasındaki sınır çizgisinin görünüp görünmeyeceğini belirler.
border=".."
Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler. (çerçeveler arası mesafeyi)
bordercolor ; kullandığınız çerçevenin kenarlığına renk vermek için.
Not: Çerçevenizde kenarlık istemiyorsanız, border=”0” ve frameborder=”no” vermelisiniz.
marginwidth=".." marginheight=".." (sayı) Sayfanın solundaki (marginleft) ve üstündeki (margintop) kenar boşluklarını belirler.
scrolling=".." (yes, no, auto) Kaydırma çubuklarının durumunu belirler.
noresize
Pencere boyutlarının sabit olmasını sağlar.
Örnekler;
Ilk once dört tane htm dosyası oluşturalım. Sırasıyla a.htm, b.htm, c.htm, d.htm olarak kaydedelim.
<html>
<head>
<title>Kırmızı Sayfa</title>
</head>
<body bgcolor="#FF0000">
<div align="center">
<font color="#FFFFFF">A SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Mavi Sayfa</title>
</head>
<body bgcolor="#0000FF">
<div align="center">
<font color="#FFFFFF">B SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Yeşil Sayfa</title>
</head>
<body bgcolor="#00FF00">
<div align="center">
<font color="#FFFFFF">C SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Siyah Sayfa</title>
</head>
<body bgcolor="#000000">
<div align="center">
<font color="#FFFFFF">D SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
ÇALIŞMALAR
<html>
<head>
<title>Çalışma - 1</title>
</head>
<frameset rows="*,*" cols="*,*">
<frame name="kirmizi" src="a.htm">
<frame name="mavi" src="b.htm">
<frame name="yesil" src="c.htm">
<frame name="siyah" src="d.htm">
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 2</title>
</head>
<frameset cols="150,*">
<frame name=" kirmizi" src="a.htm">
<frameset rows="100,*">
<frame name=" mavi" src="b.htm">
<frame name=" yesil" src="c.htm">
</frameset>
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 3</title>
</head>
<frameset rows="50%,50%">
<frameset cols="*,*">
<frame name=" kirmizi" src="a.htm">
<frame name=" mavi" src="b.htm">
</frameset>
<frame name=" yesil" src="c.htm">
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 4</title>
</head>
<frameset rows="*,*,*">
<frame name=" kirmizi" src="a.htm">
<frameset cols="*,*">
<frame name=" mavi" src="b.htm">
<frame name=" yesil" src="c.htm">
</frameset>
<frame name=" siyah " src="d.htm">
</frameset>
<body>
</body>
</html>
Frame; çerçeve anlamına gelir. Amacı bir web sayfasını belli parçalara bölmek ve bu parçaların içerisinde değişik, web sayfalarını görüntüleyebilmek içindir.
Çerçeve yapmak için <frameset> </frameset> tagı kullanır. <frameset> tagı </head> ve <body> tagları arasında kullanılmaktadır.
FRAMESET Parametreleri;
Frame kullanırken kullandığımız frame'e isim vermek için name ( bağlantıların TARGET kısmında kullanabilmek için ) elemanını ve frame'in bulunduğu yeri göstermek için de src elemanını kullanırız.
Sayfamıza framelerin dikey veya yatay yerleşmeleri için <frameset> tagının "cols" ve "rows" elemanlarını kullanırız.
cols="*,*,*" sayfanın dikey olarak hangi oranda bölüneceğini belirlemenizi sağlar. Örneğin cols="180,450" gibi sayı yazılabilir, cols="45%,65%" ile browser penceresinin o anki ebadına göre verilen % oranlarına göre şekil alması sağlanabilir yada (*) sembolü ile açılacak çerçevenin ebadı browser'a bırakılır, cols="180,*" ifadesi ilk pencerenin 180 pixel olacağını * ise ikinci frame'in geri kalan boşluğun tümünü kaplayacağını belirtiyor. Bu şekilde açılacak çerçeve sayısını da belirtmiş olur.
rows="*,*,*" sayfanın yatay olarak hangi oranda bölüneceğini belirlememizi sağlar.
Not: Aynı <frameset> tag'ı içinde hem "cols" hem de "rows" etiketleri kullanılmaz. Anca iç içe frameler yapılırsa kullanılabilir.
frameborder=".." (yes, no) Çerçeveler arasındaki sınır çizgisinin görünüp görünmeyeceğini belirler.
border=".."
Çerçeveleri birbirinden ayıran çizgilerin kalınlığını belirler. (çerçeveler arası mesafeyi)
bordercolor ; kullandığınız çerçevenin kenarlığına renk vermek için.
Not: Çerçevenizde kenarlık istemiyorsanız, border=”0” ve frameborder=”no” vermelisiniz.
marginwidth=".." marginheight=".." (sayı) Sayfanın solundaki (marginleft) ve üstündeki (margintop) kenar boşluklarını belirler.
scrolling=".." (yes, no, auto) Kaydırma çubuklarının durumunu belirler.
noresize
Pencere boyutlarının sabit olmasını sağlar.
Örnekler;
Ilk once dört tane htm dosyası oluşturalım. Sırasıyla a.htm, b.htm, c.htm, d.htm olarak kaydedelim.
<html>
<head>
<title>Kırmızı Sayfa</title>
</head>
<body bgcolor="#FF0000">
<div align="center">
<font color="#FFFFFF">A SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Mavi Sayfa</title>
</head>
<body bgcolor="#0000FF">
<div align="center">
<font color="#FFFFFF">B SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Yeşil Sayfa</title>
</head>
<body bgcolor="#00FF00">
<div align="center">
<font color="#FFFFFF">C SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Siyah Sayfa</title>
</head>
<body bgcolor="#000000">
<div align="center">
<font color="#FFFFFF">D SAYFASI </font>
</div>
</body>
</html>
htm - çerceve - html - frame
ÇALIŞMALAR
<html>
<head>
<title>Çalışma - 1</title>
</head>
<frameset rows="*,*" cols="*,*">
<frame name="kirmizi" src="a.htm">
<frame name="mavi" src="b.htm">
<frame name="yesil" src="c.htm">
<frame name="siyah" src="d.htm">
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 2</title>
</head>
<frameset cols="150,*">
<frame name=" kirmizi" src="a.htm">
<frameset rows="100,*">
<frame name=" mavi" src="b.htm">
<frame name=" yesil" src="c.htm">
</frameset>
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 3</title>
</head>
<frameset rows="50%,50%">
<frameset cols="*,*">
<frame name=" kirmizi" src="a.htm">
<frame name=" mavi" src="b.htm">
</frameset>
<frame name=" yesil" src="c.htm">
</frameset>
<body>
</body>
</html>
htm - çerceve - html - frame
<html>
<head>
<title>Çalışma - 4</title>
</head>
<frameset rows="*,*,*">
<frame name=" kirmizi" src="a.htm">
<frameset cols="*,*">
<frame name=" mavi" src="b.htm">
<frame name=" yesil" src="c.htm">
</frameset>
<frame name=" siyah " src="d.htm">
</frameset>
<body>
</body>
</html>