Placer une image dans un article

 1. Avant de commencer

L’image doit être numérisée et présente sur votre ordinateur. Elle a été produite soit par un appareil photo numérique soit à l’aide d’un scanner (si cela vous pose problème, parlez-en à LOUPIC).

L’image peut être aux formats JPEG, PNG ou GIF.

Attention à la taille des images. Une image insérée à l’intérieur du texte ne doit pas avoir une largeur de plus de 500 pixels -et même plutôt moins- afin de préserver la mise en page de l’article. Et encore, seulement si elle est affichée centrée ; si vous voulez l’aligner à gauche ou à droite, il faut laisser de la place pour le texte. Le fichier doit être de petite taille (20 Ko grand maximu), surtout si l’article comporte de nombreuses images, sinon le temps de chargement de la page sera rédhibitoire.
Pour mettre à disposition une image de taille importante (pour sa qualité), joignez-la en tant que document. Et placez une vignette (la même image réduite) en illustration de l’article (accessible en mode "interface complète").

 2. Modification de l’article

Il est impératif que l’article ait été créé avant de joindre une image, qu’il soit "en cours de".

Dans l’interface d’administration, naviguez dans l’arborescence jusqu’à l’article auquel vous voulez joindre un document.

Cliquez sur

 3. Télécharger l’image

Dans la page d’édition de l’article, sur le coté gauche, cliquez d’abord sur le triangle noir pour développer le formulaire d’insertion.

Cliquez sur [Parcourir] et allez à la recherche de l’image sur votre ordinateur.
Après l’avoir sélectionné, cliquez sur [Télécharger]. Attendez que le fichier ait été chargé sur le serveur, plus le fichier est gros plus le transfert est long.

Une fois le fichier joint, la page se rafraichit.

Il est possible de changer le titre et le descriptif de l’image.

 4. Insérer dans le texte

Pour faire apparaitre l’image dans l’article il vous suffira d’y copier dans les champs "texte" et/ou "descriptif" l’un des "petits" codes proposés :

• <img5|left> : pour aligner l’image à gauche, par rapport à un paragraphe, une ligne de texte, etc ...
• <img5|center> : pour centrer l’image, par rapport à un paragraphe, une ligne de texte, etc ...
• <img5|right> : pour aligner l’image à droite, par rapport à un paragraphe, une ligne de texte, etc ...

 5. Avant de finir

Après voir validé la modification vous avez un aperçu du document et de sa mise en page.

Tant que l’article est « en cours de rédaction », vous pouvez revenir dessus, changer ou supprimer une image.

A vous de jouer...