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.