Web Kalitesi - Stiller

Stil tabloları, web sayfasının kalitesini artırmak için kritik öneme sahiptir.

font etiketini kullanmayın

Web sayfasındaki yazı boyutlarını ayarlamak için CSS kullanmanız gerekmektedir. font etiketini kullanmayın.

<font> etiketi kullanmak, belgenizin boyutunu artırır ve her seferinde standart metin boyutunu değiştirmek işinizi kâbusa çevirir.

Aşağıdaki durumu hayal edin:

Bir gün, web sitenizdeki tüm başlıkların rengi ve boyutunu değiştirmeye karar verirsiniz. Bu işlemi CSS ile sadece bir satırda yapabilirsiniz. Eğer <font> etiketi kullanıyorsanız, web sitenizdeki tüm sayfalardaki tüm başlıkları tek tek değiştirmeniz gerekecek.

Stil kullanarak <font> etiketini değiştirmek, web sayfalarında yüksek kaliteli arayüzler oluşturmak için bize daha kolay bir yol sunar.

Sabit yazı boyutlarını kullanmayın

Sabit boyutları kullanmayın. Her zaman göreceli boyutları kullanın.

Bu önerinin en önemli nedeni, sabit boyutların tarayıcı aracılığıyla yeniden ayarlanamamasıdır.

Ziyaretçileriniz farklı cihazlar (ekranlar), farklı tarayıcı ortamları (ışık) ve olası engeller (zayıf görmek) kullanacak.

Örneğin, bir kişinin yazı boyutunu %100 (veya medium) olarak, başlıkları %140 (veya x-large) olarak, alt başlıkları ise %120 (veya large) olarak ayarlayabilirsiniz, böylece kullanıcılar en sevdiği boyutu tarayıcıyla yeniden ayarlayabilir.

Web sayfasının metin boyutunu ayarlama fonksiyonu, yazdırılan sayfadaki metin sayısını da değiştirebilir.

Çok küçük varsayılan yazı boyutlarını kullanmayın

Bazı web siteleri, her sayfaya daha fazla içerik yerleştirmek veya sayfayı daha 'şık' görmek için çok küçük yazı boyutları kullanabilir.

Tekrar belirtmek gerekirse, farklı cihazlar (ekranlar), farklı tarayıcı ortamları (ışık) ve olası engeller (zayıf görmek) kullanıcıya okuma zorlukları yaratabilir.

Kullanıcıları her ziyaret ettiğinde metin boyutunu büyütmek zorunda bırakmayın

Her zaman tutarlı arka plan renklerini kullanın

Çoğu web sayfası, farklı metin elementleri için renk kullanır. Başlıklar ve bağlantıların renkleri genellikle metin rengiyle farklıdır.

Bir web tasarımcısı olarak, ziyaretçilerinizin varsayılan renk seçeneklerini değiştirebileceğine dikkat etmelisiniz.

Web elemanları için renk tanımlarsanız, aynı zamanda arka plan rengini de tanımlamalısınız.

Arka plan rengini tanımlamazsanız, web siteniz kötü renk kombinasyonlarıyla bozulabilir (örneğin, kırmızı arka plan üzerinde parlak kırmızı metin veya koyu metinle koyu arka plan).

Arka plan rengini belirtmezseniz, metni tanırmak zor olabilir.