Fiche n°12 - La gestion des images

Les modèles d’images et leur placement

• Trois modèles d’images (XX, YY, ZZ indiquent le rang d’enregistrement de l’image dans la BD du site) :
  • <imgXX>
  • <docYY>
  • <embZZ>

• Quatre options de placement de l’image :
  • <imgXX|left> :
    L’image se place à gauche devant le texte. Au-delà de la hauteur de l’image toute la largeur disponible est occupée par le texte.
  • <imgXX|right> :
    Le texte s’affiche à gauche devant l’image. Au-delà de la hauteur de l’image toute la largeur disponible est occupée par le texte.
  • <imgXX|center> :
    L’image se place au centre et le texte passe à la ligne suivante.
  • <imgXX> :
    En l’absence de paramètre de placement l’image s’affiche dans le fil du texte à l’endroit où elle a été insérée, contrairement aux 3 cas précédents où <imgXX|...> doit toujours figurer devant le texte.

Les résultats obtenus selon la destination des images et les modèles utilisés

• Deux endroits pour déposer les images :
  • Illustration : les images illustrent le texte.
  • Port folio : possibilité de réaliser un diaporama voir fiche 11.

• Dans illustration :
  • les raccourcis <img>, <emb>, <doc> sont équivalents. Ils affichent l’image en pleine taille.
    Les raccourcis <emb>, <doc> affichent en plus le titre de l’image (s’il est renseigné).

• Dans portfolio :
  • <img> Affiche la vignette avec un lien cliquable vers l’image en pleine taille
  • <doc> Affiche la vignette et son titre avec un lien cliquable vers l’image en pleine taille
  • <emb> Affiche l’image en pleine taille avec son titre sans lien (embed).