WEBSCROLL
 TASARIM
PROGRAMLAR ARŞİVİwww.bilsem.comTIKLA

JavaAppletler
JavaScriptler
Dynamichtml
CssStili
HtmlTags
Temel HTML
Font stili
Yazı örnekleri 
Şekil örnekleri
Form örnekleri
Tablo oluşturma
Frame yaratma
Sayfa ekleri
Hareketli yazı
Hareketli resim
FrontPage
CGIKodları
Animasyon
Programlar

 
  FRAME

HTML 
  
Web sitelerinde ziyaretçinin diğer sayfalara erişimini kolaylaştırmak için Frame'li sayfalar kullanılır..


FRAME Türkçe anlamıyla çerçeve.İnternet ortamında bir çoğumuz Frame tarzında oluşturulmuş sitelere rastlamışızdır.Frameli sayfalar yine en az iki sayfadan oluşturulmuş ikili bir sayfadan oluşur.Sayfanın birsi genelde Linklerin yer aldığı sayfadır, diğeri ise sitedeki birden fazla sayfanın çağırılacağı penceredir...
Frameli sayfaları hazırlarken sayfaları isimlendiriz.Sayfanın adını kast etmiyorum.Çerçevenin adını belirtmek istiyorum.Sayfalar eğer bir link yazısına veya butonuna tıklanmışsa tanımlanan çerçeve adına göre açılacaktır..

Basit Bir Frame Kodu

<frameset> ... </frameset>
<frame src="url">
<noframes> ... </noframes>

	<HTML>
	<HEAD>
	</HEAD>
	<FRAMESET>
	     <FRAME SRC="url">
	     <NOFRAMES> ... </NOFRAMES>
	</FRAMESET>
	</HTML>



[an error occurred while processing this directive]


Çervece Büyüklüğü ve Hedef Çerçeve


Çerçeceyi incelemeden önce bütün çerçeveler için değişmeyecek bir kuralı hatırlatalım.Yarsayalım 3 ayrı sayfayı Frame tarzında hazırlayacaksınız.Örneğin aşağıdaki örneği incelersek A sayfasına Linklerimizi koyduk.Yani tıklandığında bir sayfa açtırmak istiyoruz.Bunu nasıl yapacağız.Lütfen bu anlatılanlara dikkat edelim.A sayfasındadki bir link yazısına tıklandığında örneğin sayfamız C sayfasının yerini alsın.Bunu şöyle yapacağız.Çerçeveleri ismlendireceğiz.

Basit olarak <a href="webmaster1.htm" TARGET="c" >Temel HTML</a> Bu link yazısında TARGET=" #" (# işaretinin yerine yerini almasını istediğimiz çerçevenin adı yazılacak) isim yazarak hal ederiz.Aynı şekilde aşağıdaki kodlarda da Name="c" yazılmış olması gerekir.

Eğer A sayfasındaki link yazısını B sayfasında açtırmak istersek ozaman aşağıdaki 3 lü frame kodlarında B sayfasının Name="" tırnakların arasındaki ismi yukarıda verilen TARGET="" tırnaklarının arasına yazmamız yeterli.Tabii ki yukarıdaki c silmek şartı ile.

İstersek diğer liklerden kimisini B de kiminide C de hatta kendi yerinde açtırabiliriz.Bunları deneyerek görün.

<frameset cols=#>

COLS dikey çerçeveler oluşturur.Aşağıdaki örnekte gördüğünüz cols % lik değerlerinin toplamı 100 dür.Buna dikkat edin.1.si A.html ye ait 2.si B.html ye ait ve 3.cüsü C.html ye aittir.Böylece bir frame sayfasında üç çeçevenin miktar olarak yerlerini ayarlamış olduk.Aşağıdaki örneklerde bu açıklamalar tekrarlanmayacaktır.
<frameset cols=30%,20%,50%>
<frame src="A.html NAME="a"">
<frame src="B.html NAME="b"">
<frame src="C.html NAME="c"">
</frameset>

Sayfayı görmek için tıkla
A B C

<frameset rows=#>

<frameset rows=25%,25%,50%>
<frame src="A.html "NAME="a">
<frame src="B.html "NAME="b">
<frame src="C.html "NAME="c">
</frameset>

Sayfayı görmek için burayı tıkla
A
B
C

<frameset cols=20%,*>
<frame src="A.html"NAME="a">
     <frameset rows=40%,*>
     <frame src="B.html"NAME="b">
     <frame src="C.html"NAME="c">
     </frameset>
</frameset>

Sayfayı görmek için burayı tıkla
A B
C

[an error occurred while processing this directive]

Hedef Çerçevenin isimlendirilmesi

Çerçeve adı ve linklerin düzenlenmesi
<a href=url target=#>

# karekterin yerine aşağıda name yazan yerdeki tırnakların arasındaki isim yazılacak.
<frameset cols=50%,50%>
<frame src="A.html">
<frame src="B.html" name="sayfam">
</frameset>

Sayfayı görmek için burayı tıkla
A B





Sayfalarımızı daha özel açmak
<a href=url target=_blank>
<a href=url target=_self>
<a href=url target=_parent>
<a href=url target=_top>

Sayfayı görmek için burayı tıkla

[an error occurred while processing this directive]

Farklı çerçeveler

Frame Border <frame frameborder=#> #=yes, no

<frameset rows=30%,*>
<frame src="Acol.html" frameborder=no>
<frameset cols=30%,*>
     <frame src="Bcol.html" frameborder=no>
     <frame src="Ccol.html" frameborder=no>
</frameset>
</frameset>

Sayfayı görmek için burayı tıkla
A
B C





kenar <frame marginwidth=# marginheight=#>

<frameset cols=50%,50%>
<frame src="A.html">
<frame src="A.html" 
    marginwidth=50 
    marginheight=50>
</frameset>


A .html A
.html





<frame scrolling=#> #=yes, no, auto



 

 


 
 

[JavaScriptler][Sayfada Efect][Dynamic HTML][CSS][HTML][CGI][Animasyon][AnaSayfa]
[[Webmaster Email:@]]


www.bilsem.com

Srcoll sitesinde yayınlanan her konu içeriği yazarlarına veya site sahiplerine aittir
                        Copyright © Ocak 2000 SCROLL. Bedva Site Kayıt ve Sayfa Tasarımı
                         Site Tasarımı için lütfen temas kurun