Webmaster Forumu | web Teknik |  

Go Back   Webmaster Forumu | web Teknik | > Web Tasarımcısı Kaynak Merkezi > Diğer Tasarım & Grafik Programları

Cevapla
 
LinkBack Seçenekler Stil
Alt 29-07-2008, 16:07   #1
tasarımania;)
 
Webmaster - ait Kullanıcı Resmi (Avatar)
 
Üyelik tarihi: 22-07-2008
Nerden: Masaüstü
Mesajlar: 45
Webmaster - MSN üzeri Mesaj gönder
Standart DW iFrame Nasıl Kullanılır ?

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.





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.



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"

HTML-Kodu:
<iframe style="width: 200px; height: 225px" name="frame_adi"
marginWidth="0" marginHeight="0" src="iframe.htm" frameBorder="0"
scrolling="yes"></iframe>
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.

Kaynak : dw.gen.tr
Webmaster isimli Üye şimdilik offline konumundadır   Alıntı ile Cevapla
Cevapla

Seçenekler
Stil

Yetkileriniz
Konu Acma Yetkiniz Yok
Cevap Yazma Yetkiniz Yok
Eklenti Yükleme Yetkiniz Yok
Mesajınızı Değiştirme Yetkiniz Yok

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodu Kapalı
Trackbacks are Açık
Pingbacks are Açık
Refbacks are Açık
Hizli Erisim


Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 23:24.


Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
WebTeknik - Webmaster Forumu - 2007 - 2008

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98