Ajouter des images à un article

Publié le 1er novembre 2005
par Roch Bellehumeur (<<< Cliquez sur le nom de l'auteur pour voir tous ses articles)

Procédurier pas à pas décrivant les étapes pour insérer des images dans un article.

N.B. Cet article contient des images de l’espace privée du site, les liens sur ces images ne sont pas actifs.


- Il n’est pas possible de faire du copier coller pour placer des images dans vos articles.
- De plus, il est impossible de redimensionner une image après l’avoir chargée sur le site.
- Donc, vous devez vous assurer que les dimensions de vos images sont correctes avant de faire les étapes suivantes.

Pour ajouter des images il faut procéder en deux temps.

Premièrement
Si votre article existe déjà passez à l’étape 3...

  1. Créez un nouvel article.
  2. Validé une première fois cet article.
  3. Faites Modifier cet article, une nouvelle boîte de dialogue va s’ajouter. C’est la boîte Ajouter une image



  4. Cliquez sur Parcourir, la boîte de dialogue « Choix du fichier » va s’ouvrir, sélectionnez le fichier image (une à la fois) que vous voulez télécharger sur le site et cliquez sur Ouvrir

    La boîte de dialogue se ferme et vous revenez dans votre article.

  5. Cliquez maintenant sur Télécharger






  6. Pour chaque image téléchargée il s’ajoute une boîte avec une vignette miniature de l’image et sous la vignette des codes de la forme suivante :
    <imgXXX|left>

Ou XXX est un nombre à 3 chiffres. Si ce n’est pas la dernière image chargée, il faut cliquer sur le petit triangle noir pour faire apparaître les codes.





Deuxièmement

  1. Pour placer l’image dans l’article il suffit de copier un des trois codes possibles directement dans le texte de votre article.
    - <imgXXX|left> pour placer l’image à gauche
    - <imgXXX|center> pour placer l’image au centre
    - et <imgXXX|right> pour placer l’image à droite.

    Naturellement il faut remplacer les XXX par le bon numéro d’image.

    Le texte de votre article va se placer automatiquement autour de l’image si elle n’est pas trop grande. Si vous voulez que votre texte se poursuive sous votre image il faut mettre plusieurs codes « souligné espace et retour » pour décaler le texte vers le bas.

L’exemple ci-dessous correspond à une partie de cet article tel qu’il est rédigé dans le texte de l’article dans l’espace privé.
On reconnaît une partie du texte et les codes des l’images.
Remarquez les codes (_ ) « souligné espace et retour » pour décaler le texte sous l’image.


calle
calle
calle
Réagir à cet article