Aller au contenu

« Aide:Insérer une image » : différence entre les versions

ajout d'infos
mAucun résumé des modifications
(ajout d'infos)
Ligne 1 : Ligne 1 :
__TOC__
<center><big>Vous souhaitez enrichir un article avec une image (illustration, dessin, photographie...), vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.</big></center>




<center><big>Vous souhaitez enrichir un article avec une image (illustration, dessin, photographie...), vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.</big></center>
__TOC__




Ligne 8 : Ligne 8 :




==Au préalable==
== Au préalable ==
La grande partie des documents papiers ou du net sont soumis à des [[Wiki-Anjou:Licences|droits]]. Si vous n'êtes pas l'auteur, vérifiez que les droits liés au document que vous voulez inclure vous permettent cette utilisation.
La grande partie des documents papiers ou du net sont soumis à des [[Wiki-Anjou:Licences|droits]]. Si vous n'êtes pas l'auteur, vérifiez que les droits liés au document que vous voulez inclure vous permettent cette utilisation.


Dans le cas de photos de panoramas, il peut y avoir également des restrictions, la liberté de panorama n'existant pas dans le droit français<ref name=droit-panorama">Wikimedia Commons, [http://commons.wikimedia.org/wiki/Commons:Libert%C3%A9_de_panorama Liberté de panorama]</ref>.


==Etape 1 : Importer l'image sur le serveur de Wiki-Anjou==


== Étape 1 : Importer l'image sur le serveur de Wiki-Anjou ==


'''1.''' Cliquer sur '''[[Special:Upload|Téléverser un fichier]]''', dans la '''Boîte à outils''' du menu à gauche de l'écran.  
'''1.''' Cliquer sur '''[[Special:Upload|Téléverser un fichier]]''', dans la '''Boîte à outils''' du menu à gauche de l'écran.  
Ligne 20 : Ligne 21 :
'''2.''' L'import de média comporte quatre parties :  
'''2.''' L'import de média comporte quatre parties :  


* <u>Le choix du document </u>: En utilisant le bouton "'''Parcourir'''", vous allez chercher l'image sur votre ordinateur.  
* <u>Le choix du document</u> : En utilisant le bouton "'''Parcourir'''", vous allez chercher l'image sur votre ordinateur.  


* <u>Le nom du document </u>: Par défaut, le nom sous lequel votre image sera enregistrée est celui de votre fichier source. Vous avez la possibilité de le modifier, mais attention de garder l'extension de votre image : "'''.jpg'''", "'''.gif'''" ou encore "'''.png'''".
* <u>Le nom du document</u> : Par défaut, le nom sous lequel votre image sera enregistrée est celui de votre fichier source. Vous avez la possibilité de le modifier, mais attention de garder l'extension de votre image : "'''.jpg'''", "'''.gif'''" ou encore "'''.png'''".


* <u>La description </u>: Dans ce cadre, vous pouvez renseigner diverses informations sur le média : sujet, lieu, date, source, auteur ...  
* <u>La description</u> : Dans ce cadre, vous pouvez renseigner diverses informations sur le média : sujet, lieu, date, source, auteur ...  


* <u>La licence </u>: Chaque document est associé à une licence régissant les conditions d'utilisation du document en question. Il est conseillé de déposer ces documents en licence libre, permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document.  
* <u>La licence </u>: Chaque document est associé à une licence régissant les conditions d'utilisation du document en question. Il est conseillé de déposer ces documents en licence libre, permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document.  
Ligne 35 : Ligne 36 :




<u>Note :</u> Vous pouvez également importer jusqu'à 5 fichiers en même temps en cliquant sur '''[[Special:MultipleUpload|Téléverser plusieurs fichiers]]'''.
<u>Note</u> : Vous pouvez également importer jusqu'à 5 fichiers en même temps en cliquant sur '''[[Special:MultipleUpload|Téléverser plusieurs fichiers]]'''.




==Etape 2 : Insérer une image dans un article==
== Étape 2 : Insérer une image dans un article ==


'''1.''' Une fois l'image téléchargée, ou si l'image que vous souhaitez insérer est déjà sur le site Wiki-Anjou, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres, puis copier cette sélection (clic droit avec votre souris, "copier").<br>
'''1.''' Une fois l'image téléchargée, ou si l'image que vous souhaitez insérer est déjà sur le site Wiki-Anjou, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres, puis copier cette sélection (clic droit avec votre souris, "copier").<br>
Ligne 56 : Ligne 57 :




'''5.''' Prévisualiser pour voir le résultat. Si l'image est trop grande vous pouvez la redimensionner.<br>  
'''5.''' Ajoutez la fonction « thumb ». L'utilisation de cette fonction (qui permet de créer une miniature) est recommandée, les images devant pouvoir s'adapter à la taille des écrans et aux préférences de chacun.<br>
Dans cet exemple, nous indiquons que l'image doit avoir une taille de 300 pixels : <nowiki>[[Fichier:Exemple.jpg|300px]]</nowiki>  
Exemple : <nowiki>[[Fichier:Exemple.jpg</nowiki>'''<nowiki>|thumb</nowiki>'''<nowiki>]]</nowiki>.
 
On peut également ajouter un titre à l'image. Exemple : <nowiki>[[Fichier:Exemple.jpg|thumb</nowiki>'''<nowiki>|Ceci est un exemple</nowiki>'''<nowiki>]]</nowiki>.
 
 
<u>Note</u> : La barre verticale (|), appelée "pipe", se fait, à partir d'un PC, en appuyant simultanément sur les touches "Alt+Gr" et le chiffre "6", et à partir d'un Mac, en utilisant la combinaison de touches "Alt + Maj + L".
 
 
'''6.''' Prévisualiser pour voir le résultat. Si l'image est trop grande vous pouvez la redimensionner.<br>  
 
Dans cet exemple, nous indiquons que l'image doit avoir une taille de 300 pixels : <nowiki>[[Fichier:Exemple.jpg|thumb</nowiki>'''<nowiki>|300px</nowiki>'''<nowiki>|Ceci est un exemple]]</nowiki>


<u>Note </u>: La barre verticale, appelée "pipe", se fait en appuyant simultanément sur la touche "Alt+Gr" et le chiffre "6".


<big>'''Vous savez maintenant comment insérer une image dans un article, et modifier sa taille.'''</big>


<big>'''Vous savez maintenant comment insérer une image dans un article, et modifier sa taille.'''</big> En plus de la taille, vous pouvez attribuer d'autres paramètres à votre image...
En plus de la taille, vous pouvez attribuer d'autres paramètres à votre image...




==Paramètres pouvant être attribués à une image==
== Paramètres pouvant être attribués à une image ==


En plus de la taille, plusieurs options permettent de choisir la manière dont l'image sera insérée :  
En plus de la taille, plusieurs options permettent de choisir la manière dont l'image sera insérée :  


* '''Pour centrer :''' <nowiki>[[Fichier:Exemple.jpg|300px|center]]</nowiki>  
* '''Pour centrer''' : Ajoutez la fonction "center" <nowiki>[[Fichier:Exemple.jpg|300px|center]]</nowiki>
 
* '''Pour aligner à droite''' : ajoutez la fonction "right" <nowiki>[[Fichier:Exemple.jpg|300px|right]]</nowiki>
 
* '''Pour aligner à gauche''' : Ajoutez la fonction "left" <nowiki>[[Fichier:Exemple.jpg|300px|left]]</nowiki>  


* '''Pour aligner à droite :''' <nowiki>[[Fichier:Exemple.jpg|300px|right]]</nowiki>  
* Et comme vu précédemment, pour '''afficher une légende''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</nowiki>  


* '''Pour aligner à gauche :''' <nowiki>[[Fichier:Exemple.jpg|300px| left]]</nowiki>  
* Vous pouvez également indiquer une '''alternative textuelle''' en utilisant la fonction "alt" <nowiki>[[Fichier:Exemple.jpg|300px|Légende|alt=alternative textuelle|Légende]]</nowiki>  


* '''Pour afficher une légende au survol de la souris:''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</nowiki>


* '''Pour afficher l'image dans une miniature avec légende''' : <nowiki>[[Fichier:Exemple.jpg|thumb|Légende dans la miniature]]</nowiki>  
{| class="wikitable centre" width="80%"
Par défaut, la miniature est placée à gauche (pour que la miniature s'affiche à droite ou au centre, il faut ajouter : |right ''ou'' |center) et affiche une image de 180px (un utilisateur enregistré peut modifier la taille de la miniature attribuée par défaut dans ses [[special:préférences|préférences]], onglet "Fichier").<br>
|-
<u>Note </u>: La légende est facultative.
| align=center |
<code><nowiki>[[Image:Nom de l'image|thumb|alt=alternative textuelle|Légende]]</nowiki></code><br>
|}




==Quelques exemples==
== Quelques exemples ==


[[Fichier:Photo accueil.gif]]
[[Fichier:Photo accueil.gif]]
Ligne 88 : Ligne 104 :




[[Fichier:Photo accueil.gif|300px|center|Au bord de la Maine]]
[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]
<center>'''<nowiki>[[Fichier:Photo accueil.gif|300px|center|Au bord de la Maine]]</nowiki>'''</center>
<center>'''<nowiki>[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]</nowiki>'''</center>




Ligne 104 : Ligne 120 :




==Voir aussi==
== Cas particuliers ==
 
* Infobox : Ne pas ajouter la fonction "thumb" dans les infobox (cadre préformaté se situant en haut à droite de certaines pages, comme les communes).
 
* Assimilation à une infobox : Quelques pages peuvent également ne pas comporter la fonction "thumb" (ex. [[Baugeois]]), et utiliser la fonction "lien" (link), qui permet une redirection vers une page (ex. <nowiki>[[Image:Picto mauges.jpg|left|180px|Territoire angevin des Mauges|lien=Mauges|alt=Territoire angevin des Mauges]]</nowiki>).
 
 
== Sur le même sujet ==


* [[Aide:Créer une galerie d'images|Comment créer une galerie d'images]]
* [[Aide:Créer une galerie d'images|Comment créer une galerie d'images]]