Différences entre les versions de « Aide:Images »

Le WikiHalo rappelle à ses contributeurs que toute information ajoutée doit être officielle et vérifiable. Les contributions sans sources et les théories sur Halo Infinite seront rejetées.

m
 
(8 versions intermédiaires par 3 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
[[Fichier:Film promotion halo3.jpg|thumb|300px|La première image du Wikihalo]]
[[Fichier:Landfall-Warthog 03.jpg|thumb|300px|La première image du WikiHalo]]
Les images sont une part importante dans tout article encyclopédique de par leur fonction d'illustration. Elles fournissent au lecteur un support visuel à la fois informatif et constitue une pause dans la lecture. Actuellement, il y a {{NUMBEROFFILES}} images enregistrées sur le ''Wikihalo''.
Les images sont une part importante dans tout article encyclopédique de par leur fonction d'illustration. Elles fournissent au lecteur un support visuel à la fois informatif et constituent une pause dans la lecture. Actuellement, il y a {{NUMBEROFFILES}} images enregistrées sur le ''WikiHalo''.




Ligne 11 : Ligne 11 :


==Mise en page==
==Mise en page==
Les différents paramètres en rapport avec les images (taille, position, …) présentés ci-dessous peuvent tous être combinés de différente manière en séparant les différents attributs par un trait vertical : | (obtenu avec la combinaison de touche ''Alt GR'' + ''6 (ou -)'' sur le clavier alphabétique).
Les différents paramètres en rapport avec les images (taille, position…) présentés ci-dessous peuvent tous être combinés de différente manière en séparant les différents attributs par un trait vertical : | (obtenu avec la combinaison de touche ''Alt GR'' + ''6 (ou -)'' sur le clavier alphabétique).


===Présentation de base===
===Présentation de base===
Ligne 56 : Ligne 56 :
|}
|}


*L'alignement est principalement fait à droite, où il gène le moins la lecture.
*L'alignement est principalement fait à droite, où il gêne le moins la lecture.
*Les images très larges sont idéalement alignées au centre, entre deux paragraphes.
*Les images très larges sont idéalement alignées au centre, entre deux paragraphes.
*Si une image est placée au même niveau qu'une infobox, elle sera affichée automatiquement en-dessous de celle-ci.
*Si une image est placée au même niveau qu'une infobox, elle sera affichée automatiquement en-dessous de celle-ci.
Ligne 74 : Ligne 74 :
*La taille doit être indiquée en pixels (px). Les marqueurs ''em'' et ''%'' ne fonctionnent pas.
*La taille doit être indiquée en pixels (px). Les marqueurs ''em'' et ''%'' ne fonctionnent pas.
*La taille indiquée correspond à la largeur de l'image et non sa longueur sur le plan vertical. Tenez-en compte pour des images longues.
*La taille indiquée correspond à la largeur de l'image et non sa longueur sur le plan vertical. Tenez-en compte pour des images longues.
 
*La taille verticale peut être indiquée en ajoutant un x devant la taille (<nowiki>[[Fichier:Marines.jpg|x200px]]</nowiki> produira une image de 200 pixels de haut).


===Légende===
===Légende===
{| class="wikitable" width=100%
{| class="wikitable" width=100%
| width="50%" |
| width="50%" |
<nowiki>[[Fichier:Marines.jpg|thumb|Un groupe de Marines]]</nowiki>
<nowiki>[[Fichier:Marines.jpg|thumb|Un groupe de Marines.]]</nowiki>
|
|
[[Fichier:Marines.jpg|200px|thumb|Un groupe de Marines]]
[[Fichier:Marines.jpg|200px|thumb|Un groupe de Marines.]]
|}
|}


*Les légendes doivent idéalement être synthétiques et peuvent contenir des liens.
*Les légendes doivent idéalement être synthétiques et peuvent contenir des liens. Elles se terminent obligatoirement par un point.
*L'attribut ''thumb'' seul aligne automatiquement l'image à droite et redimensionne l'image en 220px. Ces paramètres sont changés si des attributs de taille et d'alignement sont présents.
*L'attribut ''thumb'' seul aligne automatiquement l'image à droite et redimensionne l'image en 220px. Ces paramètres sont changés si des attributs de taille et d'alignement sont présents.
*Le symbole en dessous de l'image à droite mène à la page du fichier.
*Le symbole en dessous de l'image à droite mène à la page du fichier.


