Différences entre les versions de « Insérer une image »
| (8 versions intermédiaires par 4 utilisateurs non affichées) | |||
| Ligne 3 : | Ligne 3 : | ||
== La méthode à Danielle == | == La méthode à Danielle == | ||
| − | + | [[Image:bouton image insérée.jpg|right|]] | |
Pour insérer une image dans la page ''Brouillon XX'' : | Pour insérer une image dans la page ''Brouillon XX'' : | ||
| − | |||
* ouvrez la page en question ; | * ouvrez la page en question ; | ||
* ouvrez l'onglet : " <code>Modifier</code> " ; | * ouvrez l'onglet : " <code>Modifier</code> " ; | ||
| Ligne 13 : | Ligne 12 : | ||
** 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 |
| − | |||
:* 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 : [[Image:insertion image.jpg|center|]] |
:*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> " [[Image:envoyer un fichier.jpg|center|]] |
| + | |||
| + | {{clr}} | ||
| + | [[Image:Fleurs des montagnes.jpg|thumb|300px|left|Je m'appelle ? À vous de trouver !]] | ||
| + | L'image doit apparaître à l'écran. Il existe des options pour la positionner à gauche, au centre, à droite. | ||
| + | Et voici, sur l'écran, cette splendide image positionnée à gauche grâce au code : | ||
| − | + | <code><nowiki>[[Image:Fleurs des montagnes.jpg|thumb|300px|left|Je m'appelle ? À vous de trouver !]]</nowiki></code>. | |
| − | |||
== Pour aller plus loin == | == Pour aller plus loin == | ||
| Ligne 48 : | Ligne 50 : | ||
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: | + | [[Image:image12.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. | |
| + | [[Image:image13.png|frame|center|]] | ||
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|left|]][[Image:image08.png|frame|right|]] | + | [[Image:image07.png|450px|frame|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 67 : | Ligne 70 : | ||
Bon amusement. | Bon amusement. | ||
| − | |||
| − | |||
| − | |||
| − | |||
Version actuelle datée du 9 juin 2008 à 19:22
Parlons technique[ ]
Les images et les fichiers à insérer dans une page de ce wiki doivent être maigres — pas plus de 200 Ko — et la taille des photos doit être raisonnable — au maximum 800x600. Si vous ne possédez pas de logiciel de retouche de photo, le gratuiciel XnView permet, en particulier, de diminuer la taille d'une photo.
La méthode à Danielle[ ]
Pour insérer une image dans la page Brouillon XX :
- ouvrez la page en question ;
- ouvrez l'onglet : "
Modifier" ; - saisissez votre texte ;
- insérez votre image :
- cliquez sur le bouton "
Image insérée" pour créer le lien interne de la page voulue ; - observez le texte ;
- remplacez Exemple par le nom de l'image à insérer ex : fleur des montagnes. N'effacez pas les crochets !
- cliquez sur le bouton "
Prévisualiser". Vous obtenez ceci
- cliquez sur le bouton "
- observez le nom de l'image apparaît en rouge ;
- cliquez sur le bouton "
Sauvegarder" ; - cliquez sur le nom de l'image en rouge. Vous obtenez ceci :
- cliquez sur le bouton "
Parcourir" pour indiquer l'emplacement du fichier de l'image. Attention à la taille et au format du fichier. - cliquez sur le bouton "
Envoyer"
L'image doit apparaître à l'écran. Il existe des options pour la positionner à gauche, au centre, à droite.
Et voici, sur l'écran, cette splendide image positionnée à gauche grâce au code :
[[Image:Fleurs des montagnes.jpg|thumb|300px|left|Je m'appelle ? À vous de trouver !]].
Pour aller plus loin[ ]
Voir la page d'insertion d'une image et celle de la page d'image.
- Exemples d'insertion d'image dans un texte
-
- cette page ;
- la biographie de Diego Vélasquez ;
- les comptes rendus des Gorges du Tarn et du Tour du Mont Blanc.
La méthode à Jean-Luc : insérer ma première image[ ]
Seules les images déjà chargées sur le wiki peuvent être insérées dans un texte ; l'image a alors une page image associée. Il en est de même pour les fichiers.
Par contre, rien n'empêche de préparer le travail.
Imaginons que l'on veuille insérer une image nommée exemple.jpg dans le texte :
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
Lors de la prévisualisation, vous constatez que Image:Exemple.jpg est écrit en rouge, ce qui signifie que la page image est vide.
Cliquons sur ce lien ; la page Envoyer un fichier est appelée.
Pour charger le fichier, cliquez sur Parcourir... Sélectionner le fichier sur votre disque dur. Le nom appelé Exemple.jpg 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 Ouvrir, puis sur Envoyer le fichier
La page image de Image:Exemple.jpg s'ouvre. Revenez à votre page initiale, une pré-visualisation et l'image est intégrée à vos Blabla ! Voici le résultat :
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 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 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 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 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
Ne pas hésiter à copier le texte source sur une page personnelle pour vous entraîner et regarder ce que donnent les changements de paramètres !
Bon amusement.