Yeni tasarım eğilimi…
Kasım 24th, 2006
Efendim geçen yazıda MSIE’ye çok kızmıştım. Gerçi hala çok kızıyorum ama milletin bu elemanla nasıl başa çıktığını öğrendim. Tabii ne kadar ilkel de olsa o da bir gezgin ve anladığı dilden konuşmak gerekiyor.
Neyse yapmak istediğim, üstüne gelince değişen bir anlamda “jan jan” sahibi menüler oluşturmaktı. Ben düz mantık gidip CSS2 ile her html etiketine eklenen yalancı selektör, “:hover”‘ı, “li” yani liste nesnesi etiketinde kullanaraktan bu işi çözmeye çalışırken, MSIE CSS2 ne olduğundan bihaber bir CSS2 desteği verdiğinden dolayı ben bu yalancı (psuedo) selektörü “li” etiketine uygulayamıyordum.
Nitekim uygulamamam da gerekiyormuş. Zira işin uzmanlarının güzel güzel hazırladıkları bir takım öğretilere bakaraktan basamak basamak yaptığım araştırmalarda gördüğüm şey beni pek ziyade aydınlattı. Bu işin ustaları :hover selektörünü klasik olarak “a” yani çapa (anchor) etiketine uygulamaya devam ediyorlarmış. Ama “a” selektörüne bir de “display:block;” özelliğini ekliyorlarmış.
Tabi ben herşeyi doğru dürüst anlamadan zınk diye işe girişince bunu anlamam için iki üç gün uğraştım. Ama neyseki bu yöntemle güzel güzel menüler hazırlayabiliyorum. Şükür.
Şimdi gelelim başlığa.
Başlığımızda dediğim eğilim, geçenlerde okuduğum güzel bir yazıda yazarın belirttiği gibi içerik ile tasarımın birbirinden ayrılması. İçerik ve tasarımın ayrılması için gerekli araçları sağolsun W3C’deki amcalar sağlamış: CSS ve HTML. Bu iki aslanı başka dosyalarda barındırınca iş bitiyor.
Fakat yeni eğilim bununla da kalmıyor. Zira yeni eğilimde amaç tablolama tekniklerini (ya da “table” ve “tr”, “td” etiketlerini) sadece düzgün tablolama dışında bir şey için kullanmamak. Ben şu ana kadar tasarım yaparken tüm siteyi bir tablo içine gömüyordum. Ana taboyu üçe bölüp sağı solu ortayı gene kendi içinde tabloluyordum.
Eski yöntemin güzelliği, eğer boyutları iyi ayarladıysanız, hiç kayma yapmamasıydı. Yani içerik birbirine sarılmış öööyle bekliyordu. Fakat bu yöntem 1- arama motorlarını canını sıkıyordu. Çünkü robotlar düz metin istiyor. Eleman senin bilgiyi nasıl düzenlediğini anlayamıyor. Sonuçta web sitesi bilmem kaç zaman sonra indekslenebiliyordu. 2- görme özelliği yaradan tarafından alınmış kardeşlere yardım etsin diye tasarlanan gezgin programları da arama robotları ile aynı sıkıntıları yaşıyordu.
Yeni yöntemde bilgileri düzenlemek için kullanılan etiket “div” yani division, bölüm, etiketi. Ana kısım, menü, ıvır zıvır her şeyi ayrı bölümlere ayırıyorsunuz. Ama pozisyonlama nasıl olacak? İşte bu anda devreye CSS giriyor. CSS teknikleri ile div etiketlerinde class ya da id gibi özelliklerle belirlediğiniz elemanları hem pozisyonlayablilirsiniz hem de tasarlayabilirsiniz.
Ama bu iş çok kolay olmuyor maalesef. Çünkü bir gezgin diğerine uymuyor. Her gezginde aynı sonucu elde etmek için çok uğraşmanız gerekiyor. Bazen MSIE’nin hödüklüğü tutuyor. Ama sonuç: mükemmel. Arama motorları ve yardımcı programlar sitenizi talep ettiklerinde dümdüz bir içerik görüyorlar. Tek yapmaları gereken div etiketlerini sıyırmak o kadar. Geri kalan kısmı afietle yiyebilirler.
erty
Köşedeki tüm yazılar :
