[Fatih Turan] arkadaşımızın yazmış olduğu yazıyı görünce onun yazıyı desteklemek ve kendi çalışma düzenimi sizlerle paylaşmak adına bu yazıyı kaleme alıyorum…

Bir web projesinin geliştirme sürecinde pek çok değişken vardır. Web tabanlı uygulama, birbirinden fiziksel olarak ayrı pek çok ögenin bir toplamıdır. Bir web geliştiricisi olarak web tabanlı uygulama geliştirirken, yapıya (structure) şekil verirken mutlaka bazı kaynaklardan yararlanıyoruz. Bunları bize tasarım öncesinde aktarılan görsel, işitsel ve yazınsal içerik başlıklarında toparlayabiliriz.

Projenin üretim döneminde bizim de oluşturabileceğimiz kişisel notlar, çeşitli revizyonlar, çeşitli tasarım argumanları (.png, .psd çalışmalar vs) olacaktır. Ve bütün bu bileşenlerin düzenli bir şekilde saklanması, olası geri dönüşleri ve projeye dair herhangi bir konuda “ya şu da neydi?” diye baktığımızda hızlıca aradığımızı bulmamıza ve kullanmamıza imkan tanıyacaktır. Ek olarak web grafiklerinin, client-side script, server-side script, CSS dosyaları vb. gibi dosyaların oluşturulacak kendi sınıflarına uygun klasörlerde saklanması web sitemizde de belli bir düzeni sağlayacak ve sadece bizim için değil, herhangi bir web geliştiricisi için de anlaşılabilir olacaktır.

Fatih’in de belirttiği gibi klasör ve dosya yapılarında sürekli daha iyiyi arıyorsunuz, benim en son kullandığım yapı ise şu şekilde;

Yeni bir projeye başladığımda burdaki Sample_Project klasörünü kopyalayarak yeni projenin ismi ile değiştiriyorum.

Design klasörü altında son prototipi sakladığım Original klasörü ve daha önceki revizyonları sakladığım Revisions klasörü var.

Notes klasörü altında kendi kendim için almış olduğum ya da müşteriden gelen notları saklıyorum…

Raws klasörü altında yazının başında bahsettiğim tasarım öncesi ve tasarım sürecinde elde ettiğim ham yazınsal, görsel ve işitsel dökümanları saklıyorum…

En sondaki WebSites klasörü ise web sayfasının XHTML + CSS ve kodları ve resim, flash gib ögelerin web sayfalarında kullanılacak son hallerini koyduğum klasör. Yani web sayfalarını koyduğum root klasörü… Bu klasör içinde de dosyalar kendi özel sınıflarına göre kategorize edilmiş durumdalar… Burda belki bir iki nokta anlama açısından sorun yaratabilir diye açıklayayım. Bazı müşteriler web sayfalarını public denilen bir alt klasörde çalıştırmak istiyorlar, bu klasör o amaçla kullanılıyor.

Styles klasörü konusunda ise Webdeneyimleri’nden Volkan Görgülü arkadaşımızın blogunda Sayfanız kaç adet HTTP-İsteğinde bulunuyor? isimli video paylaşımını izleyene kadar yukarıdaki CSS dosya yapısını kullanıyordum. Yani Styles klasörü altında bir library klasörü ve core.CSS adında başka bir dosyam vardı.

Core.CSS, library altındaki kategorize edilmiş CSS kurallarını kendine import ediyordu. XHTML sayfalardan da sadece bu core.CSS dosyasını çağırıyordum. CSS’in bu şekilde kategorize edilmesi ve parçalanması yönetilebilirlik açısından benim işimi oldukça kolaylaştırıyordu, yalnız video eğitimde de bahsedildiği gibi HTTP istek sayısının artmasıyla sunucuya daha fazla yük biniyor. Bu da web sayfasının daha geç yüklenmesine sebep oluyor.

Bu HTTP istek sayısı, Yahoo gibi komplike ve pek çok hizmeti bir arada sunan bir plaform için çok daha ciddi bir durum. Yahoo açılış sayfasından kaynak kodlara bakarsanız CSS kurallarınının tek bir CSS dosyasından çekilmediğini görürsünüz…  Hepsi XHTML sayfaya gömülü (embedded) olarak çalışıyor O açıdan Volkan’ın sözünü dinliyor ve CSS kurallarımı tek bir core.CSS dosyasında topluyorum… Bu bilgi için de Volkan’a teşekkür ederim.

Fırından yeni çıkmış yazılardan haberdar olmak için RSS yayınıma abone olabilir ya da beni Twitter'dan takip edebilirsiniz.