===Lien===
===Lien===
{| class="wikitable" width=100%
{| class="wikitable" width=100%
| width="50%" |
| width="50%" |
<nowiki>[[Fichier:Marines.jpg|link=Corps des Marines (UNSC)]]</nowiki>
<nowiki>[[Fichier:Marines.jpg|link=Corps des Marines]]</nowiki>
|
|
[[Fichier:Marines.jpg|200px|link=Corps des Marines (UNSC)]]
[[Fichier:Marines.jpg|200px|link=Corps des Marines]]
|}
|}


Ligne 113 : Ligne 112 :
*Sans attribut ''thumb'', le texte s'affiche lorsque le curseur est laissé sur l'image, ce qui nuit à la visibilité du texte.
*Sans attribut ''thumb'', le texte s'affiche lorsque le curseur est laissé sur l'image, ce qui nuit à la visibilité du texte.
*Le texte s'affiche à la place de l'image lorsque le visiteur a des problèmes pour la visualiser. Il est également lu à la place du nom de l'image par les logiciels lecteurs pour non-voyants.
*Le texte s'affiche à la place de l'image lorsque le visiteur a des problèmes pour la visualiser. Il est également lu à la place du nom de l'image par les logiciels lecteurs pour non-voyants.
==Image Map==
Le contenu des images dans les articles peut être identifié avec des annotations cliquables apparaissant au survol de la souris.
{| class="wikitable" width=100%
| width="50%" |
<poem><nowiki><imagemap>
Fichier:HODST Alpha-Nine 02.jpg|center|400px
circle 370 370 150 [[Le Bleu]]
rect 1254 255 1515 550 [[Edward Buck]]
</imagemap></nowiki></poem>
|<imagemap>
Fichier:HODST Alpha-Nine 02.jpg|center|400px
circle 370 370 150 [[Le Bleu]]
rect 1254 255 1515 550 [[Edward Buck]]
</imagemap>
|}
*Les paramètres acceptés sont :
**''desc'' : indique où placer l'icône bleue permettant d'accéder à la page de l'image. Accepte les valeurs top-right, bottom-right, bottom-left, top-left et none.
**''rect'' : dessine un rectangle cliquable délimité par quatre valeurs correspond aux positions x et y des sommets en haut à gauche et en bas à gauche.
**''poly'' : dessine un polygone cliquable délimité par le nombre voulu de valeurs corresponds aux positions x et y de ses sommets.
**''circle'' : dessine un cercle cliquable délimité par les coordonnées x et y de son centre et son diamètre.
**''default'' : lien accessible en cliquant hors des zones explicitement définies sur l'image.
*Toutes les valeurs des zones cliquables doivent être exprimées en pixels correspondant à la taille d'origine de l'image.
*Ouvrez l'image dans un logiciel de manipulation d'image comme Gimp pour déterminer les coordonnées voulues.




Ligne 123 : Ligne 148 :




{{Aide}}
{{Modèle:Aide}}
[[Catégorie:Aide]]

Version actuelle datée du 27 avril 2018 à 20:51

La première image du WikiHalo

Les images sont une part importante dans tout article encyclopédique de par leur fonction d'illustration. Elles fournissent au lecteur un support visuel à la fois informatif et constituent une pause dans la lecture. Actuellement, il y a 47 107 images enregistrées sur le WikiHalo.


Téléversement[modifier]

Avant de pouvoir afficher une image sur le Wiki, il faut la téléverser.


  • Pour obtenir de l'aide en rapport avec le téléversement des images, rendez vous sur l'Aide:Téléversement


Mise en page[modifier]

Les différents paramètres en rapport avec les images (taille, position…) présentés ci-dessous peuvent tous être combinés de différente manière en séparant les différents attributs par un trait vertical : | (obtenu avec la combinaison de touche Alt GR + 6 (ou -) sur le clavier alphabétique).

Présentation de base[modifier]

Texte dans la fenêtre de modification Résultat

[[Fichier:Marines.jpg]]

