Feuille de style de qualité Web
L'utilisation de feuilles de style est cruciale pour améliorer la qualité des pages Web.
N'utilisez pas la balise <font>
CSS doit être utilisé pour définir la taille des polices sur les pages Web affichées. Veuillez ne pas utiliser la balise font.
L'utilisation de la balise <font> augmente la taille du document et fait de la modification de la taille standard du texte un cauchemar à chaque fois.
Imaginez la situation suivante :
Un jour, vous décidez de changer la couleur et la taille de toutes les rubriques de votre site Web. Avec CSS, vous pouvez le faire en modifiant une seule ligne. Si vous utilisez la balise <font>, vous devrez modifier tous les titres de toutes les pages de votre site Web.
L'utilisation de styles au lieu de la balise <font> facilite la création d'interfaces de haute qualité pour les pages Web.
N'utilisez pas de tailles de police fixes.
N'utilisez pas de valeurs de taille de police fixes. Utilisez toujours des valeurs de taille relative.
La raison la plus importante de cette recommandation est que les dimensions fixes ne peuvent pas être redimensionnées via le navigateur.
Vos visiteurs utiliseront différents appareils (moniteurs), différents environnements de navigation (lumière) et d'éventuels handicaps (basse vision).
Par exemple, vous pouvez définir la taille du texte de quelqu'un sur 100 % (ou moyen), le titre principal sur 140 % (ou x-large) et le titre secondaire sur 120 % (ou grand), de sorte que le l'utilisateur peut utiliser le navigateur pour réinitialiser sa taille préférée.
Remarque : En ajustant la taille du texte de la page Web, vous pouvez également modifier le nombre de texte sur la page imprimée.
N'utilisez pas de très petites tailles de police par défaut
Certains sites Web utilisent de très petites tailles de texte afin de pouvoir « insérer » plus de contenu dans chaque page ou donner à la page un aspect plus ". à la mode".
Encore une fois, l'utilisation de différents appareils (moniteurs), de différents environnements de navigation (lumière) et d'éventuels handicaps (basse vision) peuvent entraîner des difficultés de lecture pour les utilisateurs.
Veuillez ne pas forcer les utilisateurs à augmenter la taille du texte à chaque fois qu'ils visitent votre site.
Utilisez toujours une couleur d'arrière-plan cohérente.
La plupart des pages Web utilisent des couleurs pour différents éléments de texte. La couleur des titres et des liens est généralement différente de la couleur principale du texte.
En tant que web designer, vous devez être conscient du fait que vos visiteurs peuvent modifier les options de couleurs par défaut.
Si vous définissez une couleur pour un élément Web, vous devez également définir une couleur d'arrière-plan.
Si vous ne définissez pas de couleur d'arrière-plan, votre site pourrait être gâché par de mauvaises combinaisons de couleurs (comme un texte rouge vif sur fond rouge ou un texte sombre sur fond sombre).
Si vous ne spécifiez pas de couleur d'arrière-plan, cela peut rendre le texte difficile à lire.
