Daha önce web sitesi yapım aÅŸamaları konusunda bir yazı yazmıştım. Åžimdi ise bu konuyu daha detaylı bir ÅŸekilde deÄŸerlerndiriyoruz.
Kısaca listelemek gerekirse web yapım aşamaları şunlardan ibaret;

1. Fizibilite
   Site Amacı ve Genel Planlama
   Karışık Fikir Listesi
   Ziyaret Sebepleri,Beklentileri
   Domain
   Ziyaretçi’yi Rahatsız Eden Noktalar
   Ä°çerik Dizinleme
   Kullanım Şeması
   Veritabanı Planlaması
   Dizin/Sayfalama
2. Tasarım
   Mizanpaj
   Renkler(5 Renk)
   Logo (Gerekliyse)
   Konsept TasarımLar
   Konsept Çıktısı
   xHtml & Css(Konsept Kara Mizanpajı)
   xHtml & Css(Sonuç Tasarımlar)
   W3 Xhtml ve Css doÄŸrulama
3. Seo Yapılandırması
4. Js (Efekt)
5. Veritabanı
   Veritabanı Oluşumları
   Veritabanı Bağlantıları
6. Veritabanı & xHTML & Php & Ajax harmanlama
7. Testler
8. Hosting
9. Yayın

Åžimdi de açıklayalım.

1-Fizibilite; web yapımda bu aÅŸama en önemli aÅŸama maalesefki çoÄŸu webmaster bu aÅŸamayı iyi deÄŸerlendirmediÄŸi için bi’çok eksiklik ve zaman kaybına maÄŸruz kalıyor. Åžunu belirtmeliyiz ki bu aÅŸama planlama ve verimli çalışma için döküman oluÅŸturmadan ibaret.

1. Site amacı ve planlama: Sitemiz ne için hazırlanıyor? Bu sorunun cevaplarını ve sitenin genel yapısı ile ilgili notları bu bölümde deÄŸerlendirmeli ve notlarını almalıyız.
2. ÖrneÄŸin: Bir blog hazırlayacağımızı düÅŸünürsek; Sitemiz öncelikle blog sahibinin hislerini yansıtmalı. Bloger la iletiÅŸim kolay olmalı. Önce içeriÄŸi sonra da blogger ı ön plana çıkarır bir yapıda olmalı.
3. Karışık fikir listesi: Yapıcağımız site ile ilgili aklımız da ne varsa hepsini bu listeye yazalım. Yazalımki unutmayalım ve daha sonraki aÅŸamalarda tekrar deÄŸerlendirebilelim.
4. Ziyaret Sebepleri: Öncelikle ziyaretçinin geliÅŸ sebeplerini bilelim ki yapıyı ona göre kurgulayalım.
5. Ziyaretçi Sebepleri/Beklentileri: Bu konu webin en önemli konusudur. Ziyaretçi geldiÄŸinde umduÄŸunu bulmalı.
6. Domain: Sitemizin içeriÄŸini ve amacını temsil eden güzel bir alan adımız olmalı.
7. Ä°çerik dizinleme: Sitemizdeki içeriklere nasıl/nerden ulaşılacağını anlatan güzel bir dizin listesi her zaman iÅŸimize yarayacaktır.
8. Kullanım ÅŸeması: Bu da sitenin nasıl kullanılacağını,nerden nereye geçiÅŸler olduÄŸunu,hangi içeriÄŸin hangi sayfada olacağını,kullanıcıdan nasıl bilgi alınacağını belirlediÄŸimiz aÅŸama.
9. Veritabanı planlaması: Bu da içeriÄŸimizin ve sitenin yapı taşı veritabanında tablo planlaması yaptığımız aÅŸama. Bu aÅŸamda az ve verimli tablolar oluÅŸturmalıyız.
10. Dizin/Sayfalama: Sitemizin taşıyıcı kolonları da kalıp sayfa ve dizinlerdir. Kolay çözümleyebileceÄŸimiz yine mümkün olduÄŸunca az ve kollektif bir sayfa/dizinler oluÅŸturmalıyız.

2-Tasarım: Ve geldik en zevkli aÅŸamaya; tasarım aÅŸaması, bu aÅŸama çok boyutludur. Burada öncelikle içeriÄŸi doÄŸru yansıtmayı,kolay okunabilir,kolay kullanılabilir bir tasarım oluÅŸturmaya çalışmalıyız.

