Proje 3: Kulüp Sitesi

Bu projede bir okul kulübü için üç sayfalı bir site yapacaksınız. Bu bölümde öğrendiğiniz her şeyi kullanacaksınız. Gerçek bir kulüp olması gerekmiyor, bir tane uydurabilirsiniz.

Sayfalar

index.html (Ana sayfa)

• Kulübün ne yaptığını anlatan birkaç paragraf
• Kulüple ilgili gömülü bir video veya harita

etkinlikler.html

• Yaklaşan etkinlikleri gösteren bir tablo: tarih, etkinlik, yer

katil.html

• Üyelik formu: ad, e-posta, sınıf (select), ilgi alanları (checkbox), mesaj (textarea)
• Zorunlu alanlar için doğrulama nitelikleri

Her sayfada ortak olanlar

• header içinde kulübün adı ve üç sayfaya giden nav menüsü
• footer içinde telif yazısı
• Aynı stil.css dosyasına giden bağlantı
• Aynı simge dosyası

CSS dosyanız kısa olabilir. Yazı tipi veya arka plan rengi gibi birkaç kural yazmanız yeterlidir.

Klasör yapısı

kulup/
├── index.html
├── etkinlikler.html
├── katil.html
├── stil.css
└── resimler/
    └── favicon.png

Kontrol listesi

• Her sayfadan diğer iki sayfaya gidilebiliyor.
• Her sayfanın farklı bir title ve meta description değeri var.
• Tablo caption, th ve scope kullanıyor.
• Her form alanının bir label etiketi var.
• Form gönderildiğinde bütün alanlar adres çubuğunda görünüyor (method="get" ile test edin).
• Zorunlu alanlar boşken form gönderilemiyor.
• Sayfaların tamamı Tab tuşuyla kullanılabiliyor.
• Üç sayfa da W3C doğrulayıcıdan hatasız geçiyor.