Web Tasarım Öğrenmek İstiyorum Nereden Başlamalıyım?

Web tasarımın öncelikli amacı, web sitesi ziyaretçisinin ve sahibinin karşılıklı fayda sağlayabilmesidir. Web tasarımı, görseller ve metinlerden oluşan web sayfası içeriklerinin web site ziyaretçilerine belirli bir düzen içerisinde sunulmasına denir. Bu alanda başarılı olmak isteyenlerin web tasarımı çok sevmeleri ve gönül vermeleri gerekir. Web tasarımı yaparken işi sahiplenmeden yapmak, belli bir süre sıkılmanıza neden olabilecektir. Sektöre girmeden önce Web tasarım fiyatlarıkonusunda bilgi sahibi olmak isterenizEğer sadece kendi web sitenizi tasarlamak istiyorsanız çabalarınıza gerçekten değecek mi sorusunu düşünmelisiniz. Hala web tasarım öğrenmek istiyorum ama nereden başlamalıyım? Diyorsanız; yapmanız gerekenler basit. İşte web site tasarımı öğrenmek isteyenlerin bilmesi gerekenler:

Web tasarım için hangi kodlama dilini öğrenmek gerekir

Web sitesi tasarlarken kodlama dillerini bilmek gerekir. Web site oluşturmak için kullanabilecek birçok dil ve araç bulunur ama Web’ in temeli HTML’dir. İlk defa web tasarımı öğrenecek kişilerin html etiketlerine aşina olması, iyice kavraması gerekir. Ardından CSS öğrenerek, temelini oluşturduğunuz inşaatın duvarlarını örmeye başlayabilirsiniz.

HTML Kod Dili:

Chrome, Safari gibi tarayıcılar üzerinde çalışan, sunucu taraflı da kullanılabilen bir dildir. Açılımı Hyper Text Markup Language olan HTML, web tasarımda sayfa yapı profilleri ve bağlantıları gibi birçok alanı oluşturmaya yardımcı olur. Kısacası HTML, bir web sitesinin iskelet yapısıdır. HTML kodları olmadan web sitesi kodlanamaz, şekillendirilemez. Bu nedenle, öncelikli olarak web tasarımı yapmak isteyenlerin HTML dilini çok iyi bilmesi gerekir. HTML dilinde kullanılan bütün kodlar, “<” ile başlar ve “>” ile biter.

Örnek HTML kodları

<!– html link kodu –>

<a href=”https://www.inolyzer.com/”>Link Etiketi</a>

<!– html fotoğraf kodu –>

<img src=”img/inolyzer-logo.jpg” width=”200″ height=”200″ />

<!– html link kodu –>

<div>Yazı Alanı</div>

<!– html alta geçme kodu –>

<br />

Bu kodlar web sitesi tasarlanırken en çok kullanılan divler oluşturma, link verme, fotoğraf ekleme, yazı alanı kodlarıdır. Bu kodlarla web sitesinin ana sayfasının temeli oluşturulur, değişiklik yani asıl tasarımı yapmak için CSS kullanılır.

CSS Kod Dili:

Açılımı Cascading Style Sheet olan CSS dili, web sitelerinin görsel olarak şekillendirilmesini sağlamaktadır. Kendine has kuralları olan ve HTML kodlamasına ek olarak kullanılması gereken bir dildir. CSS kullanarak; mizanpaj, renk, yazı karakteri ve birçok görsel unsur üzerinde etkili bir kontrol sağlanabilir. Teknik olarak CSS web’in içmimarı görevini üstlenir. Google arama motoru özellikle CSS ile biçimlendirilmiş web sitelerini oldukça fazla benimser, bu da SEO anlamında kazanç sağlamaktadır. CSS kodlaması kullanıcı deneyimini de doğrudan etkiler; CSS dilini iyi bilmek kullanıcı deneyimini de kolaylaştırmaya çokça yardımcı olacaktır. Genel olarak CSS kodu nasıl yazılır?

Örnek CSS Kodları

<style>

a{font-size:18px; font-weight:bold;}

img{width:300px; height:300px; border:3px solid #f00;}

div{width:70px; height:70px; margin:25px 30px 35px 40px; background:#000;}

</style>

Bu kodlar HTML’de iskeleti oluşturulan alanın şekillendirilmesi için kullanılır. Boyutu, renkleri ve yazı karakteri özellikleri gibi birçok stil kodlandıktan sonra belirlenen sayfa artık somut görünümüne kavuşur.

Web Tasarım nasıl yapılır?

Web sitesi tasarımı ilk defa yapacak olan kişilerin dikkat etmesi gereken birçok aşama bulunur. Bunlar:

• Projeyi belirlemek
• Kurumsal kimlik oluşturmak
• Grafik tasarım çalışmaları gerçekleştirmek
• Kodlama yapmak
• İçerik entegrasyonu gerçekleştirmek
• Web sitesini test etmek
• Web sitesini yayına almak.

Bu aşamalar, kendi içerisinde detayları barındırmaktadır. Web site tasarımı sadece kodlama dili öğrenmek değil; sabır, disiplin ve grafik tasarım programları gibi ek programlara da hâkim olunması gereken bir alandır. Bu da çok çalışmak, araştırmak ve öğrenmeye sürekli açık olmayı gerektirir. Eğer sadece kendi web sitenizi oluşturmak istiyorsanız bu kadar emek ve zamanı işinizi geliştirmeye harcamanız daha doğru bir adım olacaktır. Çünkü, günümüzde web tasarım hizmeti veren birçok ajans bulunmaktadır. Bu nedenle, marka kimliğinizi anlayan, bütçenize uygun web tasarım firmaları ile çalışmak; diğer işlerinize gereken zamanı ayırabilmenizi sağlayacaktır.