WEB TASARIM ÖĞRENMEK İSTİYORUM

 WEB TASARIM ÖĞRENMEYE NEREDEN BAŞLAMALIYIM?

Öncelikle web tasarım öğrenmeye, ben neden web tasarım öğrenmek istiyorum sorusuyla başlanılmalı. Bu soruyu sorarak görsel web tasarım mı yoksa tekniksel web tasarım mı konusunda bir seçim aşamasından geçmiş olacaksınız. Görsel dediğimiz tasarım Photoshop, Illustrator gibi programlar yardımıyla kod kullanmadan web arayüzü geliştirmeye verilen isimdir. Yani eğer siz ben sadece web tasarımda görsel hayal gücümü kullanarak yeteneklerimi sergilemek istiyorum diyorsanız bu sizin için iyi bir seçim olacaktır. Photoshop ile web tasarım gerçekten harikalar yaratan olaylardan birisidir. Böylece hiç kod bilgisine takılmadan yaratıcı arayüzler oluşturmanıza olanaklar sağlar.

Başka bir türe gelecek olursak bizim tekniksel web tasarımı dediğimiz olay hali hazırda Photoshoplar ile hazırlanmış arayüzleri teknik olarak kodlama ile hayata geçirmektir. Hatta bunu PHP ile birleştirerek dinamik websiteleri oluşturabilmektir. Web tasarım öğrenmeye başlamanın bu aşaması sizinde tahmin ettiğiniz üzere kodlama ile devam etmektedir.

WEB TASARIM MODASI

Web tasarım öğrenmeye nereden başlasam diye kendinizi yormaya hiç gerek yok. Öncelikle hayal gücünüz bu aşamada en önemli yardımcınız ve kriterinizdir. İşe elbetteki diğer websitelerinin tasarımlarımlarını inceleyerek başlamalısınız. Böylelikle aklınızda bir web tasarım modası fikri oluşacaktır. Bu alan gayet tabiki tasarımla ilgili olduğu için elbette ki bunun bir modası olması hiç şaşırtıcı değildir. Eğer sizde iyi bir modacıysanız trend yaratan web tasarımlarına imza atarak ünlü bile olabilirsiniz.

Diğer websitelerinin web tasarımlarını inceledikten sonra ufkumuz sanıyorum ki biraz gelişti. İkinci aşamada ise yapmanız gereken Photoshop öğrenmek. Bir çok set mevcut bu alanda halen araştırmalarımız devam ediyor en kısa zamanda web tasarım öğreten photoshop ile ilgili eğitim seti tavsiyelerimizi sizlere sunacağız. Photoshop u derinlemesine öğrenmenize gerek yok sadece neyin ne olduğunu bilin yeterli. Asıl önemli olan web tasarım yaparken hayal gücünüz. Eğer bu alanda hayal gücünüz iyiyse eşsiz bir tasarıma imza atmanız o kadar da uzak sayılmaz.

Photoshop öğrenerek bir websitenin web tasarımını yani arayüzünü hazırlayacak kıvama geldik. Şimdi sırada bunu kodlara dökebilmek için ne yapmamız gerektiği var.

HTML5 VE CSS3 WEB TASARIM ETKİSİ

Şimdi bir arayüz tasarladık bunu nasıl yaşayan bir projeye çevireceğiz? Web tasarım arayüzünü HTML5 ve CSS3 ile hayata geçireceğiz.

HTML5 bir sitenin iskeletini CSS3 ise onun et kısmını oluşturuyor. Yani siz ilk önce Photoshop ile çiziyorsunuz sonra o web tasarımın teknik iskeletini HTML5 ile oluşturuyorsunuz ve en sonra rengarenk hareketli bir tasarıma dönüştürmek için CSS3 kullanıyorsunuz. Böylece bir websitesi hayat buluyor.

YA SONRASI? PHP WEB TASARIM

Her şeyi yaptık bir arabanın yani web sitesinin içinden dışına web tasarımla alakalı her şeyini yaptık. Peki bu PHP nin web tasarımla ilgisi nedir? Her şey bittikten sonra dinamik websiteleri dediğimiz yani websitenize girecek olan kullanıcıların sizinle etkileşime girebilmesi için gerekli olan bir şey daha var. Yani en küçük örnek olarak bir iletişim formunun bile çalışabilmesi için o mailin size ulaşabilmesi için devreye programlama kısmı geliyor. Bu kısım için PHP den yardım alıyoruz.

