HTMLDERSHANE.TR.GG

HTML ile İlgili Herşeyi Bulabileceğiniz Güvenli Bir Site...


*ÖZEL DOST SITE * Ziyaretçi defteri - Sayaç - İletişim - HTML Editörü

html-dershane

Frame Kullanmak

Frame Kullanmak



Frame, HTML'de birden fazla belgeye tek bir sayfada yer vermek amacıyla açılan pencereler. Bu şekilde sağda
farklı bir pencere ve içerik, solda farklı bir pencere ve içerik olacaktır. Genellikle bir pencere linklerin bulunduğu
alan, diğer pencere ise asıl içeriğin bulunacağı alan olarak kullanılır. Arama Motoru optimizasyonu için olumsuz
etkileri olduğu için genellikle kullanılmaz. Biz yine de en önemli kısımlarıyla ele alalım:

Pencereleri bölmeye <frameset> koduyla başlarız. Dikkat etmemiz gereken <body></body> arasında
yazılamamasıgerektiğidir. Bu kısım frame tekniği desteklemeyen tarayıcılar için <noframes></noframes>
arasında kullanılacaktır.


HTML Kodu


Burada cols="deger1,deger2" şeklinde bir kullanım dikkatinizi çekmiştir. Burada belirteceğimiz değerler
pencere sütunlarının oranlarını belirtmektedir. yatay pencereler kullanacaksak bu kez rows="deger1,deger2"
şeklinde kullanmalıyız.

Bahsi geçen değerler yüzde (%) olarak ifade edilebileceği gibi piksel olarak da yazılabilir. Eğer bir pencerenin
boyutu, diğeri için belirtilen dışındaki alan olacaksa (*) kullanırız. Bir örnek: cols="200,*" yazarsak.
İlk pencere (frame_a.htm) 200 piksel genişliğinde olacaktır, diğer pencere ise (frame_b.htm) geriye kalan
tüm alanı kaplayacaktır.

Son olarak şunu ekleyelim, değerler pencere sayısı kadar yazılacaktır. Eğer 3 pencere kullansaydık.
Bu kez 3 pencere için sırasıyla ayarlama yapacaktık: cols="200,25%,*" gibi.


HTML Kodu


Frame Desteklemeyen Tarayıcılar - noframes

Bunun için frameset açılış ve kapanış etiketleri arasında <noframes>(tarayıcınız frame desteklemiyor mesajı)</noframes>
şeklinde bir bölüm koyuyoruz. Burası html sayfamızın devamıymış gibi <body></body> tagları arasına almalıyız.


Yatay ve Dikey Pencereleri Bir Arada Kullanmak

Bunun için frame içinde frame kullanmalıyız. Üst tarafta yatay bir pencere ve hemen altında sağ ve sol olarak ikiye
bölünmüş bir pencere örneği verecek olursak:


HTML Kodu


Frame Kenarlığı ve Pencere Boyutlarını Sabitleme

Frameleri birbirinden ayıran çizgiyi yok etmek için <frame src="#"> koduna frameborder="0" özelliği
eklememiz yeterlidir.

Pencere boyutları sizin belirttiğiniz gibi başlangıçta çalışmakta fakat kullanıcı tarafından değiştirilebilmektedir.
Bunu engellemek için <frame src="#"> koduna noresize="noresize" özelliği eklememiz yeterlidir.


IFRAME Kullanmak

Bunun yukarıda anlatılandan farklı yanı normal bir HTML belgesinde farklı bir sayfa ya da site için pencere
açmanıza yaramaktadır. Pencere içerisinde boyutu belirttiğiniz boyutlarda olmak üzere
belirttiğiniz site görünecektir:


HTML Kodu


HTML Görünümü


Yukarıda görüldüğü gibi http://kod.anime.web.tr/google.htm adresini sayfamızda kullandık. iframe kodu içerisinde geçen:

frameborder="0" - Kenarlık kullanılmayacağını belirtir.
width="184" - 184 piksel genişlikte olacağını belirtir.
height="94" - 94 piksel yükseklikte olacağını belirtir.
scrolling="no" - Kaydırma çubuğunu gösterme demek.



=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=