Aide:Insérer une image : Différence entre versions
Ligne 11 : | Ligne 11 : | ||
==Importer l'image sur le serveur== | ==Importer l'image sur le serveur== | ||
− | [[Fichier:Import_image.jpg|right| | + | [[Fichier:Import_image.jpg|right|200px]] |
1. Cliquer sur '''[[Special:Upload|"Importer un fichier"]]''', dans la boîte à outils du menu (à gauche). | 1. Cliquer sur '''[[Special:Upload|"Importer un fichier"]]''', dans la boîte à outils du menu (à gauche). | ||
+ | |||
2. Une page d'aide apparaît expliquant qu'il n'est pas possible d'importer n'importe quelle image sur Wiki-Brest. Il est possible de passer cette étape si ce n'est pas la 1ere fois qu'on import une image. | 2. Une page d'aide apparaît expliquant qu'il n'est pas possible d'importer n'importe quelle image sur Wiki-Brest. Il est possible de passer cette étape si ce n'est pas la 1ere fois qu'on import une image. | ||
[[Fichier:Image_skip.gif|center]] | [[Fichier:Image_skip.gif|center]] | ||
+ | |||
3. L'import de média comporte cinq parties : | 3. L'import de média comporte cinq parties : | ||
Ligne 21 : | Ligne 23 : | ||
[[Fichier:Image_parcourir.jpg|right|350px]] | [[Fichier:Image_parcourir.jpg|right|350px]] | ||
:* '''N°1 - Le choix du document''' : Bouton "Parcourir" permet de trouver son image. | :* '''N°1 - Le choix du document''' : Bouton "Parcourir" permet de trouver son image. | ||
+ | |||
:* '''N°2 - Le nom du document''' : Il peut être changé dans ce formulaire, pour éviter d'avoir à renommer le fichier d'origine sur votre ordinateur. Le nom du fichier doit être le plus précis possible pour permettre une recherche par mots-clés depuis la page '''[[Special:Newimages|"Galerie des fichiers multimédia"]]'''. '''Attention il faut garder .jpg ou .gif''' | :* '''N°2 - Le nom du document''' : Il peut être changé dans ce formulaire, pour éviter d'avoir à renommer le fichier d'origine sur votre ordinateur. Le nom du fichier doit être le plus précis possible pour permettre une recherche par mots-clés depuis la page '''[[Special:Newimages|"Galerie des fichiers multimédia"]]'''. '''Attention il faut garder .jpg ou .gif''' | ||
::Exemples : Pardon Kérangoff.jpg / Expo arcenciel.jpg / Basket Patro Espérance.jpg | ::Exemples : Pardon Kérangoff.jpg / Expo arcenciel.jpg / Basket Patro Espérance.jpg | ||
+ | |||
:* '''N°3 - La description''' : Il est important de donner un maximum d'informations sur le média : sujet, lieu, date, auteur, source ... | :* '''N°3 - La description''' : Il est important de donner un maximum d'informations sur le média : sujet, lieu, date, auteur, source ... | ||
− | '''Merci de ne pas effacer l'intégralité du texte placé dans la zone de description, | + | '''Merci de ne pas effacer l'intégralité du texte placé dans la zone de description, remplacer le texte "indiquez ici ...." par vos informations, voir exemple ci-dessus''' |
+ | |||
:* '''N°4 - La licence''' : Chaque image est associée à une licence régissant les conditions d'utilisation de l'image. Il est conseillé de déposer ces images en licence libre de diffusion (CC-BY-SA), permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document. | :* '''N°4 - La licence''' : Chaque image est associée à une licence régissant les conditions d'utilisation de l'image. Il est conseillé de déposer ces images en licence libre de diffusion (CC-BY-SA), permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document. | ||
::Pour plus informations consulter la page '''[[Aide:Licence|Droits et licences]]'''. | ::Pour plus informations consulter la page '''[[Aide:Licence|Droits et licences]]'''. | ||
+ | |||
:* '''N°5 - L'import''' : Cliquer sur le bouton "Importer le fichier". (il est possible qu'une autre page intermédiaire s'ouvre vous demandant de "Sauvegarder le fichier", si vous avez modifié le nom du fichier.) | :* '''N°5 - L'import''' : Cliquer sur le bouton "Importer le fichier". (il est possible qu'une autre page intermédiaire s'ouvre vous demandant de "Sauvegarder le fichier", si vous avez modifié le nom du fichier.) | ||
Ligne 50 : | Ligne 56 : | ||
:'''<nowiki>[[Fichier:Exemple.jpg]]</nowiki>''' | :'''<nowiki>[[Fichier:Exemple.jpg]]</nowiki>''' | ||
− | 5. Coller le nom de l'image à la place d'Exemple.jpg. | + | 5. Coller le nom de l'image à la place d'Exemple.jpg, ici dans notre exemple <font color="red"><big>'''Moulin de Keraes.jpg'''</big></font> |
− | + | [[Fichier:Image_name.gif|center]] | |
6. Prévisualiser pour voir le résultat. Par défaut l'image se place à gauche avec sa taille d'origine. Généralement l'image est trop grande. Il faut la redimensionner. Ajouter le texte suivant entre les crochets pour une taille de 300 pixels. | 6. Prévisualiser pour voir le résultat. Par défaut l'image se place à gauche avec sa taille d'origine. Généralement l'image est trop grande. Il faut la redimensionner. Ajouter le texte suivant entre les crochets pour une taille de 300 pixels. | ||
− | :<nowiki>[[Fichier:MonImage.jpg</nowiki>'''<big><nowiki>|300px</nowiki>'''</big><nowiki>]]</nowiki> | + | :<nowiki>[[Fichier:MonImage.jpg</nowiki>'''<font color="red"><big><nowiki>|300px</nowiki>'''</big></font><nowiki>]]</nowiki> |
− | :N.B: La barre verticale, appelée pipe, ce fait en combinant les touches | + | :N.B: La barre verticale, appelée pipe, ce fait en combinant les touches '''AltGr + le chiffre 6'''. |
Ligne 62 : | Ligne 68 : | ||
Pour placer une image dans le corps de texte il faut insérer un texte du type : | Pour placer une image dans le corps de texte il faut insérer un texte du type : | ||
− | < | + | <big><nowiki>[[Fichier:Vue brest.jpg</nowiki><font color="red"><big>'''<nowiki>|150px|center</nowiki>'''</big></font><nowiki>]]</nowiki></big> |
Il est possible de changer la place de l'image sur la page en ajoutant | Il est possible de changer la place de l'image sur la page en ajoutant | ||
* ''|center'' elle sera centrée | * ''|center'' elle sera centrée | ||
Ligne 75 : | Ligne 81 : | ||
===Image en vignette=== | ===Image en vignette=== | ||
Pour placer une image avec une présentation vignette (encadrée et légendée) il faut insérer un texte du type : | Pour placer une image avec une présentation vignette (encadrée et légendée) il faut insérer un texte du type : | ||
− | < | + | <big><nowiki>[[Fichier:Vue brest.jpg</nowiki><font color="red"><big>'''<nowiki>|thumb|Vue du pont de Recouvrance</nowiki>'''</big></font><nowiki>]]</nowiki></big> |
[[Fichier:Vue brest.jpg|thumb|Vue du pont de [[Recouvrance]]]] | [[Fichier:Vue brest.jpg|thumb|Vue du pont de [[Recouvrance]]]] | ||
− | + | ||
* thumb : désigne la présentation en vignette ''(avec cadre et légende)'' | * thumb : désigne la présentation en vignette ''(avec cadre et légende)'' | ||
* légende de l'image - il est possible de placer un lien dans la légende (recommandé) | * légende de l'image - il est possible de placer un lien dans la légende (recommandé) | ||
Ligne 84 : | Ligne 90 : | ||
Par défaut le paramètre '''thumb''', place l'image à droite en 180 pixels. Il est possible de mettre la vignette au milieu ou à gauche et de l'agrandir : | Par défaut le paramètre '''thumb''', place l'image à droite en 180 pixels. Il est possible de mettre la vignette au milieu ou à gauche et de l'agrandir : | ||
− | < | + | <big><nowiki>[[Fichier:Vue brest.jpg|thumb</nowiki><font color="red"><big>'''<nowiki>|left|250px</nowiki>'''</big></font><nowiki>|Vue du pont de Recouvrance]]</nowiki></big> |
==Voir aussi== | ==Voir aussi== |
Version du 7 décembre 2011 à 18:03
L'insertion d'image sur Wiki-Brest se déroule en deux étapes :
Sommaire
Importer l'image sur le serveur
1. Cliquer sur "Importer un fichier", dans la boîte à outils du menu (à gauche).
2. Une page d'aide apparaît expliquant qu'il n'est pas possible d'importer n'importe quelle image sur Wiki-Brest. Il est possible de passer cette étape si ce n'est pas la 1ere fois qu'on import une image.
3. L'import de média comporte cinq parties :
- N°1 - Le choix du document : Bouton "Parcourir" permet de trouver son image.
- N°2 - Le nom du document : Il peut être changé dans ce formulaire, pour éviter d'avoir à renommer le fichier d'origine sur votre ordinateur. Le nom du fichier doit être le plus précis possible pour permettre une recherche par mots-clés depuis la page "Galerie des fichiers multimédia". Attention il faut garder .jpg ou .gif
- Exemples : Pardon Kérangoff.jpg / Expo arcenciel.jpg / Basket Patro Espérance.jpg
- N°3 - La description : Il est important de donner un maximum d'informations sur le média : sujet, lieu, date, auteur, source ...
Merci de ne pas effacer l'intégralité du texte placé dans la zone de description, remplacer le texte "indiquez ici ...." par vos informations, voir exemple ci-dessus
- N°4 - La licence : Chaque image est associée à une licence régissant les conditions d'utilisation de l'image. Il est conseillé de déposer ces images en licence libre de diffusion (CC-BY-SA), permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document.
- Pour plus informations consulter la page Droits et licences.
- N°5 - L'import : Cliquer sur le bouton "Importer le fichier". (il est possible qu'une autre page intermédiaire s'ouvre vous demandant de "Sauvegarder le fichier", si vous avez modifié le nom du fichier.)
Insérer l'image sur la page
1. Une fois l'image visualisée, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres (ce n'est pas la peine de prendre "Fichier:"). Copier cette sélection de texte. (Si vous avez changé de page depuis, vous retrouvez votre image depuis la page "Galerie des fichiers multimédia".)
2. Revenir à l'article où l'image sera ajoutée. (Utiliser le bouton précédent du navigateur, ou faire une recherche avec un mot du titre de la page).
3. Cliquer sur l'onglet "Modifier" de la page. Placer le curseur à l'endroit où vous souhaitez insérer l'image.
4. Cliquer sur le bouton "Image insérée" de la barre d'outils. Le texte suivant apparaît :
- [[Fichier:Exemple.jpg]]
5. Coller le nom de l'image à la place d'Exemple.jpg, ici dans notre exemple Moulin de Keraes.jpg
6. Prévisualiser pour voir le résultat. Par défaut l'image se place à gauche avec sa taille d'origine. Généralement l'image est trop grande. Il faut la redimensionner. Ajouter le texte suivant entre les crochets pour une taille de 300 pixels.
- [[Fichier:MonImage.jpg|300px]]
- N.B: La barre verticale, appelée pipe, ce fait en combinant les touches AltGr + le chiffre 6.
Adapter l'emplacement de l'image sur la page
Image dans le corps de texte
Pour placer une image dans le corps de texte il faut insérer un texte du type :
[[Fichier:Vue brest.jpg|150px|center]]
Il est possible de changer la place de l'image sur la page en ajoutant
- |center elle sera centrée
- |left elle se placera à gauche
- |right elle se placera à droite
Si l'image est placée en début d'un paragraphe elle viendra justifier le texte.
Ce qui donne :
Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image.Image en vignette
Pour placer une image avec une présentation vignette (encadrée et légendée) il faut insérer un texte du type :
[[Fichier:Vue brest.jpg|thumb|Vue du pont de Recouvrance]]
- thumb : désigne la présentation en vignette (avec cadre et légende)
- légende de l'image - il est possible de placer un lien dans la légende (recommandé)
Cette présentation est celle qui est recommandée dans la majorité des cas. Elle est préférée a l'insertion dans le corps du texte (voir ci-dessous)
Par défaut le paramètre thumb, place l'image à droite en 180 pixels. Il est possible de mettre la vignette au milieu ou à gauche et de l'agrandir :
[[Fichier:Vue brest.jpg|thumb|left|250px|Vue du pont de Recouvrance]]