En sık kullanılan web tasarım programları

Web tasarım geliştiricilerine kolaylık sağlayacak olan programlardır. Bu programlar kullanılarak daha hızlı ve güzel siteler yapabilirsiniz. Yaygın olarak kullanılan programları Adobe firması bize bir arada ve ayrı ayrı sunmuştur. Programlara Adobe’nin sitesinden satın alabilirsiniz.
Bazı programları sizlere açıklayayım;
Adobe Dreamweaver: Yazı editörüdür. Kodları program üzerinden çalıştırabilir. Web sitelerinde sabit olarak kullanılan nesneleri(form, resim vs.) hazır olarak vermesinden dolayı zaman kazandırır.

Adobe Fireworks: Sitenizde kullanacağınız resimlerin düzenlemelerini yaparak sitede yayınlanmaya hazır hale getirebilirsiniz. Aynı zamanda yeni gelen sürümü Cs6 ile bazı nesnelerin css kodlarınıda size verebiliyor.

Web Tasarımda içeriğin önemi nedir?


Web sitelerinde içerik mi yoksa tasarım mı sorularını çok fazla görür olduk. Öncelikle bu soruyu kendinize sormalısınız. Ben bu konu hakkında kendi görüşlerimi sizlere belirteceğim. Benim için öncelik olan tasarımdır. Web sitesinin görünen yüzüdür. Tasarımı kötü olan bir web sitesinden hemen çıkma istedi olur. Tasarımı kötü ama içeriği güzel olan bir web sitesinde ise hemen bakım da çıkayım der insan ve bir daha o siteye gitmez.


Bizim için web sitelerinde tasarım önemli aynı şekilde arama motorları da buna önem verir. Arama motorlarının botları siteyi ziyaret ederek renklerin uyumluluğuna bakar ve ona göre sizi üst sıralara çıkarır. Ancak arama motorları için özgün içerik de çok önemlidir. Özellikle kendi yazdığınız yani başka bir siteden aynen aldığınız yazılardan bahsetmiyoruz. Arama motorları bunlara çok dikkat eder. Web sitelerinizde bunlara önem göstererek geliştirmelisiniz.

Css’e giriş

Css seçicileri kullanarak birden fazla  html etiketiyle işlem yapabiliriz. Etiket seçici, class ve id seçiciler vardır. Bunları kısaca açıklamak gerekirse;
Etiket seçici: Sitenizde bulunan bütün p etiketlerine css uygulamak istiyorsanız bunu kullanmalısınız.
p{
color:#000000; 
}
şeklinde bütün p etiketlerinin yazı rengini siyah olarak değiştirdik.
Class seçici: Etikete verdiğiniz class ismiyle ulaşabiliyoruz. Birden fazla class ismi verebiliriz.’.’ ile ulaşabiliriz.
.classismi{
color:#000000; 
}
Id seçici: Etikete verdiğiniz id ismiyle ulaşabiliyoruz. Sadece bir etikete verilebilir.’#’ ile ulaşabiliriz.
#idismi{
color:#000000; 
}

Html5 ile sayfaya video ekleme

Html5 ile gelen video etiketiyle tarayıcınız üzerinden videolarınızı paylaşmak artık daha kolaylaştı. Html5 gelmeden önce bu durum biraz zahmetliydi. Video etiketinin kullanımı;
<video width="400" height="400" controls="controls" autoplay=”autoplay”>
                <source src="video.mp4" type="video/mp4" />
</video>
 Etiketin özellikleri;
  •           autoplay
  •          controls
  •           loop
  •           muted
  •           poster
  •          preload
  •          src
  •          width

Kaydol: Kayıtlar (Atom)