Bu aralar sık görür oldum çeşitli forumlarda “web tasarımı öğrenmek istiyorum” başlığı ile açılan mesajları. Bu nedenle bu konu hakkında birşeyler karalama gereği duymaktayım. Bahsedeceğim metodlar, veya tavsiye diyelim, benim şahsi fikirlerimi içermektedir. Ben bu şekilde öğrendim ve tavsiye edeceğim de budur. Ama farklı yollar, yöntemler mevcut. Dileyen dilediği gibi öğrensin, önemli olan öğrenmek. Belirtmeliyim ki bu yazının formatı “web tasarım dersi” şeklinde olmayacaktır. Ben yalnızca yol gösteren bir pusula olacağım.
Web tasarıma başlar iken bilinmesi gereken bazı terimler vardır. Bu terimleri her ne kadar zaman içerisinde yavaş yavaş, irdeleyerek öğrenecek olsak da, bu işin başında yapılan bir araştırma, bazı şeyleri daha basit kavramanızı sağlayacaktır.
Şu var ki web tasarımcının bilmesi gereken, daha doğrusu uzmanlaşabileceği 2 farklı alan bulunmakta. Aynı bilgisayardaki donanım ve yazılım gibi. Bunlardan coderlık denileni kod yazma ağırlıklıdır. Daha çok tasarım dilleri ile ilgilenir, kodlarla iç içedir. Matematiksel zeka gerektirir. Diğeri ise tasarımcılık denilen, daha çok programlar aracılığı yaratıcılığınızı kullanacağınız alandır.
Hangisi zor, hangisi kolay bilemem. Kişiden kişiye değişir. Ama bu şu demek değildir ki, tasarımcı olan bir insan kodlardan birhaber olacak, veya kod yazan birisi tasarımı bilmese de olur. Az çok ikisi ile de iç içe olmak gerekli, ama zamanla zaten bir tanesi daha ağır basacaktır.
Kodlama: Web dilleri dediğimiz çeşitli diller vardır. Bu dilleri programlama dilleri ile karıştırmamak gerekli. Visual basic, C, C#, Delphi gibi diller programlama dilleridir. Bizi aslına bakılırsa hiç ilgilendirmeyecekler. Yani bir program yazmak için kullanılan diller. Mesela msn messenger gibi bir program bu gibi diller ile yazılabilir. Bizi ilgilendiren dillerin ise en başında html geliyor. Açılımı yanlış hatırlamıyorsam Hyper Text M… Language. Açılımını bilmeye pek de gerek yok. Ben dahi unutmuşum (: Bu dil, yani html, tasarım için bilinmesi %100 gerekli olan temel dildir. Zaten diğer dillere geçiş yapabilmek için öncelikle bu dilin işlev ve yapısını anlamanız gerekmekte. Açıkcası çok da zor değil. İnternetten “html dersleri” diye arattığınız vakit, birçok ders ve eğitici video bulabilirsiniz.
Bu dil ile ilgili ufak bir araştırma yaptığınızda, zaten yavaştan öğrenmeye başlayacaksınızdır. Ardından ise diğer dilleri sağda solda görür olacaksınız. Bunlardan bazıları “CSS, Javascript, Ajax, PHP, ASP, MySQL…” Detaya girecek değilim. Kimsenin aksini iddia edeceğini sanmıyorum ki, öncelikle html dili öğrenilmeli.
Css, javascript (js) gibi diller, başlı başına bir tasarım dili değildir aslında. Yardımcı dil diyebilirim. PHP ve ASP ise, profesyonel düzeyde kodlama ile ilgilenirseniz öğreneceğiniz, temel web dilleridir. Genellikler bir coder bu ikisinden biri üzerinde yoğunlaşır. Windows XP Home Premium ve XP Professional gibi düşünebilirsiniz. Aslında aynı işe yararlar ancak tamamen farklı 2 dildir. MySQL ise, php ile bağlantılı çalışan veritabanı dilidir. Yani MySQL olmadan PHP bir hiçtir. Daha detaylı bilgi yeni başlayan birisinin şu an için aklını karıştırabilir. Sanıyorum ki kodlama konusunda yazdıklarım ön bilgi açısında yeterli olacaktır.
Kodlama ile ilgili belirtmem gereken bir de programlar var. Frontpage ve Dreamveawer, en popüler 2 kodlama programıdır. Bu programlar kodlama işlemlerini sizin yerinize yapabiliyorlar. Yani size görsel bir arayüz sunuyorlar. Diyelim bir yazıyı ortalayacaksınız, ilgili butona tıkladığınızda yazıyı ortalıyor. Siz bunu görsel olarak yapıyorsunuz, ama aslında program da kodları kullanıyor. Sadece kodları sizin yerinize yazıyor. Bu 2 programı başlangıç seviyesinde olan arkadaşlar için kesinlikle tavsiye etmemekteyim. Çünkü bu programların sağladığı kolaylıktan faydalanarak, kodlama ile ilgili pek birşey öğrenilmiyor. Benim tavsiyem html dilini en azından yapısını ve mantığını anlayana kadar metin belgesi kullanarak öğrenmektir. Böylece kodların anlamlarını, ne işe yaradıklarını öğrenebileceksiniz, bir yandan da kodlar aklınıza kaydolacak, böylece kodlar ile ilgii bir problem olduğu zaman, kodlar arasındaki hatayı çıplak göz ile rahatlıkla görebileceksiniz.
Tasarım: Bilgisayarlarda bulunan paint programın herkes bilir. O programı alıp özelliklerini 1000 ile çarptığınızda karşınıza photoshop programı çıkıyor. Buradan indirme işlemini yapabilirsiniz. Link verdiğim sayfada görmüş olduğununz diğer programlar, birkaçı haricinde tasarım programlarının en popülerleridir. Ama biz, temel seviyede photoshop ile başlayacağız. Sonrasında ise, illustrator, flash, indesign vb. programları inceleyebilirsiniz. Ama photoshop’u bilmeden bu gibi programlara balıklama atlarsanız, dibe çakılırsınız onu da söyleyeyim. Zamanla araştırmalarınız doğrultusunda diğer programlar hakkında detaylı bilgi sahibi olacağınız kanısındayım.
“Photoshop’u indirdim, açtım ama hiçbirşey anlamadım, bir böcük bile çizemedim.” diyorsanız, bu gayet normal bir durumdur. Elbette ki birileri öğretmeden bazı şeyleri kurcalayarak öğrenmek zordur. Gerçi ben öyle yaptım, ama size tavsiyem internetten photoshop dersleri bulmanızdır. Videolu, resimli ve metinsel olarak birçok ders internette mevcut. Ufaktan başlayarak bu dersler sayesinde öncelikle yapıyı ve mantığı öğrenmeli, daha sonra ise yavaş yavaş örnekler yaparak zamanla kendinizi geliştirmeniz gerekmekte. Zaman ile, derslerden ve bu süre zarfında öğreneceğiniz ek bilgilerden yola çıkarak, bir web sitesinin mantığını zaten anlayacaksınızdır. Photoshop konusunda ise, belirli bir seviyeye geldiğinizde ihtiyacınız olacak olan şeylerin en başında yaratıcılık geliyor. Hayal gücünüz iyi ise, zamanla kendinizi geliştirerek iyi bir tasarımcı olabilirsiniz. Yani ne sadece teknik bilgi yeterli oluyor, ne de yalnızca yaratıcılık.
Sözün özü, yapılması gereken şey, html dili ve photoshop programı ile ilgili araştırmaya başlamak. Bu ikisinin ardından, eğer hevesli ve istikrarlı biriyseniz, diğerleri zaten gelecektir.
Bahsettiğim olayların gelişim süresi, kişiden kişiye değişmekle birlikte, 3-5 günde olacak işler değildir. Yani 1 haftada html’i öğrenirim, 1 hafta da photoshop sürse, 1 ay sonra web sitelerim hazır derseniz, sadece kendinizi kandırısınız. İsim vermeyeyim ama böyle diyen arkadaşlarım oldu, aradan 1 sene geçti (:
Ayrıca daha sonraki aşamada ihtiyaç duyacağınız host ve domain konusu var. Bu ikisi hakkında gerekli bilgiyi en basit anlatımı ile üst menüdeki host | domain linkinden okuyabilirsiniz.
Yeni başlayacak arkadaşlara bu uzun yolda başarı ve istikrar dilerim.


Kubilay GÜLER
Kaynak: http://www.blog.kblyglr.com/web-tasa...sil-ogrenilir/