Frame nedir? Nasıl Kullanılır?
Merhaba arkadaşlar, bu konumuzda web sitelerimizde kullandığımız framelerden bahsedeceğiz. İlk önce Frame nedir, diye bir soru sorarak bu konuda biraz bilgi vermek istiyorum. Aslında Türkçeye çevirdiğimizde anlamı çerçeve olarak karşımıza çıkıyor. Lakin bu anlam, web sitelerimizde kullandığımız manasıyla tam anlamını karşılamamaktadır. Tam olarak anlamı ise tek bir sayfanın birden fazla bölüme ayrılarak farklı HTML dosyalarını bünyesinde barındırması olayıdır, diyebiliriz?
Kısacası,bir sayfanın birkaç html sayfasına bölünmesi ve tek bir sayfadan kontrol edilmesidir. Bu dersimizde de işte tam bu anlamıyla birçok frame tasarımından bahsedeceğiz. O zaman başlayalım, değil mi?
Sayfada oluşturulmak istenen tüm frameler <frameset> etiketi kullanılarak oluşturulur. Sonra bu etiketin içinde kullanılan parametrelerle, yani; frame’in (çerçevenin) sayfaya göre genişliğini ve yüksekliğini ayarlayacağımız, satır(row), sütun(colum) değerlerini girerek ana sayfamızda oluşturuyoruz. Bir örnekle bu durumu anlatalım isterseniz.
Örnek1. Bu örnek için index.html adında bir anasayfamız ve bu anasayfayı iki frame’e yani iki bölüme ayırmak içinde index.html den hariç ayrı ayrı iki sayfa daha oluşturalım. Bu sayfaların adlarını sayfa1.html ve sayfa2.html olarak isim verelim. index.html içeriğine de aşağıdaki kodları yazalım.
///index.html sayfanın içeriği aşağıdaki gibidir.
<html> <head> <title>Örnek-1</title> </head> <frameset cols="30%,50%"> <frame src="sayfa1.html"> <frame src="sayfa2.html"> </frameset> </html>
Aşağıda index.html sayfasının internet explorerdaki görünümü görülmektedir.
Yukarıdaki örnekte cols parametresiyle sayfayı %30 ve %50 olarak sütün halinde bölümlemiş olduk.
Örnek2. Şimdi yine index.html sayfasını iki satır halinde bölümleyelim. Yine index.html sayfamız ve içeriğini oluşturacak sayfa1.html ve sayfa2.html çalışma sayfalarınıda oluşturuyoruz.
//index.html sayfasının içeriği aşağıdaki gibidir.
<html>
<frameset rows=”50%,50%”>
<frame src=”sayfa1.html”>
<frame src=”sayfa2.html”>
</frameset>
</html>
Gördüğünüz gibi rows parametresini kullanarak anasayfayı %50 ve %50 olarak iki ayrı satıra ayırmış gibi olduk.
DİĞER ÖRNEKLER VE EKRAN GÖRÜNTÜLERİ
A) index.html kodları aşağıdaki gibidir. Aşağıdaki örnekte 3 adet sayfa bulunmaktadır.
<html> <frameset cols="50%,50%"> <frameset rows="50%,50%"> <frame src="sayfa1.html"> <frame src="sayfa2.html"> </frameset> <frame src="sayfa3.html"> </frameset> </html>
B)index.html kodları aşağıdaki gibidir. Aşağıdaki örnekte 7 adet sayfa bulunmaktadır.
<html>
<frameset
cols="33%,17%,17%,17%,17%">
<frameset rows="50%,50%">
<frame src="1.htm">
<frame src="2.htm">
</frameset>
<frame src="3.htm">
<frame src="4.htm">
<frameset rows="50%,50%">
<frame src="5.htm">
<frame src="6.htm">
</frameset>
<frame src="7.htm">
</frameset>
</html>
(3260)
Yorum(1)
Yorum bırakın Yanıtı iptal et
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
Ömer Hocam uzun zamandır paylaşımlarınız için teşekkür edecektim bugüne nasipmiş. Gerçekten Yararlı şeyler paylaşıyorsunuz emeğinize sağlık… İyi Çalışmalar.