SONUÇ

Sonuç olarak ilk olarak;

• Photoshop ile web tasarımını çiziyor resmediyoruz.
• HTML5 ile websitemizin genel iskeletini kodluyoruz.
• CSS3 ile kodladığımız web tasarımını giydirerek resmettiğimiz şekle sokuyoruz.
• PHP ile hazırladığımız statik websitemizi canavar gibi çalışan DİNAMİK bir websitesine dönüştürüyoruz.

Ve, websitemiz hazır. Hayırlı uğurlu olsun. Burada sizlere web tasarım öğrenmek istiyorum ama hangi sıra ile başlamalıyım diye kendini sorgulayan arkadaşlarımıza yardımcı olması dileğiyle bu yazımızı yazdık. Yazımız çok detaylı olmasada gerçekten yol gösterici bir harita niteliğinde oldu.

                   Web Sitesinde Olmaması Gerekenler

Web sitenin daha yararlı olması yani kullanıcılarına fayda sağlaması için aşağıdaki maddeleri gözden geçirsen iyi olur…

Flashlar

Flash devri artık bitti. Google arama sonuçlarında Flash site ya da çoğunluğu bu uygulamayı kullanan siteleri artık indekslemiyor ya da geri planda bırakıyor. Ek olarak mobil cihazların neredeyse tamamı da flash desteklemiyor. Tüm bunlardan ötürü flash uygulamalardan kaçınmalı; daha sade, hızlı uygulamalara yer vermelisin. Unutma ki günümüzde mobil cihazlardan internet erişimi dizüstü ve masaüstü bilgisayarlardan daha fazla.

Animasyonlar

Sitende gereksiz hiç bir animasyon kullanma. Örneğin site arka planında göz yoran ve sitenin hızını düşüren efektler, sitende kar yağması gibi gereksiz animasyonlar sana güzel gibi görünse de ziyaretçilerinin hoşuna gitmediği gibi siteni de yavaşlatıyor.

Küçük Görseller

Sitende kullanacağın tüm görselleri net bir şekilde sunmaya özen göster. Küçücük resmi 5 katı kadar büyüterek göstermeye çalışma. Hem amatör bir görüntü oluşturur hem de göstermeye çalıştığın resmin bir anlamı kalmaz; hatta bunu yapacağına hiç resim kullanma daha iyi!

Rengarenk Yazılar

Paragrafların için de tek renk (siyah, koyu gri, lacivert) kullanın. Bir cümleyi yeşil, bir cümleyi kırmızı kullanma. Bunun ilgi çektiğini sanıyorsun ama aksine ziyaretçilerinin gözünü yoruyor. Ayrıca çok önemli ya da vurgu yapman gerekmediği zamanlarda BÜYÜK HARF ile cümlelerini kurma. Bu ziyaretçilerinin okumasını zorlaştırır. Son olarak gereksiz yerlerde “strong, bold” kullanma. Sadece önemli olan cümle ya da kelimelerde bunu kullan.

Site Dışından Kaynaklar Kullanmak

Hava durumu, döviz, saat, haber eklentileri gibi iframe ile alınan uygulamaları sitende kullanma. Düşün ki hiç kimse hava durumunu senin sitenden izlemez ya da piyasaları bir çok kaynak site varken seninkinden takip etmez. Bu uygulamalar sadece ve sadece sitende gereksiz yer kaplar ve görüntü kirliliğine yol açar.

SEO için Gereksiz Cümleler Kullanmak

Sırf Google’da daha üst sıralara çıksın diye bir makale ya da bilginin ilk paragrafını gereksiz kelime öbekleri ile doldurma. Bu ziyaretçilerinin hiç hoşuna gitmez. Ayrıca sandığının aksine bu Google için olumlu değil, olumsuz bir uygulamadır. İçeriklerini oluştururken her zaman ziyaretçilerinin fayda sağlamasına odaklan; arama motorlarına değil.