Positionner une illustration dans le texte d’un article.

Cours précédent :Ajouter un document existant << Le programme >> Cours suivant :Préparer une image

 Le cours

Une illustration, ce peut être une image, un graphique, une photo... Il y en a beaucoup sur le site surtout parce que le coreg   Centre-Val de Loire publie toutes les photos des participants aux concours photos depuis quelques années.

Toutes les illustrations sont aussi des documents et donc des fichiers souvent jpg (il existe d’autres formats d’images dont le png souvent utilisé). C’est la manière de les inclure qui différent et fait la différence.

On peut insérer une illustration en la positionnant à gauche (left en anglais) et le texte à droite, à droite (right en anglais) et le texte à gauche ou au milieu ou centrée (center en anglais). Les mots anglais sont utiles parce que ce sont eux qui sont utilisés pour le positionnement.

Dans le cours n° 5 (La validation des articles), une petite illustration a été utilisée. Le document est affecté du numéro 3343. Voici l’utilisation qui en a été faite :
Pour la positionner ainsi, au milieu de la page (par rapport aux bords droits et gauche), c’est le paramètre "center" qui a été utilisé : <img3343|center>. "img" pour "image" suivi du n°, le caractère "barre verticale" | (touches [altGr] & [6/-]) comme séparateur et enfin, le mot "center" pour centrer l’image. Les symboles "<" et ">" constituent un code signifiant que le contenu constitue un code [1].

Pour positionner l’image à gauche, il faut remplacer "center" par "left" : <img3343|left>

Même chose pour positionner l’image à droite mais il faut alors utiliser "right" à la place de "center" : <img3343|right>

 Exercices

• positionner des photos du dernier concours photo à droite, à gauche ou au centre en y joignant, à chaque fois des commentaires. Les photos ont les numéros 3251 à 3295 ; prendre un n°au hasard. Pour le codage, il est possible d’utiliser le copier/coller des formules ci-dessus en remplaçant le n° par un autre compris dans la série.

 Auto-évaluation

Quel est le code à utiliser pour insérer l’image n°X dans un paragraphe si le texte doit être affiché à droite du texte ?

Cours précédent :Ajouter un document existant << Le programme >> Cours suivant :Préparer une image