Santé mentale Modèle HTML

Une section de sensibilisation prête à l'emploi pour le HTML statique

L'étiquette « Chaque esprit compte », le titre à deux niveaux, le paragraphe de conseil, le portrait et l'indicateur « 01 » fonctionnent déjà en harmonie pour composer une section de sensibilisation complète. Le texte central porte l'objectif informatif : « Évitez de » formule le début de la consigne, « rester collé aux actualités » la complète, et le paragraphe précise qu'il convient de restreindre le temps passé à regarder, lire ou écouter les actualités sur l'épidémie, réseaux sociaux compris. Le portrait portant un masque apporte un contexte visuel immédiat sans remplacer les explications écrites.

Au sein d'une page HTML statique, ce bloc peut faire office de section centrale dédiée aux conseils de santé ou à la prévention, tandis que le reste de la page accueille les autres éléments de contenu. Sa composition horizontale en trois volets offre une respiration visuelle marquée : l'image de gauche capte le regard, le centre diffuse un message lisible et le « 01 » situé sur la droite signale un jalon numéroté ou une progression éditoriale. S'agissant d'une présentation statique, la section transmet ses messages par la composition et le texte, plutôt que par des onglets, des diaporamas, des formulaires ou des volets dépliables.

Ce composant étant entièrement prêt à l'emploi à l'échelle de la section, ses textes, le traitement de l'image, ses espacements et sa typographie peuvent être adaptés au projet statique d'accueil tout en conservant son rôle de bloc de contenu réutilisable. Lors de l'exportation globale du projet, l'export HTML porte sur l'ensemble de la page ou du site hébergeant la section, et non sur ce bloc envisagé comme un site web autonome.