WTP – 7. Hafta CSS ile Web Sitesi Taslağı Oluşturma

Geçen yazımızda (WTP – 6. Hafta CSS (Stil Şablonları) ) ile web sitelerimizi görsel açıdan nasıl daha fazla zenginleştirebileceğimizi görmüştük. Bu yazımızda da bir web sitesi taslağı oluşturup. Web sitesinin bölümlerini (div) ayarlamayı öğreneceğiz.

CSS Nedir?

CSS, açılımı “Cascading Style Sheet” olan ve dilimize Stil Şablonları olarak yerleşen basit ve kullanışlı bir işaretleme dilidir. HTML/XHTML etiket dillerinin sayfa tasarımında yetersiz kalması nedeniyle “World Wide Web Consortium” (W3C, Dünya Çapında Ağ Birliği) tarafından oluşturulmuştur; içerik kısmı (HTML) ile biçimlendirme kısmını birbirinden ayırarak yüzlerce sayfayı tek bir dosya ile biçimlendirme olanağı tanımaktadır.

CSS Yapısı Nedir?

CSS’nin söz dizimi aşağıda görüldüğü gibi “Seçici” ve “Bildirim” olarak iki ana bölümden oluşur. Bildirim ise kendi içinde özellik ve değer olarak iki kısma ayrılmaktadır.

Seçiciler Class (Sınıf), ID ve Tag (etiket) seçiciler olmak üzere üçe ayrılır.


Web sitemizin taslağını ilk olarak kağıt üzerinde tasarlayalım.

Web Sitesi Tasarım Taslağı

Sitemizi kağıt üstünde tasarladıktan sonra şimdi HTML kısmını ve CSS kısmını Dreamweaver üzerinde kodlamaya başlayalım.

index.html dosyası :

BilisimStil.css dosyası :

Diğer WTP Dersi Bağlantıları

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.