html css,
html css öğreniyorum,
php,
web sayfası,
web sitesi öğrenmek istiyorum,
web sitesine nerden başlanmalı,
web tasarım,
WEB TASARIM ÖĞRENMEK İSTİYORUM
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.
0 yorum