Web sitelerinin giriş sayfaları (home page) o sitenin bir tür haritasıdır. Site içinde yer alan web sayfalarına ulaşmak için gerekli yönlendirmeler (navigation) home page içinde yer alır.
CSS den önce, home page tasarımları frameset
ya da
table
ile yapılırdı.
Bu iki güçlü araç halâ yoğun olarak kullanılmaktadır. Resimlerle desteklendiğinde
ortaya çok çekici ürünler çıkmaktadır.
CSS dili, web sayfalarının tasarımında güçlü bir alternatif olmuştur. Hiç tablo veya frameset kullanmadan güzel home page'ler hazırlamak mümkündür. CSS ile biçimlendirilen web sayfaları, diğer alternatiflere göre çok az yer tutar ve network üzerinde daha hızlı çalışırlar.
Dokuz adımdan oluşan bu derste, CSS ile bir web sayfası tasarımı yapacağız.
Önce Web sayfamızın neler içereceğine karar vermeliyiz. Sayfamıza bir başlık (header), gövde metni, ve footer ile birlikte sayfanın sol yanında bir yönlendirici (navigator) bölümü koymayı istiyor olalım.
Öncebody
için stil hazırlıyalım. Aşağıdaki stil sadece bir örnektir:
BODY { background-color : #FFFFFF; background-image: url(images/Pattern1.gif); background-repeat: repeat-y; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #000088; margin: 0px; }