Web Sitesi nasıl yapılır? Bu işe yeni başlayanların google’a yazdığı popüler kelimelerden biri galiba bu.Bu işe atılacaklar için iyi bir kaynak olabileceğini düşündüm bu konun.Hadi bakalım web sitesi yapmaya başlayacaklar okuyun 
- Önce amaç ; site ne için yapılıyor?
Amaca göre sitenin içeriği yapısı ve kullanımı planlanmalı. Örneğin sadece birkaç kişinin ziyaretçi olacağı bir siteye üyelik sistemi hazırlamak anlamsız ve gereksiz olur. Sitenin adı,içerik yelpazesi ve kullanıcı kolaylığı burda planlanmalı. - Renkler. Site tasarımında kullanılacak 4 renk seçin. Ve bunları nerelerde kullanacağınızı aklınızda planlayın. Bu renk düzenlerini oluşturmak,oluşturamazsanız da araklamak için kuler.adobe.com’a uğrayabilirsiniz.
- Mizanpaj; Sitenin neresinde ne olucak meselesi. Bunun için benim izlediğim yol bu mizanpajı bir kağıta çizmek oluyor. Böyle daha eğlenceli ve hızlı bir şekilde mizanpaj planlaması yapabilirsiniz. Eğer hemen Ps ‘a veya Fw’e girişizseniz. Tasarımı defalarca değiştirip zaman kaybına uğrayabilirsiniz.
- Konsept tasarım. Bu aşama 1.2. ve 3. aşamaların birleşiminden oluşuyor. Bu aşamada mizanpaj’ı ve renkleri kullanarak sitenin amacına göre bir konsept geliştirmelisiniz. Elbetteki bu konsept sitenin ana sayfası çalışması olmalı. Tasarım konusunda aynı şeyleri yapmaktan kaçınmanızı tavsiye ederim. Aynı şeyleri yapmak hem sıkıcı hem de köreltici bir durum. Onun için daha önce hiç denenenmemiş konseptleri çizmekten (Tasarlamaktan) çekinmeyin. İnadına standartlaırn dışına çıkın. Mesela; normal bir sitenin alt kısmını üst kısma çevirin. Uzun vade de böyle değişik konseptler çizmek size çok faydalı olacaktır.(Tasarım anlayışınızın gelişmesi açısından.) konseptinizi ve karar kıldığınız konsept çalışması üzerine sitenin iskeletini oluşturan diğer sayfaların da tasarımını bitirin. (Ps veya benzeri programlarda.)
- Dizin ve sayfalama yapısı. Burda sayfalarınızı,jslerinizi,csslerinizi , imajlarınızı ve ek dosya türlerini nasıl yerleştireceğinize karar veriyorsunuz. Benim bu aşamada tercih ettiğim yapı;
imj > css görsellerinin bulunduğu klasör.
css > css dosyalarının bulunduğu klasör.
js > Js dosyalarının bulunduğu klasör.
yon > Sitenin yönetim panel dosyalarının bulunduğu klasör.
Sitenin genel şablonunu oluşturan sayfaları ise ana dizine yerleştiriyorum.
Not: Bu aşamada .htaccess konusunu da iyi planlamanız gerek. - Html ; Daha önce karar kıldğınızı konsept üzerine bu konsept çalışmasını css ile beraber html’e dökün. Yani konseptinizi ps aşamsından xhtml’e geçirin. Bu aşamada sayfanızın iskeletini oluşturan tüm sayfalarınızın html’lerini bitirin.
- Ve js. Javascript’te 7. aşamamız. Bu aşamada. Kullanıcının gözüne hoş gelen js efektleri ve form kontrolü vs ile sitenizi daha canlı ve etkileşimli hale getirin.
- Eğer siteniz saf html sayfalarından oluşmayacaksa. (Yani php,asp veya aspx) ile sitenizi dinamik bir yapıya kavuşturacaksanız ve bunu bir veri tabanıyla destekleyecekseniz; veritabanı tablolarını oluşturmanın tam zamanı. Şimdi ise 1. aşamaya uygun veritabanı tablolamalarını yapabilirsiniz.
- Sonraki aşama ise veritabanı verilerinin eklenmesi oluyor.
- Şimdi de testlerimizi yapmalı ve html kodlarımızı dinamik yapıya göre derlemeliyiz. Bu aşama bence en eğlenceli aşama.
Umarım yararlı olmuştur.İyi çalışmalar ve başarılar… 
Bir yorum var