Premières considérations

On peut ajouter des images de deux façons, qui sont disponibles dans la colonne de gauche dans l’interface privée :
 ajouter une image : valable pour les images fixes
 ajouter un document : permet d’ajouter des images cliquables, qui seront affichées sous forme de vignettes réduites qui afficheront l’image à sa taille réelle quand on cliquera dessus.

Ajouter une image
 On peut ajouter une image qui sera seulement au format GIF (*.gif), JPEG (*.jpg), PNG (*.png). Donc pas de JP2, BMP ou autre format non reconnu.
 Il faut que l’image ait la bonne taille dès le départ, le système ne la réduira pas. L’image devra de toutes façon être plus petite que la zone d’affichage du texte (On peut considérer que 320 pixels de largeur est un maximum dans la majorité des cas).
 Les images pourront être affichées soit cadrées à gauche, soit cadrées à droite, soit centrées.
 Il est demandé par le W3C de mettre une légende à l’image ou simplement un commentaire qui s’affiche quand la souris passe sur l’image.

Ajouter un document
 A priori ceci est fait pour ajouter des documents joints à l’article (un fichier PDF par exemple), mais on peut aussi s’en servir pour illustrer un article.
 On peut de cette façon créer des images cliquables qui vont s’afficher sous forme de vignette de 150 pixels de large et qui seront affichés à leur taille réelle quand on cliquera dessus.
 Le format sera celui des images, GIF, JPEG, PNG.
 Elles pourront s’afficher soit comme des images dans le texte (à condition qu’on les y place), soit comme documents à la fin du texte.
 Comme les images, on pourra - en mode image - les cadrer à gauche, à droite, au centre.
 Dans tous les cas, on peut aussi ajouter un commentaire.

Quelques règles avant de commencer

Droit d’auteur et protection des mineurs
 A priori, sur les photos, pas de mineurs identifés.
 Naturellement pas photos équivoques ou ridiculisant les personnes...
 Vous devez avoir l’autorisation de la personne photographiée sauf groupe.
 Dans tous les cas, on « taguera » l’image (sauf les petites icônes ou les petites photos, mais même les documents !) avec quelque chose du genre
© année nom_du_copyright
par exemple :
© 2005 Eklesia.net
 Si on n’est pas propriétaire de l’image, on note le vrai propriétaire :
© 2005 Jean Dupont

Ajouter une image

 Choisir une image au format soit GIF, soit JPEG, soit PNG. Oublier les autres formats.
 La retailler à la bonne dimension :

• Si on veut la centrer, elle peut avoir la largeur de la page, mais on aura alors une photo très lourde à charger, et le visiteur passera dessus sans la voir.
• Si on veut la cadrer à gauche ou à droite, il faut qu’elle soit au maximum de la moitié de la largeur de la page, pour que le texte qui se glissera à côté reste lisible.

 L’image doit être sur la machine de celui qui fait la mise à jour : les liens ne sont pas autorisés.
 Aller sur la cartouche "Ajouter une image" et aller chercher l’image dans le bon répertoire.
 Cliquer sur "Télécharger"
 L’image s’affiche alors en réduction dans un cartouche, qui donne les codes à utiliser pour la mettre dans l’article ainsi que des champs pour ajouter un éventuel commentaire.
 Donner un nom à cette image. On peut aussi lui mettre un commentaire.
 On choisira ici d’afficher l’image centrée : il faut donc récuperer le code de l’image avec l’indication center (ou bien left pour cadrage à gauche, et right pour cadrage à droite).
 On peut afficher l’image sans le commentaire affiché (seulement en infobulles) <img70|center> : ou avec le commentaire <doc70|center> :

Le Pont Sainte-Anne à Lannion

Copyright PSN

 On aura alors le résultat suivant sans les commentaires (on peut noter que le titre de l’image s’affiche dans l’infobulle mais pas la description), avec une largeur d’image de 320 pixels :

Ajouter un document

 On procède exactement de la même façon, donc il vaut mieux commencer par lire le paragraphe ci-dessus.
 Naturellement on va sur le cartouche "Ajouter un document" plutôt qu’"Ajouter une image".
 Là, l’image peut avoir n’importe quelle taille (éviter quand même les images de plus de 300 Ko !)
 L’image est réduite et apparaît la première fois sous l’aspect de la vignette par défaut. Une fois sur le serveur, la vignette sera calculée et elle s’affichera correctement.
 On met alors le document de la même façon qu’une image. Ici, on a le résultat, sans le commentaire apparent (donc img, cadré à gauche, donc left.
 Quand on clique sur la vignette, elle s’ouvre en grand dans la page.

 Précedent : Mettre un logo à un article ou une brève
 Suivant : Joindre des documents à un article