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;
Yorum Yaz

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

• 13 yıl önce
ellerine sağlık..tam da benim aradığım fakat bulamadığım bir konuydu.teşekkür ederim.bilgilerini paylaşman dileğimle...
• 12 yıl önce
tam olarak ne işe ayrıyor şimdi bu ben anlıyamadım bölüp napcaz sayfayı?
• 12 yıl önce
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