Frame Oluşturma

Frame'ler birden fazla sayfamızı bir arada olmasını sağlar.Peki bu nasıl olmakta? Bu dersimizde frameler hakkında bilgiler bulacaksınız.

Yapacağımız frame:




1.Öncelikle adi sayfamızı yapacağız.

Arkadaşlar alttaki kodları notepad içine yazıyoruz.
(Başlat > Programlar > Donatılar > Not defteri)


<html>

<head></head>

<title></title>

<center>

<b>

sanalkurs

</b>

</center>

</body>

</html>



center : Yazımızı ya da resmimizi ortaya alır.

b : Yazımızı kalın yapar.

Bu kodları yaptıktan sonra dosya>farklı kaydet

Dosya adı : adi.html

Kayıt türü : Tüm dosyalar

Sonra kaydet deyin.

Görünümü :



2. Sonrada adresi sayfamızı yapalım.

Alttaki kodları notepad içine yazın.


<html>

<head></head>

<title></title>

<center>

<b>

www.sanalkurs.net

</b>

</center>

</body>

</html>



Bu kodları yaptıktan sonra dosya>farklı kaydet

Dosya adı : adresi.html

Kayıt türü : Tüm dosyalar

Sonra kaydet deyin.

Görünümü :




3. Şimdi adi ve adresi'nin frame içinde görünmesi için notepad açıyoruz ve alttaki kodları yazıyoruz.


<html>

<head></head>

<title></title>



<frameset cols="50%,50%">

<frame name="adi" src="adi.html"

<frame name="adresi" src="adresi.html"

</frameset>



</html>



frameset : Bu kod sayfamızı kaça böleceğimizi sağlar.

cols : Sayfamızı dikey olarak böler. Tırnak içindeki değerler ise yüzde kaç olarak bölmemizi sağlar. "50%,50%" sayfamızı iki böldüğümüzü gösterir.

rows : Sayfamızı yatay olarak böler. cols'taki değerler rows içinde geçerlidir.

frame : Çerçeve demek.

name : sayfa adı.

src : sayfanın adresini belirtir.

Bu kodları yaptıktan sonra dosya>farklı kaydet

Dosya adı : frame.html

Kayıt türü : Tüm dosyalar

Sonra kaydet deyin.

Görünümü :

  • Etiketler;
Mehmet Baysal
Yazar hakkında bilgiler en kısa sürede eklenecektir.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

ellerine sağlık..tam da benim aradığım fakat bulamadığım bir konuydu.teşekkür ederim.bilgilerini paylaşman dileğimle...
tam olarak ne işe ayrıyor şimdi bu ben anlıyamadım bölüp napcaz sayfayı?
Sanalkurs'un kendi sitesinde kullandığı gibi mesela sağdaki resim genelde orası sabit duruyor güzel bir çalışma ellerinize sağlık bazı sitelerde kullanıyoruz..

Yukarı Git