Modification de Insérer une image
Attention : vous n’êtes pas connecté(e). Votre adresse IP sera visible de tout le monde si vous faites des modifications. Si vous vous connectez ou créez un compte, vos modifications seront attribuées à votre propre nom d’utilisateur(rice) et vous aurez d’autres avantages.
La précédente modification va être annulée. Veuillez vérifier les différences ci-dessous, puis publier l’annulation ci-dessous si c’est bien ce que vous voulez faire.
Version actuelle | Votre texte | ||
Ligne 3 : | Ligne 3 : | ||
== La méthode à Danielle == | == La méthode à Danielle == | ||
+ | |||
+ | Pour insérer une image dans la page ''Brouillon XX'' : | ||
[[Image:bouton image insérée.jpg|right|]] | [[Image:bouton image insérée.jpg|right|]] | ||
− | |||
* ouvrez la page en question ; | * ouvrez la page en question ; | ||
* ouvrez l'onglet : " <code>Modifier</code> " ; | * ouvrez l'onglet : " <code>Modifier</code> " ; | ||
Ligne 12 : | Ligne 13 : | ||
** observez le texte ; | ** observez le texte ; | ||
** remplacez '''Exemple''' par le nom de l'image à insérer ex : ''fleur des montagnes''. '''{{coloré|N'effacez pas les crochets !|red}}''' | ** remplacez '''Exemple''' par le nom de l'image à insérer ex : ''fleur des montagnes''. '''{{coloré|N'effacez pas les crochets !|red}}''' | ||
− | ** cliquez sur le bouton " <code>Prévisualiser</code> ". Vous obtenez ceci | + | ** cliquez sur le bouton " <code>Prévisualiser</code> ". Vous obtenez ceci [[Image:insertion image.jpg|center|frame|]] |
+ | [[Image:envoyer un fichier.jpg|right|]] | ||
:* observez le nom de l'image apparaît en rouge ; | :* observez le nom de l'image apparaît en rouge ; | ||
:* cliquez sur le bouton " <code>Sauvegarder</code> " ; | :* cliquez sur le bouton " <code>Sauvegarder</code> " ; | ||
− | :* cliquez sur le nom de l'image en rouge. Vous obtenez ceci : | + | :* cliquez sur le nom de l'image en rouge. Vous obtenez ceci : |
:*cliquez sur le bouton " <code>Parcourir</code> " pour indiquer l'emplacement du fichier de l'image. '''Attention''' à la taille et au format du fichier. | :*cliquez sur le bouton " <code>Parcourir</code> " pour indiquer l'emplacement du fichier de l'image. '''Attention''' à la taille et au format du fichier. | ||
− | :* cliquez sur le bouton " <code>Envoyer</code> " | + | :* cliquez sur le bouton " <code>Envoyer</code> " |
+ | |||
+ | L'image doit apparaître à l'écran. Il existe des options pour la positionner à gauche, au centre, à droite. | ||
{{clr}} | {{clr}} | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
== Pour aller plus loin == | == Pour aller plus loin == | ||
Ligne 53 : | Ligne 51 : | ||
Lors de la prévisualisation, vous constatez que {{coloré|<code><nowiki>Image:Exemple.jpg</nowiki></code>|red}} est écrit en {{coloré|rouge|red}}, ce qui signifie que la ''page image'' est vide. | Lors de la prévisualisation, vous constatez que {{coloré|<code><nowiki>Image:Exemple.jpg</nowiki></code>|red}} est écrit en {{coloré|rouge|red}}, ce qui signifie que la ''page image'' est vide. | ||
− | |||
Cliquons sur ce lien ; la page ''Envoyer un fichier'' est appelée. | Cliquons sur ce lien ; la page ''Envoyer un fichier'' est appelée. | ||
[[Image:image02.png|frame|center|]] | [[Image:image02.png|frame|center|]] | ||
Pour charger le fichier, cliquez sur <code>Parcourir...</code> Sélectionner le fichier sur votre disque dur. Le nom appelé <code>Exemple.jpg</code> peut être différent du nom de l'image à télécharger ; par contre, l'extension du fichier doit être la même ! Appuyer sur <code>Ouvrir</code>, puis sur <code>Envoyer le fichier</code> | Pour charger le fichier, cliquez sur <code>Parcourir...</code> Sélectionner le fichier sur votre disque dur. Le nom appelé <code>Exemple.jpg</code> peut être différent du nom de l'image à télécharger ; par contre, l'extension du fichier doit être la même ! Appuyer sur <code>Ouvrir</code>, puis sur <code>Envoyer le fichier</code> | ||
− | [[Image:image07.png|450px | + | [[Image:image07.png|450px|left|]][[Image:image08.png|frame|right|]] |
{{clr}} | {{clr}} | ||
La ''page image'' de <code>Image:Exemple.jpg</code> s'ouvre. Revenez à votre page initiale, une pré-visualisation et l'image est intégrée à vos ''Blabla'' ! Voici le résultat : | La ''page image'' de <code>Image:Exemple.jpg</code> s'ouvre. Revenez à votre page initiale, une pré-visualisation et l'image est intégrée à vos ''Blabla'' ! Voici le résultat : | ||
Ligne 70 : | Ligne 67 : | ||
Bon amusement. | Bon amusement. | ||
+ | |||
+ | == Pour aller plus loin == | ||
+ | |||
+ | Voir la page d'insertion d'une [http://meta.wikimedia.org/wiki/Aide:Images_et_fichiers_import%C3%A9s image] et celle de la [http://meta.wikimedia.org/wiki/Aide:Page_d%27image ''page d'image'']. |