Web Tasarım Öğrenmeye Nereden Başlamalıyım?

Web Tasarım Öğrenmeye Nereden Başlamalıyım? : Web tasarım öğrenmek için bu işe gönül vermeniz ve gerçekten çok sevmeniz gerekmektedir. Eğer bu işi sahiplenerek yapmazsanız belli bir süre sonra bu işten sıkılırsınız ve işin içinden çıkılamaz noktalara doğru sürüklenirsiniz. Bunun için vereceğiniz kararlar çok ama çok önemlidir. Sizlere, kendinize Web tasarımcı olmak için sormanız gereken soruları ve de tamamına neredeyse olumlu cevap veriyorsanız başlamanızı öneririm.

Web Tasarım Öğrenmek İstiyorum
Web Tasarım Öğrenmek İstiyorum

İyi bir Web tasarımcısı olmak için neler gereklidir?

  • Bir işi yaparken devamını getirebiliyor muyum?
  • Yaptığım işin hakkını vererek mi yapıyorum?
  • Yaptığım işi severek mi yapacağım?
  • Daha öncede yaptığım bir işin arkasında durabilir miyim?
  • Anlık geçiştirme amaçlı mı iş yapıyorum?
  • Yaptığım işleri bizzat kendiniz beğeniyor musunuz?

Neredeyse her meslek dalında karşınıza çıkacak bu soruları Web tasarım alanından çok diğer tüm meslek gruplarında da karşılaşabileceğinizi söyleyebilirim. Tüm mesleklerde geçerli evrensel sorular olduğunu unutmamanızda fayda var.

Web Tasarım için Ne Öğrenmem Gerekiyor?

Web tasarım yapabilmek için ihtiyacınız olan kodlama dillerini aşağıda size açıklamalarıyla vereceğim. Temel Web Tasarım anahtarı olan bu kodlama dilleriyle kullanım metodlarını öğrendiğiniz takdirde belirli bir aşamaya gelebileceğinizi düşünüyorum.

Hangi kodlama dilini öğrenmeliyim?

  • HTML : Tarayıcı (Browser) üzerinde çalışan ve sunucu taraflı da dinamik dil içinde rahatlıkla kullanılan bir sunucu taraflı olabilen bir dilidir. Tek başına kullanıldığı zaman statik Web sayfası oluşturulabilir.
  • CSS : HTML etiketlere biçim vermek için kullanılmaktadır. Etiketlere yazı büyüklüğü, renk, arka plan fotoğrafı ve bir çok özelliği verebileceğiniz bir yardımcı kod bloğudur.

HTML Kod Örneği

Sizlerle HTML kodu nasıl yazıldığına kısaca bir kaç etiketle göz atalım.

Kod:

<!-- html link kodu -->
<a href="https://webcesi.com">Link Etiketi</a>

<!-- html fotoğraf kodu -->
<img src="img/fotograf.jpg" width="200" height="200" />

<!-- html link kodu -->
<div>Yazı Alanı</div>

<!-- html alta geçme kodu -->
<br />

Açıklama: Sizlerle HTML etiketlerinin neredeyse en çok kullanılan link verme, fotoğraf ekleme, yazı alanı ve alta geçme kodlarını paylaştım. Bu etiketlere biçim vermek için de CSS kodu yazacağım.

CSS Kod Örneği

CSS Kodu, HTML etiketlerine stil vermek için kullanılır. Yukarıdaki HTML etiketlerine stil vereceğim.

Css Kodu:

<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>

Tüm bu kodlar yardımı ile Web tasarımın girişini yapabilirsiniz. Bu sizlere anlattığım konuların dışında daha farklı HTML ve CSS konularını sitemizde aratarak daha detaylı bir şekilde bulabilir dersleri konu anlatımlı olarak çalışabilirsiniz.

Web Tasarım Öğrenmeye Nereden Başlamalıyım?
Etiketlendi: