oztecnic@blog

XHTML elementlere sınıf atamasını class özelliği ile gerçekleştiririz. Sınıflar, XHTML elementlerin birer özelliği olduğundan, CSS Özellik Seçicileri kullanılarak XHTML elementleri, sınıflarına göre seçebiliriz.

İçerik ve sunumun birbirinden ayrıldığı modern web uygulamalarında, CSS ile içeriği şekillendirmenin ilk adımı, şekillendirilecek XHTML etiketlerin doğru bir şekilde seçilmesidir. Bu seçme işlemi CSS Seçicileri ile gerçekleştirilir. Bazı durumlarda CSS dokümanı içerisinde bir XHTML elemana ait, birden fazla seçme işlemi yapılabilir ve kural tanımlanabilir. Burada kritik olan, hangisinin tarayıcı tarafından öncelikle yorumlanacağı konusudur. Bu da CSS’de Belirlilik (Specificity) ilkesine göre belirlenir.

Bu yıl ikincisi düzenlenecek olan Blog Ödülleri 2009 yarışması, Türkiye Blog Hareketi’nin hızına hız katan faydalı bir organizasyon. Microsoft, NTVMNSBC, Ülker gibi pek çok büyük firmanın sponsor olduğu Blog Ödülleri 2009, kendi deyimleriyle sayıları 1.5 milyonu bulan bloglarda, özgün ve kaliteli içeriğin üretilmesine katkı sunmayı ve Türkiye internet sektörünün gelişimini güçlendirmeyi hedefliyor.

Bugün, konumuz yine Dreamweaver… Daha önceki yazımda WYSIWYG Prensibiyle çalışan IDE’ler ve onların sürükle-bırak mantıklarından bahsetmiştim. Konuyu, sürükle-bırak dendiğinde ilk akla gelen IDE, Dreamweaver üzerinden sizlerle paylaşmıştım.  Sürükle-bırak yaklaşımının kısmen de olsa değerini kaybettiği bir dönemde, Dreamweaver, CS4 sürümüyle programa entegre ettiği yeni araçlarla rakip kalelere yeni ataklarda bulunuyor ve web geliştiricilerin aklını çelmeye devam ediyor. Bunlardan biri olan basit ama kullanışlı Split Vertically özelliğini şu yazımda sizlerle paylaşmıştım. Bugün ise Dreamweaver’in tazecik Live View özelliğini sizlere tanıtacağım.

Bir web uygulamasında imajları görselliği zenginleştirmek adına kullanırız.  Bu birbirinden bağımsız imajlar tarayıcı tarafında yüklenirken, sunucundan her biri için ayrı HTTP isteğinde bulunulur. Ne kadar çok imaj, o kadar çok istek demektir.  Bu istekler ne kadar çoksa, sunucuya da o kadar çok yük biner. CSS Sprite olarak bilinen bu teknikle, web uygulamasında kullanılan imajların mümkün olduğunca birleştirilerek, HTTP istek sayısının düşürülmesi ve dolayısıyla sunucuya binen yükün mümkün olduğunca azaltılması sağlanır.

Web tasarımcıların, uygulamalarında PNG kullanmak konusundaki hevesleri, 32-bit PNG dosyalarının 8-bit alpha kanalı desteğine sahip olmasından ileri geliyor. Fakat gelin görün ki, PNG (Portable Network Grafics) konusunda zoraki bizi uğraştıran bir sorunla karşı karşıyayız. PNG’nin bir sorunu, ya da bir eksikliği olmadığı ortada iken, IE6 adlı bir tarayıcı PNG formatını kullanmamamız konusunda elinden geleni ardına koymuyor. Günümüzde hala %30-40 civarı kullanım payı olan bir tarayıcı karşısında, biz web geliştiricilerine ise boynumuzu büküp, çözüm üretmek kalıyor.

Aslında bu duruma ne kadar sorun denir tartışılır, ama konunun özü şu. Diyelim ki bir web sayfası hazırlıyorsunuz ve oluşturduğunuz tasarımda, body arka plana bir resim atamayı düşünüyorsunuz. Bu işi gerçekleştirebilmek için CSS background özelliğini kullanıyoruz.