ispkosova.com yeni tasarım

ispkosova.com sitesini yeniledim

Çok uzun zamandır aklımdaydı bir anasayfa eklemek okulumuzun, International School of Prishtina”nın, sitesine ama başlamak nasip olmamıştı. Geçenlerde bizim yeni müdür ile bir görüşme yaparken okulun sitesini nasıl daha fazla canladırabiliriz diye konu açıldı. Aklımdakileri saydım:

  • Yeni bir anasayfa
  • Yeni resimler
  • Tüm aktivitelerin fotoğrafları veya videoları
  • Rengarenk bir şeyler eklemek
  • Bir ilkokul yarışacak düzenlemeler: oyunlar, eğlenceli sorular eklemek.

ispkosova.com adresini açınca önceden sadece haberler geliyordu. Sitede ne bizle ilgili bir bilgi vardı ne de yaptığımız iş ile ilgili. Mission / Vision / About Us gibi linkler bile yoktu.
Çok uzun uğraşlardan sonra bir tasarım çıkarmıştım ama içime sinmiyordu. Bir tasarımcı arkadaştan aldığım fikirler ve bazı okul sitelerinden çaldığım kodlar ile tam bana göre bir site oldu.

ispkosova.com eski tasarım

ispkosova.com eski tasarım

ispkosova.com yeni tasarım

ispkosova.com yeni tasarım

  • sabit genişlikte ortaya hizalanmış bir tasarım kullandım
  • reset.css yerine sencss kullandım. hem reset gibi hem de tüm etiketleri değiştiriyor, güzelleştiriyor.
  • bol bol arka plan resmi kullandım ama onları hizaya getirmesi baya uğraştırdı.
  • tasarımı google tarzı css+div kullanarak kodladım
  • sırf gooogle’ın hoşuna gitsin diye otomatik başlık oluşturucu bir kod ekledim siteye. her sayfaya farklı farklı anahtar kelime ve açıklama ekledim.
  • haberleri çok küçük bir bölüm altında topladım, onlara jquery ile oto ve manuel geçiş özelliği ekledim
  • haberlerin altına küçük küçük kareler ekleyerek içlerine okulla ilgili ilgi çekici ve öneli şeyleri yerleştirdim.
  • sitenin genel tasarımı bir BLOG sayfasını andırır şekilde tasarladım, mesela footer bölümü dört kareye ayrılıp içlerine başlık ve o başlıkla ilgili linkler ekledim.
  • haberleri tıklayınca daha önce sadece o haberin resmi gözüküyorken yazıları da gözüktürdüm, sıradaki ve önceki haber linki ekledim, ve paylaş linkleri ekledim.
  • foto albüme jquery ve pretty photo efekti ekleyerek hoş bir görünüm verdim, ve albümleri otomatikleştirdim.
  • video albüm için Youtube’tan açtığımız bir hesaba tüm videoları yükledim, sonra bu videolar için bir tablo oluşturdum. İçlerine de tarih, başlık ve embed kodlarını yapıştırdım. Böylece o videoyu tıklayınca embed kodları çalışıyor ve youtube açılıyor.
  • site haritasına güzel olsun diye bir sitemap.css ekledim, internetten bir yerden bulduğum güzel bir dosyaymış, çok hoşuma gitti.
  • google için sitemap.xml, picturemap.xml ve videomap.xml tarzında sitedeki linkler, resimler ve videolar için haritalar yaptım ve bunu google”a kaydettim.
  • iletişim bölümünde okulun yerini gösteren bir harita yerleştirdim.
  • Akademik bilgileri sayfalara böldüm, ve linklerini hem anasayfaya hem de Academics sayfasına yerleştirdim.
  • Zümreler için otomatikleştirilmiş bir sayfa oluşturdum, zümre sayfasının altındaki klasörleri ve dosyaları otomatik olarak tanıyan ve gösteren bir sistem yazdım.
  • Siteye dil seçenekleri ekledim, tek tuşla sitenin tüm dili değişebiliyor. Hatta bu insanlar login olduktan sonra da devam ediyor.
  • Öğretmenler için Otomatik sınıf planı oluşturma sayfası ekledim.
  • öğretmenler için internetten not girme seçeneği, ve kişisel bilgilerini düzenleme seçeneği ekledim.

Çok uğraştım, çok çalıştım ama değdi. Şimdiye kadar olumsuz bir yorum almadım. İleride sanal gezinti bölümü de ekliyeceğim sitemize, internetten rapor alma özelliği de.