Anasayfa » Web Tasarım & Grafik

Web Sitesi Hazırlarken Dizin Düzeni Oluşturmak

6 Ekim 2009 Görüntülenme: 1.143 15 Yorum Yazar: Ahmet
Kötüİdare ederOrtaGüzelMükemmel (Bu yazı 3 oy aldı. Ortalama Değeri: 5,00 oy dan 5)

Web sitenizi hazırlarken dikkat etmeniz gereken can alıcı noktalar var. Bu noktalara dikkat ettiğiniz sürece daha düzenli bir web site projesi yapısına sahip olursunuz. Şöyle bir örnek ile açıklayabiliriz. Mesela bir öğrenci okul çantasının bir gözüne kalemlerini, diğer gözüne defterlerini, diğer gözüne de kitaplarını koyuyor. Deftere ihtiyacı olduğunda kitapların arasında defter aramıyor, direk olarak defterlerin olduğu yerden defterini alıp kullanıyor. Aynı şekilde kalem kullanması gerektiği zaman da defterlerin bulunduğu göze bakmaktansa kalemlerin olduğu yerden hızlı bir şekilde kalemini alıp kullanır. Sizde web sitenizi kendiniz hazırlıyorsanız ya da bir firma için web sitesi çalışmalarına başladıysanız bu öğrenci çantasındaki örnekte de belirtildiği gibi sitede kullanacağınız bütün verileri düzenli bir şekilde bir arada tutmanız gerekiyor. Bu şekilde istediğiniz dosyaya hızlı bir şekilde ulaşmanız kolay olur.

Css, js, swf ve resimleriniz gibi web site yapımında kullandığınız materyalleri ayrı ayrı klasörler içerinde toplamalısınız.  Bu şekilde yapmanız sizin daha sonra web sitesi üzerinde yapmak istediğiniz değişiklikleri rahatlıkla yapabilmenizi sağlayacaktır. Aşağıdaki resimde örnek bir web sitesi klasörünün görünümü bulunuyor, inceleyebilirsiniz.

websitesi

Dosya sisteminizi hazırladığınızı varsayıyorum ve diğer önemli bir konudan da bahsetmek istiyorum. Dosya isimlerinizde kesinlikle Türkçe karakter kullanmayın. Resim, klasör, dosya vs bütün her şeyin isimlerini verirken Türkçe karakter ve boşluk kullanmayın. Türkçe karakterli dosyalarınız web sitenizi yüklediğiniz server üzerinde çalışmaz. Kendi bilgisayarınızda sorunsuz bir şekilde çalışabilir. Site içerisinde ekleyeceğiniz resimleri Photosohop ile küçülterek olabildiğinde yüksek kalitede ve düşük KB değerinde olmasına dikkat edin. Büyük bir resimi sayfaya ekledikten sonra sayfada küçültmeniz resimin boyutunu değil sadece görünümünü küçültür. Bu da büyük boyutta eklediğiniz bir resimin geç yüklenmesine neden olur. Bir de web sitenizin giriş sayfasının en fazla 150KB olmasına dikkat edin. Bu boyut ne kadar düşük olursa o kadar iyi olur. Çünkü sitenize ilk giren kişi web sitenizin geç yüklenmesinden hoşlanmaz. Geç yüklenen web siteleri ziyaretçilerinin gözünden düşer ve hatta ziyaretçinin o siteye hiç girmemesine dahi neden olur.

Yazıyı beğendiysen başka yerlerde paylaşabilirsin:
  • Google Bookmarks
  • Digg
  • Twitter
  • del.icio.us
  • Facebook
  • MySpace
  • Netvibes
  • Live
  • FriendFeed
  • Technorati
  • StumbleUpon
  • Reddit
