Les points Modèle HTML

Une section en trois étapes prête à l'emploi pour le contenu d'une page HTML statique

Le titre centré et le paragraphe d'accompagnement définissent l'objectif de la section avant que les détails du processus ne commencent. En dessous, trois cartes régulièrement espacées offrent des zones de contenu distinctes pour l'Étape 1, l'Étape 2 et l'Étape 3. Chaque carte adopte la même structure interne – icône, libellé en majuscules et texte descriptif –, ce qui permet à la section de présenter des étapes interdépendantes sans exiger que la page environnante fournisse l'agencement de base du processus.

Les flèches circulaires créent un lien visible entre les cartes. Elles montrent que les étapes s'inscrivent dans une séquence ordonnée, tandis que les surfaces gris clair distinguent chaque phase de l'arrière-plan blanc. Dans un contexte HTML statique, cela fait de ce bloc une zone « comment ça marche » toute prête au sein d'une page ou d'un site plus large. L'intégration globale peut fournir la navigation, des sections additionnelles et le contexte général de la page, tandis que ce bloc prend en charge l'explication même du processus.

L'interaction étant statique, la section communique par l'espacement, une structure de cartes répétée, des icônes, des libellés et des repères directionnels plutôt que par des contrôles ou des changements d'état. Sa structure prête à l'emploi peut être insérée dans une page statique, puis personnalisée avec les textes, icônes, couleurs et dimensions propres au projet, sans modifier l'enchaînement fondamental en trois étapes.