Tasarımı HTML5 ve CSS3′e dökmek (4) – Bileşenleri yerleştirmek

İmajları aldık, fontları yerleştirdik, css dosyamızı düzenledik. Tasarımcıdan “lorem ipsum” metinleri, navigasyon isimlerini istedik, çoğunu verdi, bazıları için de “eeah, psd verdik ya bak ordan işte” dedi. Dikkat ederseniz hala tek satır CSS kodu yazmadık. Ona da sıra gelecek. Önce tek tek imajlarımızı, menülerimizi, bileşenlerimizi yerleştirmemiz gerekiyor. Bunu böyle yapmamızdaki amaç, CSS olmadan da bütün herşeyin düzgün göründüğünü sağlama almak. Öncelikle imajları yerleştirelim. İmajları yerleştirirken dikkat etmemiz gereken şey her img tag’inin kendi kendini kapatıyor olması ve her birnin title yani başlık özelliğine sahip olması. <img src="img/logo-kucuk.png" title="logo" alt="logo" /> Tüm imajları bu şekilde yerleştirmemiz gerekiyor. Daha sonra sitede gezinmeyi sağlayan navigasyonları sırasız liste şeklinde eklemeliyiz. bunları “nav” taglerinin arasına yerleştiriyoruz ki, google robotçukları bunun sitemizde gezinmeye yarayan linkleri barındıran listeler olduğunu anlasın. Örneğin “summary-nav” dediğimiz hızlı gezinm...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

Tasarımı HTML5 ve CSS3′e dökmek (4) – Bileşenleri yerleştirmek” için bir yorum

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir