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 51 : | Ligne 49 : | ||
Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla | Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla | ||
[[Image:image12.png|frame|center|]] | [[Image:image12.png|frame|center|]] | ||
+ | [[Image:image13.png|frame|center|]] | ||
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 : |