Türküm, doğruyum, yapışkanım!

HTML Tags (Etiketleri) - 3

3. bölümümüz Framelerle ilgili okuyalım, öğrenmeye çalışalım...

HTML sayfamızda Frames, Türkçe manasıyla çerçeveler kullanabiliriz. Frameler bize bir browser (tarayıcı) da birden çok HTML sayfasını gösterebilmemizi sağlar. Bu tarz bir kodlamada her bir HTML sayfası ayrı bir frame olarak geçer ve bu frameler birbirinden bağımsızdır.

Framelerin dezavantajları

Tek bir sayfa için bir yerine birden fazla dosya kaydetmek ve kontrol etmek zorunda kalırsınız (Ör: 4 adet frame ile hazırlanmış anasayfamızın görüntülenebilmesi için [seçtiğiniz framesete göre] gereken dosyalar: index.html, ust.html, sol.html, icerik.html, alt.html 'dir.
index.html dosyasında sadece frameset tanımlıdır başka bir kod yoktur),
Tüm sayfanın basılmasında zorluk yaşanır.
Arama motoru optimizasyonu konusunda ciddi sıkıntılar yaşanır. Arama motorları frame'li tasarımları pek sevmezler; sayfaların indexlenmeme tehlikesi vardır.

HTML sayfamızı frameler ile kodlarken kullanacağımız taglere bir göz atalım;

<frameset> Frameset tagi penceremizi framelere nasıl böleceğimizi belirlerken kullanılır. Her bir satır (row) veya sütun (column) seti için ayrı bir frameset tanımlanır. Bu tagin içinde satır/sütun setinin sayfa içinde ne kadar bir alan kaplayacağına ilişkin değerler bulunur. Yani hangi frame sayfanın neresinde ve ne kadar yüzde vaya pikselde bulunacak belirtilir. Frameset tagi </frameset> şeklinde kapatılır.

<frame> Frame tagi hangi HTML dosyasının hangi frame'e yükleneceğini belirtmek için kullanılır. Hemen kavramak adına aşağıdaki örneğe bakacak olursak 2 adet sütundan oluşmuş framesetimiz bulunmaktadır. Birinci frame'e a.html dosyasını yüklüyoruz ve sayfanın genişliğinin %25'ini kaplamasını; ikinci frame'e ise b.html dosyasını yükleyip sayfamızın genişliğinin %75'ini kaplamasını istiyoruz.

<frameset cols="25%,75%">
     <frame src="a.html">
     <frame src="b.html">
</frameset>

Not: Frame değerlerini aynı zamanda pixel olarak da verebilirsiniz, bunun için kodumuzu (cols="200,500") şeklinde değiştirmeliyiz. Ayrıca bir frame'in değerini belirledikten sonra kalan tüm kısmı diğer frame'in kullanması için kodumuzu (cols="25%,*") şeklinde kullanmalıyız.

Küçük notlar ve ipuçları

Eğer framelerinizin borderları görünür ise sitenizin ziyaretçileri framelerin boyutlarını istediği gibi değiştirebilir.
Bunu istemiyorsanız frameset taginize noresize="noresize" parametresini eklemelisiniz.
Bazı browserlar frameleri desteklemeyebilir. Bu olasılığı iyi bir tasarımcı olarak düşünmemiz ve bunun için kodlarımız arasına bir uyarı koymamız gereklidir. Bu uyarıyı <noframes> tagi ile gerçekleştirebiliriz.
(Ör: <noframes><body>Eğer bu uyarıyı görüyorsanız browserınız frame desteklememektedir!</body></noframes>
Önemli: <body></body> etiketini <frameset></frameset> etiketi ile birlikte kullanamazsınız! Fakat eğer kodlarınıza bir üst maddede belirttiğim <noframes> etiketini koymuş iseniz bunun içinde <body> etiketini kullanabilirsiniz. Frame desteklemeyen browserlar için gereken uyarıyı da bu <body> etiketinin içine yazarsınız.

Frame konusunu kapamadan son olarak iframe'den bahsedelim,

Inline frame yani iframe, satır içine yerleştirdiğimiz ve sayfamıza harici bir HTML dosyası yüklerken kullandığımız bir etikettir. iframe örneğini buradan inceleyin ne demek istediğimi daha iyi anlayacaksınız.

<iframe src="a.html" scrolling="yes" width="500" height="200">Tarayıcınız iframe desteklememektedir!</iframe>

iframe'i sayfamıza <iframe></iframe> şeklinde ekliyoruz. src parametremizle yükleyeceğimiz HTML dosyasının yolunu yazıyoruz. Artık önizleme yaptığımızda çağırdığımız a.html index sayfamızın bizim belirlediğimiz kısmında görüntülenecektir. Eğer iframe'in scrollarının gözükmesini istemiyorsanız scrolling="no" yapmanız yeterli olacaktır. Örnek kodlarda olduğu gibi iframe'e width ve height parametresi de girebilirsiniz.

Son olarak örnek kodlarda görüldüğü gibi iframe'i desteklemeyen browserlar için uyarımızı etiketin içine yazıyoruz. Buraya istediğiniz başka birşey veya dışarıdan yüklediğiniz HTML dosyasıyla ilgili yazılar yazabilirsiniz. Eğer ziyaretçinin browser'ı iframe desteklemiyorsa HTML dosyası yüklenmeyecek ve bu yazdıklarınız görüntülenecektir.

HTML Taglerinin 3. bölümü bu kadar 4. derste görüşürüz.

'04-'08, © Serkan AVCI katrasa.com - birine mi bakmıştın canım? en üstteyim...

Katrasa.com üzerinde bulunan tüm yazılı ve görsel malzemenin telif hakları belirtilen isimlere aittir. İzinsiz kopyalamak, kullanmak, yayınlamak tehlikeli ve yasaktır. Hırsızların kalbi itinayla kırılır, eline verilir.

Eklenmesini istediğiniz içeriğiniz mi var? Makalelerde veya içerikte yazım hatası mı var? Uyarın beni! Yani bir mail atın.

İçerikten rahatsız mı oldun? O zaman sana Bay baay .