 Çerçeveli Sayfa Uygulaması 1
İlk hazırlayacağımız sayfada browser penceresini dikey iki parçaya böleceğiz. Bu parçalardan solda kalanını browser penceresinin yüzde 30 büyüklüğünde diğer kısım ise kalan pencere bölümünü kullanacak şekilde ayarlayacağız. Yine soldaki pencerenin kaydırma çubuklarını iptal edeceğiz. Sağdaki pencerede ise devamlı kaydırma çubukları görünecek şekilde uygulama yapacağız. İlk olarak çerçeveli sayfaları tanımlayacağımız giriş sayfasını hazırlayalım.
<HTML>
<HEAD>
<TITLE> Çerçeveli Sayfa Denemesi</TITLE>
</HEAD>
<FRAMESET COLS="30%,*">
<FRAME src="sol_sayfa.html" NAME="sayfaBir" SCROLLING="NO">
<FRAME src="sag_sayfa.html" NAME="sayfaIki" SCROLLING="YES">
</FRAMESET>
</HTML> Yukarıdaki ifadeleri incelediğiniz zaman <BODY> tagını kullanmadığımızı göreceksiniz. Çünkü bu bir tanımlama sayfasıdır ve herhangi bir içerik bu sayfada bulunmaz. Bu sayfayı yazın ve cerceveDeneme.html olarak kayıt edin. Şimdide sayfaBir adı verdiğimiz sol taraftaki çerçeve içeriğini oluşturalım :
<HTML>
<HEAD>
<TITLE>Sol çerçeve içeriği</TITLE>
<META HTTP-EQUIV="Content-Type"
CONTENT="text/html; charset=iso-8859-9">
</HEAD>
<BODY>
Birinci web sayfası
</BODY>
</HTML> Yukarıdaki ifadeleri sol_sayfa.html olarak cerceveDenem.html sayfasının olduğu yere 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>
Bu içerik sağ çerçeve içerisinde gösterilecektir.
</BODY>
</HTML> Bu ifadeleride sag_sayfa.html olarak aynı yere kayıt edin. Sonra cerceveDeneme.html dosyasını browserinizde açın ve sonucu inceleyiniz <a href="ornekler.php?sayfa=126" target="_blank">inceleyiniz</a>. Sol çerçevede kaydırma çubuklarının olmadığına fakat bunun yanında sağ çerçevede ise bulunduğuna dikkat edin. Yine mouse ile çerçeve çizgisi tutularak büyütülüp küçütülebildiğini deneyerek görebilirsiniz. Bu uygulamadan sonra diğer bir sayfa denemesi daha yapalım bu sayfada pencereyi yatay iki bölüme ayracağız ve birinci üst çerçeveden alt çerçeveye nasıl etkide bulunabileceğimizi göreceğiz. Fakat ilk olarak bir çerçeveden diğerine nasıl link verebileceğimizi inceleyelim. Herhangi bir çerçeve içerisinden bir bağlantı yaptığınızda açılan sayfa yine o çerçeve içerisinde olacaktır. Mesela sagSayfa adlı bir çerçeve içerisinden kitaplar.html adlı bir dosyaya link ( <A href="kitaplar.html">kitaplar için tıklayınız</A> gibi ) verdiğimizi varsayarsak bu kitaplar.html adlı dosya sagSayfa adlı çerçevede açılacaktır. Biz sagCerceve de değilde mesela sol çerçevede bu sayfayı açmak istersek yapmamız gereken <A> tagını TARGET özelliği ile birlikte kullanmak ve bu özelliğe sayfanın açılacağı çerçevenin adını değer olarak vermekten ibarettir. Kullanımı :
<A href="kitaplar" TARGET="solCerceve">
kiptaplar için tıklayınız.</A> şeklindedir. Burada önemli olan TARGET özelliği için sayfanın açılacağı çerçevenin adının doğru olarak girilmesindir.
 |
Bu içeriğe ait yorumları masaüstüne alabilirsiniz
