Web Mekan
Türkçe İngilizce Almanca Fransızca

Web Mekan | Webdeki Yeni Uğrak Mekanınız

Dreamweaver iFrame Kullanimi

Dreamweaver iFrame Kullanımı

iFrame'i anlatmak için şöyle bir örnek verebiliriz. Sayfamızın içerisinde tıpkı bir katman (Layer) gibi istediğimiz bir alanda harici bir sayfayı dokümanımızın içine oturtma işlemidir.

iFrame eklemek için;

Öncelikle iFrame olarak çağıracağınız doküman önceden hazırlanmış ve kaydedilmiş olmalıdır.

Daha sonra içerisine iFrame eklemek istediğiniz dokümanı DW içerisinde açıp kod görünümüne geçip Insert panel altındaki HTML sekmesine seçiyoruz. Panelin sağ kısmına doğru Frames isimli düğmenin bir alt düğmesi olan Floating Frame isimli düğmeye tıklıyoruz. Sayfamıza <iframe></iframe> şeklinde bir kod eklenecektir. Aynı işlemi Insert / HTML / Frames menüsü ile de yapmak mümkün.

Dreamweaver Insert panelden HTML sekmesi altında yer alan Frames düğmesinden sayfanıza iFrame ekleyebilirsiniz

Insert panelden HTML sekmesi altında yer alan Frames düğmesinden sayfanıza iFrame ekleyebilirsiniz

İşin bundan sonraki kısmını DW'ın Code hints'leri ile halledebiliriz. Şimdi kürsör ile <iframe> tagının içine giriyoruz ve tagın sonunda bir kez boşluğa basıyoruz ve code hints'ler listeleniyor.

Bu listeden SRC‘yi bulup ENTER'a basıyoruz ve SRC kısmına hedef iframe dosyasının adresini giriyoruz.

Dreamweaver iFrame için ilgili ayarları Code hints'ler sayesinde zahmetsizce yapabilirsiniz

iFrame için ilgili ayarları Code hints'ler sayesinde zahmetsizce yapabilirsiniz

Ya da Browse diyerek dosyayı seçebiliriz.

Dreamweaver Browse ile kaynak dosyayı seçebilirsiniz

Browse ile kaynak dosyayı seçebilirsiniz

Daha sonra sırasıyla

  • NAME="frame_adi"

  • MARGINWIDTH="0" (İçeriğin kenarlara olan yatay uzaklığı)

  • MARGINHEIGHT="0" (İçeriğin kenarlara olan dikey uzaklığı)

  • FRAMEBORDER="0" (Çerçeve kalınlığı)

  • SCROLLING="YES" (Kaydırma çubuğu)

  • STYLE="WIDTH: 200; HEIGHT: 225"

Gibi ek parametreleri de yollayabilirsiniz. Kodumuzun son hali şuna benziyor;

 

  1. <iframe style="width: 200px; height: 225px" name="frame_adi"

  2. marginWidth="0" marginHeight="0" src="iframe.htm" frameBorder="0"

  3. scrolling="yes"></iframe>

  4.  

Bu şekilde gerekli ayarları yaptıktan sonra iFrame'imiz kullanıma hazır. Sayfayı kaydedip deneyebilirsiniz.

DW içerisinde iFrameler ile çalışırken tasarım görünümünde iFrameleri aşağıdaki şekilde görürsünüz. Bu şekil iFrame için yer ve büyüklük bakımından bize fikir vermesi açısından oldukça kullanışlı bir özellik olarak karşımıza çıkıyor. Fakat daha önce de belirttiğimiz gibi ince ayarları ve parametreli kod görünümünden halletmemiz gerekiyor.

Dreamweaver iFramelerin DW içerisinde görünüşü

iFramelerin DW içerisinde görünüşü

 

Bu işlem için bu kadar uğraşmak yerine piyasada ücretli veya ücretsiz bulabileceğiniz birçok eklenti ile de aynı işlemleri çok daha zahmetsiz bir şekilde yapmanız mümkün. Dreamweaver Sayfasi dosya arşivinde de bulabileceğiniz birçok eklenti işinizi görecektir.



>> Dreamweaver iFrame Kullanimi



Zirve100 Toplist
- Toplist Toplist Dizin,toplistCam balkon firma ekle site ekle firmalar Sektör Rehberi


Etiket Bulutu:
Devamı için tıklayınız... Web Poll KOMİK SÖZLER Webmaster Bilgileri Webmaster FORUM Deli Fıkraları Toplist Fikralar Temel Fıkraları link Flash Dersleri Mozilla Fireworks Beceri Oyunları NASREDDİN HOCA FIKRALARI Kayserili Fıkraları Dövüş Oyunları Nasreddin Hoca Fıkraları Avcı Fıkraları İLGİNÇ BİLGİLER online casino Frontpage Dersleri iletisim Oyunlar Dreamwaver Dersleri TEMEL FIKRALARI Doktor Fıkraları Zeka Oyunları DUVAR YAZILARI DOKTOR FIKRALARI Ana Sayfa Anasayfa MÜZİK ODASI HTML Dersleri Fireworks Dersleri Sitemap BECERİ OYUNLARI google6dffbf46f16e81d3l ZEKA OYUNLARI Asker Fıkraları Dersler Html Kodları MACERA OYUNLARI Ziyaretci Defteri AVCI FIKRALARI Ziyaretçi Defteri Dreamweaver Dersleri Cam balkon HTML Kodlari ASP Dersleri Siteni Ekle Okul Fıkraları PHP Dersleri ASKER FIKRALARI Erzurumlu Fıkraları Erasles DÖVÜŞ OYUNLARI İkon arşivi ikon Arsivi Macera Oyunları Anketler KAYSERİLİ FIKRALARI ERZURUMLU FIKRALARI İletişim DELİ FIKRALARI OKUL FIKRALARI
Link Değişimi
İndirkes
Css-Sablon
Bedava Sitem Destek
Siteni Ekle
Siteni Ekle
İstatistikler
Site İstatistikleri:
Online :
Tekil Hit : 11
Çoğul Hit : 24
IP No : 54.225.35.224

Saat ve Takvim
Duyurular
Sitemiz Açılmıştır!

Güncellemelerimiz devam edecektir!





Tasarım Çalınması Halinde Gereken İşlemler Yapılacaktır!

***Sitemiz en iyi Mozilla Fireworks 1024*768 çözünürlükte görüntülenmektetir!***

Tüm Hakları Saklıdır!

Copyright 2009

Tasarım-kodlama: Erasles

Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol