Web · Kurumsal

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.

Federasyon web sitesi kapak görseli
KategoriWeb
PlatformMasaüstü · Mobil
TeknolojiHTML · CSS · JS · JSON
DurumYayında
Sayfa sayısı15+

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.json ve banners.json ile 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.py ile 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.