Mise en forme du texte

La mise en forme du texte apporte de la clarté et de la lisibilité dans les présentations.

Les polices de caractère

Pour choisir une police web, le mieux est d’utiliser le service  google font. Ces polices sont gratuites et facilement utilisables sur un site Internet.

Les paragraphes

Les paragraphes de textes peuvent avoir des tailles de texte différentes selon l’importance qu’on veut leur donner. Sur le plan du « référencement » le fait d’avoir 2 paragraphes différents sur un plan graphique (avoir une taille de caractère plus grande par exemple) n’influe pas sur le référencement. C’est juste une affaire de présentation.

Sur-titre

Paragraphe sur fond clair

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at magna ipsum. Sed sed pharetra urna. Proin dapibus efficitur erat.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris nibh leo, luctus sed quam in, porttitor sodales elit.

Sur-titre

Paragraphe sur fond sombre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at magna ipsum. Sed sed pharetra urna. Proin dapibus efficitur erat.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris nibh leo, luctus sed quam in, porttitor sodales elit.

Sur-titre

Paragraphe avec un contour

Lorem ipsum dolor sit amet consectetur adipiscing elit. Aenean at magna ipsum. Sed sed pharetra urna. Proin dapibus efficitur erat.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris nibh leo, luctus sed quam in, porttitor sodales elit.

Sur-titre

Paragraphe sur fond de couleur

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at magna ipsum. Sed sed pharetra urna. Proin dapibus efficitur erat.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris nibh leo luctus sed quam in, porttitor sodales elit.

Sur-titre

Paragraphe normal (sans effet)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean at magna ipsum. Sed sed pharetra urna. Proin dapibus efficitur erat.  Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris nibh leo luctus sed quam in porttitor sodales elit.

Les titres

On peut intégrer jusqu’à 5 niveaux de titres en plus du titre de la page. Ces niveaux sont notamment importants pour le référencement. Le titre de type « h1 » est le plus important (c’est le titre de la page. Il n’y en a d’ailleurs qu’un seul par page). Pour le référencement, le plus important est de garder une arborescence logique des titres : un « h3 » doit être sous un « h2 » par exemple.

Titre de niveau h1

Titre de niveau h2

Titre de niveau h3

Titre de niveau h4

Titre de niveau h5
Titre de niveau h6

Les listes

Liste non ordonnée

  • Et prima post quam ut dictum estab,
  • Inter has ruinarum varietates,
  • Et quoniam mirari posse peregrinos,
  • Quibus ita sceleste patratis cruore,
  • Sed quid est quod causa maxime homines.

Liste ordonnée

  1. Et prima post quam ut dictum estab,
  2. Inter has ruinarum varietates,
  3. Et quoniam mirari posse peregrinos,
  4. Quibus ita sceleste patratis cruore,
  5. Sed quid est quod causa maxime homines.

Les boîtes de message

Ces boîtes de message permettent de mettre en avant un texte à caractère exceptionnel sur une page.

Je suis une boite de message de type “Information”.

Nos bureaux seront fermés exceptionnellement le Vendredi 10 Février.

Intégration des images

2 possibilités pour présenter des images : l’image fixe ou le slider.

Les images fixes

Dans les exemples suivants, la même image s’adapte à la largeur de la colonne dans laquelle elle est intégrée.

Les sliders