1. Mizanpaj: Web elemanların yerlerini planladığımız aÅŸama. Bu planlamayı temiz bir kağıda çizebiliriz.
2. Renkler: webde renkler çok önemli sitenin amacı,yapısı ve kullanıcı profiline göre 5 ana renk seçmeliyiz.Bu iÅŸ için kuler biçilmiÅŸ kaftan.
3. Sitenin logosu yoksa yine amaca ve kullanıcı profiline göre az önce oluÅŸturduÄŸumuz renklere göre güzel bir logo çalışmamız gerekiyor.
4. Konsept tasarımlar: Ve sonunda somut bir tasarımın tam zamanı. Hazırladığımız fizibilite raporlarına,karar kıldığımız renkleri kullanarak. Mümkün olduÄŸunca detaylı ve bütünlüÄŸü saÄŸlayan web tasarım trendlerine uygun olarak sitemizin taşıyıcı sayfalarını tasarlamalıyız. Bu en zevkli aÅŸamalardan biri. Mümkün olduÄŸunca çabuk kodlamak ve sorunsuz bir xHtml aÅŸaması için tasarım çıktılarımız üzerinde css notları alarak XHtml aÅŸamasına geçmenin tam zamanı.
5. xHtml i de iki noktaya ayırıyorum: 1.si kara mizanmaj. Bu aÅŸamada tasarımdaki nesneleri konumlandırmayı kaba taslak halinde tamamlıyoruz.
   Ve xHTML in ikinci kısmı ÅŸimdi detaylara inerek tüm taşıyıcı sayfalarımızın xHTML ve Css kodlamasını bitiriyoruz. Burda önemli nokta; css yi de mümkün olduÄŸunca kollektif bir yapıda hazırlamamız gerektiÄŸi. html kodları arasında css kodlarını mümkün olduÄŸunca az kullanmalı ve gereksiz etiketlerden kurtulmalıyız. Bu nokta seo açısından da iyi olacaktır.
6. Ve doÄŸrulama bi’çok webmaster in atladığı bu nokta kodlarımızı w3 ve css testinden geçirmek olacaktır. Her zaman için temiz kodlama iyidir. Bunun için firefox’un html tidy eklentisi iÅŸinize yarayabilir.

3-Seo Yapılandırması: Seo meselesi çok önemlidir. Bi’çok sitenin en büyük ziyaretçi kaynağı arama motorlarıdır. Elbetteki en baÅŸta google geliyor. EÄŸer sitemiz bir ÅŸirket veya tanıtım sitesiyse seo o kadar da önemli deÄŸildir. Ama içerik ağırlıklı bir site ise seo için gerekli optimasyonları yapmalıyız. Sayfalarımızda gereksiz taglar olmamalı ve css,js kodlarımızı ayrı sayfalarda toplamalıyız. Permalink seo için çok kıymetlidir.

4-Javascript efekt: Sitemizin hoÅŸ görünmesi ve daha kolay anlaşılması için javascript kodları çok iÅŸimize yarayacaktır. Ziyetçiye daha hızlı gezinebilmesi için onayları javascript ile almalı. Mümkün olduÄŸunca az beklemesini saÄŸlamalıyız. Efektler ziyaretçimize gezintisini daha eÄŸlenceli yapmasını saÄŸlayacaktır.

5-Veritabanı: EÄŸer içerik odaklı web sitesi geliÅŸtireceksek veritabanı kullanmamız gerekecektir. Ancak tanıtım ve ÅŸirket sitesi hazırlayacaksak buna hiç gerek olmayacaktır. Veritabanı oluÅŸtururken kolay düzenlenebilir ve anlaşılabilir olmasına dikkat etmeliyiz.

1. Veritabanı oluÅŸumları: Bu aÅŸamada tablolar oluÅŸturuyoruz. Tablo nesnelerinin tip tanımlarken isabetli tipler vermeliyiz. ÖrneÄŸin bir email giriÅŸ alanına tinytext vermemiz yanlış olacaktır. bir 50 karakterlik varchar iÅŸimizi görecektir. Fazla büyük tanımlama yapmak php istemcisinde gereksiz yük birindirecektir.
2. Veritabanı baÄŸlantıları: Veritabanına baÄŸlayacak ayrı bir sayfa oluÅŸturmak ve diÄŸer sayfalara baÄŸlantı sayfamızı include etmek her zaman için bize önemli bir kolaylık saÄŸlayacaktır.

6-Harmanlama: Veritabanını,html ve  php kodlarıyla ayrıca ajax desteÄŸiyle harmanlama aÅŸaması. Bu aÅŸama en uzun aÅŸama ve en çok zevk veren aÅŸama. Daha önce hazırladığımız kalıp sayfalara html kodları arasına php(veya asp) kodlarımızı eklemeli veritabanı baÄŸlantılarını saÄŸlamalı ve ajax ile sayfalarımızı dinamik bir yapıya kavuÅŸturmalıyız.

7-Testler: Sitemizi tekrar html ve css testlerinden geçirmeli tüm tarayıcılarda aynı ÅŸekilde görünmesini ve çalışmasını saÄŸlamalı. Güvenlik testinden geçirmeli ve genel testini yapmalıyız. Burda önemli olan nokta fizibilite aÅŸamasında kararlaÅŸtırdığımız ÅŸeyleri yapıp yapmadığımızı kontrol etmek.

8-Ve hosting: Sitemizin potansiyel büyüklüÄŸüne göre bir alan almamız gerekli. Yeterince olmasına dikkat etmeliyiz. Büyük olduÄŸunda bize gereksiz maaliyet getirir.

9-Artık yayındayız: O kadar süre çalışıp emek harcadık. Åžimdi sitemizi yayınlayalım ve bir webi de baÅŸarıyla bitirmenin tadını çıkaralım.