Marines.jpg

  • Par défaut, l'image est affichée dans sa taille originelle et alignée à gauche.
  • Il est rare qu'une image ait la taille idéale à la mise en page, ce modèle est donc peu utilisé.


Alignement[modifier]

[[Fichier:Marines.jpg|right]]
[[Fichier:Marines.jpg|center]]
[[Fichier:Marines.jpg|left]]

Marines.jpg








Marines.jpg


Marines.jpg
  • L'alignement est principalement fait à droite, où il gêne le moins la lecture.
  • Les images très larges sont idéalement alignées au centre, entre deux paragraphes.
  • Si une image est placée au même niveau qu'une infobox, elle sera affichée automatiquement en-dessous de celle-ci.
  • Dans de tels cas, un alignement à gauche est envisageable.
  • L'alignement à gauche est prohibé si le texte adjacent contient une liste, car les puces se superposent à l'image.
  • Les images dans les infobox n'ont pas besoin d'instruction d'alignement.


Redimensionnement[modifier]

[[Fichier:Marines.jpg|200px]]

Marines.jpg

  • La taille doit être indiquée en pixels (px). Les marqueurs em et % ne fonctionnent pas.
  • La taille indiquée correspond à la largeur de l'image et non sa longueur sur le plan vertical. Tenez-en compte pour des images longues.
  • La taille verticale peut être indiquée en ajoutant un x devant la taille ([[Fichier:Marines.jpg|x200px]] produira une image de 200 pixels de haut).

Légende[modifier]

[[Fichier:Marines.jpg|thumb|Un groupe de Marines.]]

Un groupe de Marines.
  • Les légendes doivent idéalement être synthétiques et peuvent contenir des liens. Elles se terminent obligatoirement par un point.
  • L'attribut thumb seul aligne automatiquement l'image à droite et redimensionne l'image en 220px. Ces paramètres sont changés si des attributs de taille et d'alignement sont présents.
  • Le symbole en dessous de l'image à droite mène à la page du fichier.

Lien[modifier]

[[Fichier:Marines.jpg|link=Corps des Marines]]

Marines.jpg

  • Peu utilisé.
  • La page de destination s'affiche lorsque le curseur est laissé sur l'image.
  • Si l'attribut thumb est utilisé en plus du lien, le symbole en bas à droite de l'image donnera accès à la page de l'image même si l'image en elle-même est associée à une autre page.


Texte alternatif[modifier]

[[Fichier:Marines.jpg|Corps des Marines]]

Corps des Marines

  • Peu utilisé.
  • Sans attribut thumb, le texte s'affiche lorsque le curseur est laissé sur l'image, ce qui nuit à la visibilité du texte.
  • Le texte s'affiche à la place de l'image lorsque le visiteur a des problèmes pour la visualiser. Il est également lu à la place du nom de l'image par les logiciels lecteurs pour non-voyants.


Image Map[modifier]

Le contenu des images dans les articles peut être identifié avec des annotations cliquables apparaissant au survol de la souris.

<imagemap>
Fichier:HODST Alpha-Nine 02.jpg|center|400px
circle 370 370 150 [[Le Bleu]]
rect 1254 255 1515 550 [[Edward Buck]]
</imagemap>

Le BleuEdward BuckHODST Alpha-Nine 02.jpg
À propos de cette image
  • Les paramètres acceptés sont :
    • desc : indique où placer l'icône bleue permettant d'accéder à la page de l'image. Accepte les valeurs top-right, bottom-right, bottom-left, top-left et none.
    • rect : dessine un rectangle cliquable délimité par quatre valeurs correspond aux positions x et y des sommets en haut à gauche et en bas à gauche.
    • poly : dessine un polygone cliquable délimité par le nombre voulu de valeurs corresponds aux positions x et y de ses sommets.
    • circle : dessine un cercle cliquable délimité par les coordonnées x et y de son centre et son diamètre.
    • default : lien accessible en cliquant hors des zones explicitement définies sur l'image.
  • Toutes les valeurs des zones cliquables doivent être exprimées en pixels correspondant à la taille d'origine de l'image.
  • Ouvrez l'image dans un logiciel de manipulation d'image comme Gimp pour déterminer les coordonnées voulues.


Pages liées[modifier]