İşin nasıl yapıldığından ziyade yapılıp yapılmamasına önem verenlerdenimdir. Tabi ki nasıl yapıldığı çok önemlidir. Ama ben bir siteye bir haber okumak için girdiysem amacım o haberi okumak olur yani etrafındaki flash çerçeve, yanar döner menüler pekte ilgimi çekmez(di). Az önce web de gezerken daha önceleri çok ilgimi çekmeyen fakat şu an kıymetini anladığım ve şu andan itibaren arkadaşlığımın başladığı Css‘i size gururla sunarım. Bu teknoloji ile çok geçmeden tanışmanızı umuyorum. Blog’uma eklemek istediğim comment speech bubble kardeşimiz Css ile çalıştığından ve ben Css üzerine çok bilgisi olmayan biri olarak muvaffak olamadım anlayacağınız üzere. :( Ama araştırırken çok hoş yeniliklerle karşılaştım. Daha sonra Böyle bir görsel şölenin Php gibi kutsal bir dil ile birleşmesininden çıkacak mükemmel sonuçları düşünmeye başladım. Daha sonra dergi tasarımlarında ve şu anda adreslerini hatırlayamadığım birkaç güzel sitede hep ilgimi çekmiş bir yöntem olan yazının ilk harfinin diğerlerinden farklı görünmesini tekniğini yeni arkadaşım (Css) ile yapabileceğimi fark ettim; ve yaptım. Şu anda okuduğunuz yazımın ilk harfinin büyük görünmesi aslında üç satırlık Css kodundan ibaret. bunu dinamik içerik gelmeden önceki alana koyuyoruz ve artık her yazımızın ilk harfi BÜYÜK VE RENKLİ. Bunu tabiki de html kodu ile de yapabiliriz.
Ama html kodu kullandığımızı ve sayfaların tamamını ornek bir sayfadan türettiğimizi düşünelim. Bir şablon yaptık ve içeriği istediğimiz gibi değiştirdik. Daha sonra sayfamızı çok büyüttük bir sürü içerik ekledik, daha sonra tutulmaya başladı ve gelen istekler üzerine tasarımı değiştirmeyi düşünüyoruz. O zaman işimiz zor :( tüm sayfaları bilgisayarımıza indirip hepsini teker teker editlemek zorunda kalacağız ya da editlemeyip sitemizin ve emeklerimizin zaman içinde kaybolmasını üzülerek izleyeceğiz.
Peki ya Css‘te durum nasıl? Css ile hazırladığımız sayfalarda sayfanın tüm görsel özelliklerini, metin boyutlarını, renk seçimlerini, tablo artalan rengini ve daha sayamayacağımız bir sürü özelliği bir css dosyasında topladıktan sonra html sayfamızda sadece o dosyayı çağırmamız gerekiyor. 1000 sayfalık bir tasarım düşünün. Değişiklik mi gerekiyor? Yaptığınız css dosyasını değiştirin ve 1000 sayfanın da görünümü değişti. olay bu kadar basit. :) Şimdi Bu kadar överek anlattığım ve bu noktadan sonra kadim dostum diyebileceğim Css ile yapılmış kısa bir örnek verelim. Yukarıda bahsettiğim ilk harfin farklı görünmesi css kodları ile şöyle yapılıyor.
Bilmem anlatabildim mi? :)
Bu arada sayenizde web’de sürekli comment bubble diye arattığım anahtar kelimenin speech bubble olduğunu fark ettim :) tam linki verdiğim anda yanlışımı gördüm. Sanırım bugün içinde bu konuşma balonunu da siteye eklerim ve onun nasıl yapıldığına bakarız hep birlikte…