Skip to main content

Voici une mise en page « type » d’une page web

Ceci est un texte qui peut se trouver dans le header sous le titre

Titre en H2 pour expliquer la raison de cette page

Un texte qui peut introduire la page, une sorte de courte description de ce qu’on va pouvoir y trouver. Ci-dessous, vous verrez quelques exemples de mise en page que nous pouvons utiliser pour votre site. La liste n’est pas exhaustive car il y a tellement de possibilités qu’on ne pourrait pas tout mettre.

Mise en page « grille »

Comme vous pouvez le voir ci-dessus, le titre qui est censé être un H2, donc ses paramètres title le sont, mais il est stylé en H3 pour son affichage.

Titre de ma grille en H2

Texte META, utilisé pour une info supplémentaire

Corps de texte pour les détails de mon message. Notez que des styles supplémentaires peuvent êtres utilisé comme la taille du titre H1 dans le header, pour donner un style « Titre large » à certains éléments par exemple.

Un lien si besoin

Le but de la grille est d’avoir une répétition

La META peut être utilisée ou pas

Ainsi avec plusieurs éléments qui ont tous le même réglage général quand aux titres, meta et texte.

Un lien si besoin

Mise en page « panel »

Le contenu de mon panel ici. Notez que je peux ajouter une image et un bouton facilement dans les éléments prémontés comme les panel, les grilles etc. Si besoin de plus de personnalisation, je peux aussi monter les éléments manuellement dans le constructeur.

Mon image peut être alignée de différentes manières, ici sur la droite.

Un lien si besoin

Panel slider

Titre de mon élément

Texte de mon élément

Titre de mon élément

Texte de mon élément

Titre de mon élément

Texte de mon élément

Titre de mon élément

Texte de mon élément

Titre de mon élément

Texte de mon élément

    Galerie

    Et on pourrait continuer ainsi longtemps… Vous comprendrez que les possibilités de mises en page sont grandes. Vous noterez également que les couleurs de fond des sections peuvent êtres modifiées.

    Généralement, on utilisera une ou deux couleurs différentes. Il en va de même pour les polices. Sur ce site d’exemple, il y en a plus mais on évitera de faire un sapin de noël 🙂