Car je pense que la première fois dans cette série, nous allons ajouter de nouvelles choses à la conception directement en travaillant dans le navigateur (pas en commençant par Photoshop). Notre objectif est de concevoir les modules «Hot Links» qui s'affichent sur la page d'accueil.
Nous étiquetons chaque section sur la page d'accueil avec des balises d'en-tête. Par exemple, «Derniers articles de blog» et «Hot Links». Sémantiquement, nous devrions utiliser un h2 mais le style général h2 est trop intense pour cette zone. Nous utilisons l'astuce classique où nous avons des remplacements de nom de classe pour notre style d'en-tête. De cette façon, nous pouvons toujours utiliser la balise sémantique correcte mais être en mesure de remplacer le style à tout moment avec le style de l'en-tête que nous voulons. par exemple
Les modules Hot Link sont en grande partie les mêmes que les modules article mais moins compliqués et ils ont un carré rouge dans le coin supérieur gauche au lieu d'un carré orange.