Aller au contenu

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

m
aucun résumé des modifications
mAucun résumé des modifications
mAucun résumé des modifications
Ligne 1 : Ligne 1 :
<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...), <br />vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.</big></center>




Ligne 16 : Ligne 16 :
== Étape 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|Importer un fichier]]''', dans la '''Boîte à outils''' du menu à gauche de l'écran.  




Ligne 27 : Ligne 27 :
* <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 (voir [[Wiki-Anjou:Licences|Licences]]).




Ligne 37 : Ligne 37 :


<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]]'''.


== Étape 2 : Insérer une image dans un article ==
== Étape 2 : Insérer une image dans un article ==
Ligne 57 : Ligne 56 :




'''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>
'''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. Exemple : <nowiki>[[Fichier:Exemple.jpg</nowiki>'''<nowiki>|thumb</nowiki>'''<nowiki>]]</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>.
On peut également ajouter un texte alternatif (fontion alt) et un titre à l'image. Exemple : <nowiki>[[Fichier:Exemple.jpg|thumb</nowiki>'''<nowiki>|alt=Image exemple</nowiki><nowiki>|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".


<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.


'''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>|alt=Image exemple|Exemple]]</nowiki>.   
 
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>.   




Ligne 86 : Ligne 83 :
* '''Pour aligner à gauche''' : Ajoutez la fonction "left" <nowiki>[[Fichier:Exemple.jpg|300px|left]]</nowiki>  
* '''Pour aligner à gauche''' : Ajoutez la fonction "left" <nowiki>[[Fichier:Exemple.jpg|300px|left]]</nowiki>  


* Et comme vu précédemment, pour '''afficher une légende''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</nowiki>  
* Et comme vu précédemment, pour '''afficher une légende''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</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>  
* et une '''alternative textuelle''' en utilisant la fonction "alt" <nowiki>[[Fichier:Exemple.jpg|300px|Légende|alt=alternative textuelle|Légende]]</nowiki>  




Ligne 102 : Ligne 99 :
== Quelques exemples ==
== Quelques exemples ==


[[Fichier:Photo accueil.gif]]
[[Fichier:Photo accueil.gif]]{{clr}}
::::'''<nowiki>[[Fichier:Photo accueil.gif]]</nowiki>'''
::::'''<nowiki>[[Fichier:Photo accueil.gif]]</nowiki>'''




[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]
[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]{{clr}}
<center>'''<nowiki>[[Fichier:Photo accueil.gif|thumb|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>




[[Fichier:Photo accueil.gif|thumb|Au bord de la Maine]]
[[Fichier:Photo accueil.gif|thumb|Alt=Photo Au bord de la Maine|Au bord de la Maine]]{{clr}}
 
<div align="right">'''<nowiki>[[Fichier:Photo accueil.gif|thumb|Alt=Photo Au bord de la Maine|Au bord de la Maine]]</nowiki>'''</div>
 
 
 
<div align="right">'''<nowiki>[[Fichier:Photo accueil.gif|thumb|Au bord de la Maine]]</nowiki>'''</div>
 
 
 
 




Ligne 126 : Ligne 115 :
* Infobox : Ne pas ajouter la fonction "thumb" dans les infobox (cadre préformaté se situant en haut à droite de certaines pages, comme les communes).
* 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>).
* 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>[[Fichier:Picto mauges.jpg|left|180px|Territoire angevin des Mauges|lien=Mauges|alt=Territoire angevin des Mauges]]</nowiki>).