Web Standartları

CSS Dersleri

Kutu Modeli - Görünüm Efekti Özellikleri

Bu aralar CSS kitabına(e-kitap) ağırlık verdim. Kitaptaki eksik bölümleri tamamlıyorum. İnşallah en yakın zamanda bitecek. Bu konuda onlardan biri. Kutu elementlerin görünümüne çeşitli etkiler yapan özellikleri göreceğiz bu makalede çoğu CSS2 ile birlikte gelen bu özellikler aşağıda sıralanmıştır. * overflow - taşma * clip - kırpma * visibility - görünürlük Overflow Yapısı:

By Fatih Hayrioğlu

CSS Dersleri

(X)Html - CSS : Başlıklar

Başlıklar bir siteye girdiğimizde dikkatimiziçeken ilk unsurlardandır. Başlıkları sadece bir konunun başlığı olarak göremeyiz, onlar aynı zamandaerişebilirlilik ve tasarım açısından da önemlidir. Başlıklar normal metine göre daha büyük font değerlerinde ve farklı renklerletanımlanır genelde. W3C başlıkları bir konunun kısa açıklaması olarak algılarve ona göre davranır. Bu önemle bahsedilen başlıkları nasıl

By Fatih Hayrioğlu

CSS Dersleri

CSS ile Araç İpucu(Tooltip) Hazırlama

Bazı web tarayıcıları title tanımlı nesnelerin üzerine gelince tanımlanan bilgileri gösterirler. Bir çok tasarımcı javascript ve css yardımıyla Araç İpucu geliştirerek farklı tipte ve çeşitte araç ipucu oluşturmaktadır ve oluşturmaya devam etmektedir. Biz burada sadece CSS ile Araç İpucu oluşturmayı göreceğiz. Bu metot yeni nesil tarayıcılarda sorunsuz çalışmaktadır. XHTML kodu

By Fatih Hayrioğlu

Web Standartları

Arama motorları sitelerimize nasıl erişir ve indeksler

Posted by Dan Crow, Product Manager, Çeviri: eDe Google’ın ve arama motorlarının nasıl çalıştığı sorusu sıklıkla karşılaştığım bir sorudur. Birinci anahtar soru: Arama sonuçlarında site sahiplerinin sitenin hangi bölümlerinin gösterilmesini isteyeceğini Google nasıl biliyor.? Yayıncılar sitelerinin bazı kısımlarını özel ve araştırılamaz olarak belirleyebilirler mi? İyi haber şu ki; web

By Fatih Hayrioğlu

CSS Dersleri

Metin Yerine Resim/Flash Ekleme Teknikleri (Image Replacement)

Xhtml ile kodlama yaparken genelde metinleri kullanırız. Çünkü metinlerin eklemesi, düzenlemesi kolaydır ve arama motorları indekslemesini kolay yapar. Ancak bazı durumlarda metin yerine resim kullanmak sitemizin görselliği açısından önemlidir metinler CSS ile bir yere kadar şekillendirilir, bir çok metin şekillendirme yöntemini CSS ile yapamayız. Bazı durumlarda metin yerine resim kullanmak

By Fatih Hayrioğlu

CSS Dersleri

CSS ile Erişilebilir Formlar Yapmak - II

Gelişmiş Form Yapıları Gelişmiş yapılı formlarda tablo kullanmak daha kolayımıza geliyor. Ancak burada bir sorunumuz varki formlar veri içeren tablolar değildir ve doğru kodlama için form yapılarını oluştururken tablo kullanmak web standartlarına uygun değildir. Biz burada daha karışık yapılı bir formu nasıl tablo kullanmadan planlar ve güzelleştiririz onu anlatmaya çalışacağız.

By Fatih Hayrioğlu

CSS Dersleri

CSS ile Erişilebilir Formlar Yapmak - I

Kullanıcı ile irtibatımızı sağlayan, sayfalarımıza interaktiflik kazandıran html elementleridir formlar. Bu makalede hep beraber Formların nasıl CSS ile tablo kullanılmadan oluşturulduğunu göreceğiz. CSS ile daha erişilebilir ve esnek yapılı form kodlamayı iki kısma ayırabiliriz. Formların etiketlerinin yerlerini planlamak(konumlandırmak) ve form elementlerini güzelleştirerek daha göze hoş gelen ve işlevsel bir

By Fatih Hayrioğlu