RenkliTeneke.Com blogundaki yeni yazılardan haberdar olmak için RSS Abonesi olabilirsiniz. İsterseniz Twitter'dan ya da FriendFeed'den takip edebilirsiniz. Ya da "Yeni yazılar e-mail adresime gelsin" diyorsanız e-mail abonesi olabilirsiniz.
Merhaba sevgili ziyaretçi. Şuanda renkliteneke.com bloguna " Ahmet" tarafından " 6 Ekim 2009" tarihinde yazılmış olan "Web Sitesi Hazırlarken Dizin Düzeni Oluşturmak" başlıklı bu yazıyı okuyorsun. Bu yazının başka bir yerde yayınlaması yasaktır. Her yazı ayrı bir özen içerisinde hazırlanıyor ve bu emeğin iki tık ile heba edilmesi pek hoşuma gitmez. Bu açıklama ise bilgilenmeniz için yazılmıştır.

15 Yorum »

  • TeknoMobi demiş ki:

    Tasarım işine yeni başlayanlar için çok faydalı ipuçları paylaşmışsınız. Düzen kesinlikle işleri hem sorunsuz yapılmasını sağlıyor, hem de karışıklığı önlüyor.

  • bekir demiş ki:

    kısa ve öz olmuş elinize sağlık. disiplin heryerde disiplin. son cümlenizdeki geç yüklenme meselesini ben de çok önemsiyorum. ben bile siteleri gezerken geç açılırsa kapatıveriyorum.

  • mehmet demiray demiş ki:

    Boş bir index.html dosyası’da koyarsanız dizinlerinizin içerisine dosyalarınıza doğrudan eriğimi kısıtlamış olursunuz. Bu da bence çok önemli Ahmet bey

  • Bilgilerinize doğrudan erişimi engelleyin ! | dmryLife.Net demiş ki:

    [...] önce renkliteneke‘de okuduğum bir yazıdan esinlendim. Kendisi web tasarımında düzenden, yeni dizin [...]

  • Güzel demiş ki:

    Boş bir index.html dosyası’da koyarsanız dizinlerinizin içerisine dosyalarınıza doğrudan eriğimi kısıtlamış olursunuz. Evet çok önemli bir noktaya ayak basmışsınız

  • Çağatay Şen demiş ki:

    Güzel bir anlatım olmuş teşekkürler Ahmet.HTML dili hakkında bir yazıyı da bizlerle paylaşırsan çok sevinirim.

  • Hitmuzik demiş ki:

    Herşeyden önce karışıklığı önlemiş olursunuz.

  • Mustafa Balaban demiş ki:

    burada benim çelişkide kalıdığım konu hep türkçe mi ingilizcemi isimlendirmek olmuştur SEO açısından. Türkçe kullanma tasaftarıyım her zaman öyle yapıyorum. images/resimler | style / sitil | vb. gibi

  • Eray USTA demiş ki:

    Kısa ve açıklayıcı olmuş. Teşekkürler:) Bu tarz çalışmak en azından karışıklığı engellemiş olacaktır. :)

  • mehmet demiray demiş ki:

    Mustafa Balaban benim bildiğim farklı olan daima ön plandadır. Bence Türkçe kullanman siten açısından faydalı olabilir.

  • Haber demiş ki:

    Güzel bir paylaşım teşekkürler

  • ilyas Teker demiş ki:

    En önemlisi de bu. Belirli bir disiplin ve düzen içerisinde projeye başlamak. Yoksa sonradan düzene sokmak gerçekten zor oluyor.

  • heraradiginburda demiş ki:

    öff öyle uğraşmak çok zor oluyor ya

  • Mustafa Balaban demiş ki:

    klasik klasörler ;
    images – swf – css – jscript :D

  • Amaç Dizayn demiş ki:

    Bir aralar bende çok düzensizdim. Sonraları herşeyi klasörlemeye başladık bu da iyi olmadı :)

Yukarıdaki yazı hakkında kendi düşüncelerinizi yazın!

Lütfen yukarıdaki yazı hakkında düşüncelerini paylaş. Senin düşündüklerin bazen bu blogdaki yeni yayınlanacak yazının hangi konuda yazı yazılması gerektiğini belirliyor.

Yorum ekleye bilir yada yazı için geri bildirim gönderebilirsiniz. Bu yazı için yorumlarına abone ol: subscribe to these comments

 

Yorum içerisinde kullanabileceğiniz Html tagları :
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Yazıya yorum yazdığınızda yorumunuzun hemen yanında bir Gravatarınız yayınlanacaktır.
Hani benim Gravatarım? Gravatar'da neyin nesi?