Birbiriyle sıkça karıştırılan bu kavramları bu yazımızda sizlere doğru bir şekilde açıklamak istedik. “Web Sitesi Nasıl Yapılır ?” başlıklı web sitesinin nasıl yapıldığından bahsetmiştik, bu yazımızda da bir web sitesini yapan elemanlardan bahsedeceğiz. Çok fazla konuşmadan hemen konuya girelim. Öncelikle Web Tasarım ifadesine bir bakalım.
Web Tasarım Nedir ?
Web tasarım kelimesini duyduğunuzda hepinizin aklına tamamlanmış bir site gelir. Bunu web tasarımcılar yapmış dersiniz. Her ne kadar bu size doğru gelse de doğru değildir. Üzerinde web tasarımcıların emeği vardır ama adından da anlaşılacağı gibi sadece tasarım kısmında çalışmışlardır.
Peki geri kalanını kim yaptı ?
Tabiki de arayüz geliştiriciler ve web yazılım uzmanları. Yani front-end ve back-end developerlar.
Konuyu çok dağıtmadan tasarımcının görevlerine gelelim. Web tasarımcı dediğimiz şahış web sitesini çizen, yani Photoshop başta olmak üzere çeşitli yazılımlar üzerinde web sitesinin tasarımını yapan kişidir. Bu tasarımcı arkadaşımız bir web sitesinin tasarımına başlarken ilk önce bir taslak çizer. Bu taslağı çizerken çeşitli araçlar kullanabilir. Bu araçların içinde en çok bilineni ve en sık kullanılanlarından birisi de kağıt ve kalemdir. Bildiğimiz normal kağıt ve kalem. Web tasarımcı arkadaşımız ne yapacağını kafasında oturtmak için önce kağıda taslak çizer, nerelere ne ekleyebilirim diye düşünür, takribi olarak 5-6 farklı layout (plan/şablon da diyebiliriz) oluşturur. Örnek bir web site şablonu gösterelim.
Her ne kadar kağıt kalemle çizilmemiş olsa da güzel bir layout örneği. Tasarımcı arkadaşımız bunun gibi çeşitli şablonlar çıkartır. Daha sonra bunları değerlendirerek en başarılı bulduğunu seçer ve web sitesinin taslak görünümünü çizmeye başlar. Bu taslak görünüme wireframe denir. İşte bir wireframe örneği;
Tasarımcımız wireframe çizdikten sonra bunu bilgisayar ortamına ölçülü bir biçimde taşır. Genellikle Photoshop olmak üzere çeşitli yazılımlarda bu web sitesinin tasarımı yapılır. Tasarım yapılırken tasarlayan arkadaşımız arayüz geliştirici arkadaşımızı da dikkate alarak tasarlamalıdır. Tasarlarken her şey sizin hayal gücünüze bağlıdır ama kodlamada çok esnek de olsa bazı sınırlar vardır. Tasarımcımız tüm her şeyi ve özellikle müşterimizin isteklerini dikkate alarak tasarımı yaptıktan sonra şuna benzer bir ürün elde etmiş olur.
Tasarımın bitmesiyle web tasarımcı arkadaşımızın da işi bitmiş olur, bu arkadaşımız hazırladığı tasarımı arayüz geliştirici arkadaşımıza gönderir.
Arayüz Geliştirici
Bu arkadaşımızın bir diğer ismi de Front-end Developerdır. Arayüz geliştirici arkadaşımız tasarımcıdan aldığı tasarımı inceler. Tasarımda gördüğü her şeyi birebir kodlar, yani siteyi canlandırır. Eminim bu kodların neye benzediğini de merak ettiniz. Hemen bir örnek gösterelim.
Web tarayıcısı üzerinde site çalışır duruma gelmiştir. Bu aşamada sitemiz statik bir sitedir. Bu aşamadan sonra sadece tek bir eksik kalmıştır. O da sitenin yazılımının yapılması. Eğer web sitesinin yazılımı yoksa o web sitesi kullanıcılarla etkileşime geçemez. En basit örneği vermek gerekirse çalışan bir iletişim formu bile olamaz. İşte bu yüzden bir de Web Yazılım Geliştirici (Back-end Developer) arkadaşımız vardır.
Web Yazılım Geliştirici
Web yazılım geliştirici demek çok zor olduğu için yazımızın devamında bu arkadaşımız için diğer adı olan Back-end Developerı kullanacağız. Bu üç arkadaş içindeki en zor işi yapan Back-end Developerdır diyebiliriz. Kendi bilmesi gereken dillerin yanı sıra front-end developer arkadaşımızın bildiği dilleri de anlamalıdır. Ayrıca veritabanı kullanmayı bilmeli ve sitenin güvenlik önlemlerini almayı bilmelidir. Back-end developer arkadaşımız arayüz geliştiriciden aldığı arayüzü dinamikleştirmekle görevli kişidir. Çünkü hazırladığı yazılıma arayüzü adeta giydirecektir. Bu arkadaşımızın yaptığı temel işlere bakalım.
Back-end Developer gerekliyse web sitesine bir yönetim paneli hazırlar. Burada yöneticinin içerikler girmesini sağlar ve girilen içerikleri alıp sitenin arayüzüne yerleştirir. Kullanıcıların etkileşimli olmasını sağlar. Siteye iletişim formu, anketler gibi şeyler ekleyerek buralardan alınan verilerin ilgili yerlere gitmesini sağlar. Kısaca web sitesi sahibiyle bu sitenin kullanıcıları arasında bir köprü kurar. Arayüz geliştiricinin yazdığı kodlardan çok daha karmaşık kodlar yazar ve algoritmalar kurar. Yazdığı kodlar genel olarak şunlara benzer;
Back-end Developer işini bitirdikten sonra web sitesi tamamen hazırlanmış olur. Geriye sadece müşterileri siteye çekmek kalır. Bunun için de sosyal medya ve SEO çalışmaları yapılır. Sosyal medya ve SEO çalışmalarından da başka bir yazımızda sizlere anlatacağız. O zamana kadar kendinize iyi bakın.
