Javascript must be enabled in your browser to use this page.
Please enable Javascript under your Tools menu in your browser.
Once javascript is enabled Click here to go back to PcTekno.NET | PTN |
Skip to content
Site Araçları
pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber pc webmaster bilgisayar teknoloji tekno haber
Konumunuz: Anasayfa arrow Html arrow HTML Çerçeve/frame Uygulaması 3
HTML Çerçeve/frame Uygulaması 3 Yazdır E-posta
Üye Değerlendirme: / 2
Kötüİyi 
Çarşamba, 02 Mayıs 2007

Sample Image

 

 

 

Çerçeve Uygulaması 3

Bu uygulamamızda browser penceresini yatay olarak ikiye ayıracağız, sonra sol taraftaki çerçeveyi kendi arasındaki üç yaray bölüme ayıracağız, yine bu son çerçevelerden sonuncusunu yatay olarak iki çerçeveye böleceğiz.
 
<HTML>
<HEAD>
<TITLE> Çerçeve Uygulamaları</TITLE>
</HEAD>
<FRAMESET COLS="40%,*" BORDER="10">
<!-- Bu bölümde sol çerçeveyi üç bölüme böleceğiz. -->
<FRAMESET ROWS="*,*,*">
<FRAME src="sol_1.html"  NAME="sayfaBir">
<FRAME src="sol_2.html"NAME="sayfaIki">
<!-- Şimdi sol tarafta hazırlayacağımız üç yatay çerçevenin
        sonuncusunu dikey olarak ikiye böleceğiz. -->
<FRAMESET COLS="*,*">
<FRAME src="sol_3_1.html" NAME="sayfaUc">
<FRAME src="sol_3_2.html" NAME="sayfaDort">
</FRAMESET>
</FRAMESET>
<FRAME SRCC="sag_1.html" NAME="sayfaBes">
</FRAMESET>
</HTML>

Çerçeve tanım sayfasını tanımladığımıza göre tüm çerçevelerde gösterilecek sayfaları tanımlamaya geçelim. Bu arada bu tanım sayfasını cerceveDenemeUc.html olarak kayıt edin.

 
<HTML>
<HEAD>
<TITLE>Sağ çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
    CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
<H2>Sol taraftaki ilk sayfa</H2>
</BODY>
</HTML>

Yukarıdaki ifadeleri sol_1.html olarak kayıt ediniz.

 
<HTML>
<HEAD>
<TITLE>Sağ çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
    CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
<H2>Sol taraftaki ikinci sayfa</H2>
</BODY>
</HTML>

Yukarıdaki ifadeleri sol_2.html olarak kayıt ediniz.

 
<HTML>
<HEAD>
<TITLE>Sağ çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
    CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
<H4>Sol taraftaki üçüncü sayfa</H4>
</BODY>
</HTML>

Yukarıdaki ifadeleri sol_3_1.html olarak kayıt ediniz.

 
<HTML>
<HEAD>
<TITLE>Sağ çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
    CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
<H4>Sol taraftaki dördüncü sayfa</H4>
</BODY>
</HTML>

Yukarıdaki ifadeleri sol_3_2.html olarak kayıt ediniz.

 
<HTML>
<HEAD>
<TITLE>Sağ çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
    CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
<H1gt;Sol taraftaki dördüncü sayfa</H1>
Bir browser penceresi içerisinde istediğiniz çerçeveleri
tanımlayabilirsiniz, yine aynı şekilde bir çerçeve
içerisinde de çerçeveler tanımlayabilirsiniz.
<P>Bu işlemi yapmak için hangi çerçeve içerisinde
yeni çerçeveler tanımlamak istiyorsaniz o çerçeveyi
tanımladığınız FRAME tagı yerine yeni bir FRAMESET tagı
tanımlayabilirsiniz. Bu yeni FRAMESET tagı içerisinde de
yeni çerçeveleri tanımlayabilirsiniz.
<P>
</BODY>
</HTML>

Yukarıdaki ifadeleri sag_1.html olarak kayıt ediniz.

Şimdi bu örneğimizi görmek için tıklayınız <a href="ornekler.php?sayfa=132" target="_blank">tıklayınız</a>.

Çereve içerisinde çerçeve tanımlamayı da gördük. Burada şu hatırlatmayı yapmakta fayda bulunmakta; <FRAME> tagının SRC özelliğine eğer başka bir websitesinin tam adresi ( URL ) değer olarak atanırsa istediğiniz websitesini sizin hazırladığınız bir çerçeve içerisinde görüntüleyebilirsiniz. Son olarak <NOFRAMES> tanının kullanımını görelim.

Yorumlar (0)Add Comment

Yorum Yazın
Yorum ekleyebilmeniz için giriş yapmanız gerekiyor. Henüz bir hesabınız yoksa lütfen kayıt olun.

busy
 
< Önceki   Sonraki >

Ana Menü

Anasayfa
Haberler
PC Videolar
Download
Torrent Ara
Foto Galeri
E-Market
:: PcTekno.NET Forum ::
PC Sözlük
Sitemap
Arama
İletişim

Giriş Formu






Kayıp Parola?
Hesabınız yok mu? Kayıt Ol

İp Adresiniz

Ip Adresiniz: 38.103.63.55

Alexa