| Version actuelle |
Votre texte |
| Ligne 1 : |
Ligne 1 : |
| − | == Parlons technique ==
| + | Pour insérer une image dans une page : |
| − | 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 [http://pagesperso-orange.fr/pierre.g/xnview/frhome.html XnView] permet, en particulier, de diminuer la taille d'une photo.
| |
| | | | |
| − | == La méthode à Danielle ==
| + | * ouvrez la page en question ; par exemple : ''Brouillon XX'' ; |
| − | [[Image:bouton image insérée.jpg|right|]]
| |
| − | Pour insérer une image dans la page ''Brouillon XX'' :
| |
| − | * ouvrez la page en question ;
| |
| | * ouvrez l'onglet : " <code>Modifier</code> " ; | | * ouvrez l'onglet : " <code>Modifier</code> " ; |
| | * saisissez votre texte ; | | * saisissez votre texte ; |
| − | * insérez votre image : | + | * insérez votre image : [[Image:bouton image insérée.jpg|right|]] |
| − | ** cliquez sur le bouton " <code>Image insérée</code> " pour créer le lien interne de la page voulue ; | + | ** cliquez sur le bouton " <code>image insérée</code> " pour créer le lien interne de la page voulue ; |
| | ** 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|right|]] |
| − | :* observez le nom de l'image apparaît en rouge ;
| + | |
| − | :* cliquez sur le bouton " <code>Sauvegarder</code> " ;
| + | |
| − | :* 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>Envoyer</code> " [[Image:envoyer un fichier.jpg|center|]]
| + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | ** observez le nom de l'image apparaît en rouge ; |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | ** cliquez sur le bouton " <code>Sauvegarder</code> " ; |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | ** cliquez sur le nom de l'image en rouge. Vous obtenez ceci : [[Image:envoyer un fichier.jpg|right|]] |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | | | |
| − | {{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 ==
| |
| | | | |
| − | 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''].
| |
| | | | |
| − | ; Exemples d'insertion d'image dans un texte :
| |
| − | :* cette page ;
| |
| − | :* la biographie de [http://fr.wikipedia.org/wiki/Diego_V%C3%A9lasquez Diego Vélasquez] ;
| |
| − | :* les comptes rendus des [[Gorges du Tarn (automne 2004)/littéraire|Gorges du Tarn]] et du [[Tour du Mont-Blanc (été 2006)/littéraire|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 <code>exemple.jpg</code> 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
| |
| − | [[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.
| |
| − | [[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>
| |
| − | [[Image:image07.png|450px|frame|left|]][[Image:image08.png|frame|right|]]
| |
| − | {{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 :
| |
| | | | |
| − | Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla 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:LochNess.jpg|500px|left|]] Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla Blabla 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.
| + | ** 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> " |
| | + | L'image doit apparaître à l'écran. Il existe des options pour la positionner à gauche, au centre, à droite. |
| | + | Pour plus de détails, voir l'aide en ligne. |
