Bir siteniz varsa, tasarımını CSS ve div etiketlerini kullanarak keşfetmek sizi ve web sitenizin işini bir adım öteye taşıyabilir. Kolay bakım, daha hızlı yükleme ve arama motoru dostu özellikler size daha iyi pazarlama stratejisinin faydalarını sağlayacaktır.
adımlar
Adım 1. 'div' etiketinin temel olarak web sitesi sayfasının ayrı alanlarını veya bölümlerini oluşturmak için kullanıldığını bilin
Bu, web sayfasının tasarımını “CSS” kullanarak yerleştirmek için gerekli olduğundan, “XHTML”deki son derece güçlü unsurlar arasındadır. Basit bir deyişle, bu süreç, yerleşim ve konumlandırma için tabloları kullanmayan sitelerin uygulanması anlamına gelir.
Adım 2. Bir Stil Sayfası Oluşturun - 'Div' etiketleri, sitenin web tasarımının verilerden bağımsız olmasına izin veren stil sayfalarını kullanır
Renkler ve yazı tipleri, genişlik, yükseklik, düzen ve satırların veya sütunların yerleşimi ile arka planların tasarlanması, yalnızca div kodu ve gerçek sayfalardaki bilgiler bırakılarak stil sayfalarına eklenebilir.
- Başka bir belge olarak stil sayfası oluşturabilir ve ardından onu bağlayabilirsiniz. Yeni bir not defteri belgesi açın, kodunuzu yazın ve ".css" uzantısı altına kaydedin.
- Çok kullanışlı olan CSS özellikleri "background-color", "height", "width", "float" ve "clear"dır.
Adım 3. Stil Sayfasını Bağlayın - Stil sayfasını bağlantı etiketini kullanarak bağlayabilirsiniz
Bu, web sitenizin "head" bölümünde kullanılmalıdır. Örneğin.. bu örnekte "path" yazan yere CSS dosyanızın yolunu yazmalısınız.
Adım 1. Div etiketlerini veya tablosuz kullanmanın faydalarını anlayın:
- Sitelerin yüklenmesi daha hızlı hale gelir. 'div' etiketlerini temel alan web siteleri, tarayıcıların çok hafif olduklarından çok daha hızlı çalışmasını sağlar. 'Div' Basamaklı stil sayfaları aracılığıyla kontrol edilir ve bu nedenle dosya boyutunu minimumda tutmaya yardımcı olan daha az kodlama gerektirir.
- 'Div' tüm arama motorları için uygundur – CSS tabanlı web siteleri arama motoru optimizasyonu dostudur, çünkü bunlar web tasarımcısının ana makaleleri en üstte tutmasını sağlayarak arama motorlarının ana içerikleri daha kolay bulmasını sağlar.
- 'div' etiketine dayalı bir web sitesi bant genişliğinden tasarruf sağlar. Tablosuz bir web sitesi daha küçük dosya boyutuna sahiptir, bu da bant genişliğinizden tasarruf ettiği anlamına gelir. Yoğun trafikli bir siteniz varsa, her sayfa site ziyaretçileri tarafından taranıyorsa, tablolar olmadan bant genişliği boyutundan tasarruf edersiniz. Kaydedilen bu bant genişliği miktarı, belirli bir süre boyunca veya ayın sonunda faydalı olabilir.
- Daha Temiz Kod – 'div' etiketlerini ve CSS'yi kullanan web siteleri daha temiz kod oluşturur. Bu temiz kod, arama motorlarının tarayıcılarının gerçek içeriği okumasına izin verir.
