Uyuşturucu İle Mücadele Federasyonu
Bir federasyon için tasarlanan çok sayfalı kurumsal site: haber akışı, üyelik ve aidat sayfaları, eğitimler, etkinlikler ve yönetim bilgileri.
Proje ne yapıyor?
Dernek ve federasyonların çoğu için gerekli olan tüm sayfaları tek bir yapıda topluyor: anasayfa, tüzük, kurucular, yönetim ve denetleme kurulları, üyeler, yazarlar, faaliyetler, eğitimler, etkinlikler, haberler, banka bilgileri ve aidat ödemeleri.
Haberler ve banner'lar JSON dosyalarından besleniyor — böylece içerik
eklemek HTML bilmeyen biri için bile tek dosyaya satır eklemekten ibaret.
Öne çıkanlar
- Haber yönetimi —
haberler.jsonvebanners.jsonile içerik güncellenir, sayfa kendiliğinden yenilenir. - Kurumsal şablon — her sayfada aynı başlık, menü ve alt bilgi; kurum kimliğine uygun renk ve tipografi.
- Mobil uyumlu — tüm sayfalar tek kolona düşen duyarlı düzen kullanır.
- Kolay barındırma — statik olduğu için herhangi bir hosting'de çalışır; istenirse basit bir
server.pyile lokalde açılır.
Sayfa yapısı
site/
├─ index.html → anasayfa
├─ tuzugumuz.html → tüzük
├─ kurucularimiz.html → kurucular
├─ yonetim-kurulu.html → yönetim kurulu
├─ denetleme-kurulu.html → denetleme kurulu
├─ uyelerimiz.html → üyeler
├─ yazarlarimiz.html → yazarlar
├─ faaliyetlerimiz.html → faaliyetler
├─ egitim.html → eğitim
├─ etkinliklerimiz.html → etkinlikler
├─ haberler.html → haber akışı
├─ banka-bilgilerimiz.html → banka bilgileri
└─ aidat-odemesi.html → aidat ödemesi
Teknik notlar
CSS üç ayrı dosyaya bölündü (style.css, kurumsal.css,
haberler.css), böylece genel düzen ile içerik sayfalarının stilleri
birbirine karışmıyor. Canlı haberler isteğe bağlı olarak bir servisten beslenebiliyor;
nasıl kullanılacağı projenin içinde ayrı bir dokümanla anlatılıyor.
Kurumsal sitede en kritik karar: içeriği kodun içinden çıkarıp JSON'a taşımak. Böylece site sahibi kendi güncellemesini yapabiliyor, ben devreye girmeden.