Frame nedir? Nasıl Kullanılır? | Ömer BOZALAN
Home Web Tasarım Frame nedir? Nasıl Kullanılır?
10 Eylül 2014 omerbozalan
Merhaba arkadaşlar, bu konumuzda web sitelerimizde kullandığımız framelerden bahsedeceğiz. İlk önce Frame nedir, diye bir soru sorarak bu konuda biraz bilgi vermek istiyorum. Aslında Türkçeye çevirdiğimizde anlamı çerçeve olarak karşımıza çıkıyor. Lakin bu anlam, web sitelerimizde kullandığımız manasıyla tam anlamını karşılamamaktadır. Tam olarak anlamı ise tek bir sayfanın birden fazla bölüme ayrılarak farklı HTML dosyalarını bünyesinde barındırması olayıdır, diyebiliriz?
Kısacası,bir sayfanın birkaç html sayfasına bölünmesi ve tek bir sayfadan kontrol edilmesidir. Bu dersimizde de işte tam bu anlamıyla birçok frame tasarımından bahsedeceğiz. O zaman başlayalım, değil mi?
Sayfada oluşturulmak istenen tüm frameler <frameset> etiketi kullanılarak oluşturulur. Sonra bu etiketin içinde kullanılan parametrelerle, yani; frame’in (çerçevenin) sayfaya göre genişliğini ve yüksekliğini ayarlayacağımız, satır(row), sütun(colum) değerlerini girerek ana sayfamızda oluşturuyoruz. Bir örnekle bu durumu anlatalım isterseniz.
Örnek1. Bu örnek için index.html adında bir anasayfamız ve bu anasayfayı iki frame’e yani iki bölüme ayırmak içinde index.html den hariç ayrı ayrı iki sayfa daha oluşturalım. Bu sayfaların adlarını sayfa1.html ve sayfa2.html olarak isim verelim. index.html içeriğine de aşağıdaki kodları yazalım.
///index.html sayfanın içeriği aşağıdaki gibidir.
Aşağıda index.html sayfasının internet explorerdaki görünümü görülmektedir.
Yukarıdaki örnekte cols parametresiyle sayfayı %30 ve %50 olarak sütün halinde bölümlemiş olduk.
Örnek2. Şimdi yine index.html sayfasını iki satır halinde bölümleyelim. Yine index.html sayfamız ve içeriğini oluşturacak sayfa1.html ve sayfa2.html çalışma sayfalarınıda oluşturuyoruz.
//index.html sayfasının içeriği aşağıdaki gibidir.
Gördüğünüz gibi rows parametresini kullanarak anasayfayı %50 ve %50 olarak iki ayrı satıra ayırmış gibi olduk.
DİĞER ÖRNEKLER VE EKRAN GÖRÜNTÜLERİ
A) index.html kodları aşağıdaki gibidir. Aşağıdaki örnekte 3 adet sayfa bulunmaktadır.
B)index.html kodları aşağıdaki gibidir. Aşağıdaki örnekte 7 adet sayfa bulunmaktadır.
tags: frame kullanımı frame nasıl kullanılır frameset kullanımı frameset nasıl kullanılır
previous Türkiye'nin en Ucuz ve Kaliteli Petshop'u.
next Kurumsal Site Örneği | Hazır Css/Html Site – 4
Erman Turhan dedi ki:
10 Eylül 2014, 22:46
Ömer Hocam uzun zamandır paylaşımlarınız için teşekkür edecektim bugüne nasipmiş. Gerçekten Yararlı şeyler paylaşıyorsunuz emeğinize sağlık… İyi Çalışmalar.
Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA. − beş = 1
flash görüntülü dersler asp ile web site yapımı JQuery ücretsiz html5 temalar html5 ücretsiz responsive temalar ücretsiz html temalar ücretsiz wordpress temaları ücretsiz temalar html5 tek sayfa web sayfa yapımı ücretsiz web site temaları ücretsiz wordpress temalar flash ile web sayfa yapımı css ücretsiz mobil temalar Ücretsiz responsive tema indir flash dersleri JQuery slider html5 dersleri ücretsiz responsive tema html5 temalar CSS3 flash web dersleri