De La Tour des Héros.
(Différences entre les versions)
|
m |
| (34 révisions intermédiaires masquées) |
| Ligne 1 : |
Ligne 1 : |
| - | {{Homonyme|uniquement l'utilisation des images|voir les différentes pages d'aide aux rédacteurs|Aide:Aide}} | + | {{complète}} {{Homonyme|uniquement l'utilisation des images|voir les différentes pages d'aide aux rédacteurs|Aide:Aide}} |
| | Cette page a pour but d'expliquer comment utiliser les images sur le wiki. | | Cette page a pour but d'expliquer comment utiliser les images sur le wiki. |
| | | | |
| - | Pour qu'une image s'affiche sur une page du wiki, il faut qu'elle soit enregistrée sur le serveur de LTDH. Ce n'est pas comme un forum où l'on peut afficher une image qui se trouve sur un autre site avec une simple adresse url. Soit l'image figure déjà sur le serveur du site, soit il faut la télécharger. | + | Pour qu'une image s'affiche sur une page du wiki, il faut qu'elle soit enregistrée sur le serveur de LTDH. Ce n'est donc pas comme sur un forum où l'on peut afficher une image qui se trouve sur un autre site en collant une simple adresse url. <br> |
| | | | |
| - | == L'image figure déjà sur le site ==
| + | En réalité, deux cas de figure existent : |
| - | En bas de chaque page du wiki, dans le pied de page, on trouve un lien '''Pages spéciales'''. En cliquant dessus, on trouve de nombreux liens. Sous le titre Liste des pages, on trouve le lien Catégories qui nous donne une liste de catégories. Certaines comportent le mot Image dans leur nom, ce qui peut aider à retrouver une image existante. Par exemple, si je chercher une image de Batman, je peux aller voir dans [[Catégorie:Images Personnages Batman TAS]]. Toute une série d'images vont alors s'afficher. Il faut alors cliquer sur l'image pour qu'apparaisse sa fiche de description. En haut, le titre de la page donne le nom exact. Ici, pour Batman, il s'agit de<nowiki> Image:Batman.jpg</nowiki>
| + | * soit l'image figure déjà sur le serveur du site |
| | + | * soit il faut la télécharger |
| | | | |
| | + | == Trouver ou télécharger l'image == |
| | + | === L'image figure déjà sur le wiki === |
| | + | En bas de chaque page du wiki, dans le pied de page, on trouve un lien '''Pages spéciales'''. En cliquant dessus, on trouve de nombreux liens. Sous le titre '''Liste des pages''', on trouve le lien '''Catégories''' qui nous donne une liste de catégories. Certaines comportent le mot "Image" dans leur nom, ce qui peut aider à retrouver une image existante. Par exemple, si je cherche une image de Batman, je peux aller voir dans [[:Catégorie:Images Personnages Batman TAS]]. Toute une série d'images vont alors s'afficher. Il faut alors cliquer sur l'image pour qu'apparaisse sa fiche de description. En haut, le titre de la page donne le nom exact de l'image. Ici, pour Batman, il s'agit de '''<nowiki> Image:Batman.jpg</nowiki>'''. |
| | + | |
| | + | === L'image doit être téléchargée === |
| | + | Et si l'image ne figure pas déjà sur le serveur ? Il faut tout simplement la télécharger. Pour cela, il suffit d'aller en bas de page, de cliquer sur '''Importer un fichier'''.<br> |
| | + | Apparaît alors un tableau : |
| | + | * Cliquer sur '''Parcourir''' et sélectionner l'image (qui doit absolument se trouver sur votre ordinateur). |
| | + | * La partie '''Nom sous lequel le fichier sera enregistré''' se complète automatiquement. |
| | + | * Dans la partie description, il est conseillé de catégoriser l'image (c'est-à-dire la classer - Voir [[Aide:Catégorie]]). |
| | + | * Enfin, il suffit de cliquer sur''' Importer un fichier''' |
| | + | |
| | + | La page de description de l'image va apparaître, et en haut, comme titre, le nom de l'image à utiliser pour qu'elle s'affiche. |
| | + | |
| | + | == Comment faire apparaître l'image sur une page == |
| | + | === I. Positionnement classique === |
| | Pour qu'une image apparaisse sur une page, c'est très simple. Il suffit d'entourer son nom de double crochets, de cette manière : | | Pour qu'une image apparaisse sur une page, c'est très simple. Il suffit d'entourer son nom de double crochets, de cette manière : |
| | <nowiki>[[Image:Batman.jpg]]</nowiki> | | <nowiki>[[Image:Batman.jpg]]</nowiki> |
| | | | |
| - | L'image apparaît alors de cette manière : | + | L'image apparaît alors : |
| | | | |
| | [[Image:Batman.jpg]] | | [[Image:Batman.jpg]] |
| | | | |
| - | === Taille de l'image === | + | ==== Taille de l'image ==== |
| | Vous la trouvez un peu trop grande ? Pas de problème. Il suffit d'indiquer <nowiki>|200px</nowiki> derrière le nom de la page. Comme ceci : <nowiki>[[Image:Batman.jpg|200px]]</nowiki>, ce qui donne <br> | | Vous la trouvez un peu trop grande ? Pas de problème. Il suffit d'indiquer <nowiki>|200px</nowiki> derrière le nom de la page. Comme ceci : <nowiki>[[Image:Batman.jpg|200px]]</nowiki>, ce qui donne <br> |
| | | | |
| | [[Image:Batman.jpg|200px]] | | [[Image:Batman.jpg|200px]] |
| | | | |
| - | Bien entendu, 200px n'est qu'un exemple. On peut utiliser n'importe quel nombre (enfin, en restant raisonnable). Il s'agit en fait de la largeur de l'image. | + | Bien entendu, 200px n'est qu'un exemple. On peut utiliser n'importe quel nombre (enfin, en restant raisonnable). Il s'agit en fait de la largeur de l'image. Pour pouvoir agir sur la hauteur de l'image, il faut ajouter un x devant la mesure, <nowiki>|x200px</nowiki>. L'image aura une hauteur de 200px. |
| | | | |
| - | === Positionnement de l'image === | + | ==== Positionnement de l'image ==== |
| | Par défaut, une image se place à gauche. Mais avec |center ou |right, elle peut se placer au centre ou à droite. Donc <nowiki>[[Image:Batman.jpg|100px|center]]</nowiki> et<nowiki> [[Image:Batman.jpg|100px|right]]</nowiki> donneront : | | Par défaut, une image se place à gauche. Mais avec |center ou |right, elle peut se placer au centre ou à droite. Donc <nowiki>[[Image:Batman.jpg|100px|center]]</nowiki> et<nowiki> [[Image:Batman.jpg|100px|right]]</nowiki> donneront : |
| | [[Image:Batman.jpg|100px|center]] | | [[Image:Batman.jpg|100px|center]] |
| | [[Image:Batman.jpg|100px|right]] | | [[Image:Batman.jpg|100px|right]] |
| | <div style="clear:both;"></div> | | <div style="clear:both;"></div> |
| - | === Positionnement dans un paragraphe === | + | ==== Positionnement dans un paragraphe ==== |
| - | Attention, petit détail esthétique, lorsqu'on place une image dans un paragraphe, il faut appuyer une fois sur Enter. Aussi non le texte ne se justifie pas correctement. <br>Donc, on écrira :<br> | + | Attention, petit détail esthétique, lorsqu'on place une image dans un paragraphe, il faut appuyer une fois sur Enter. Sans cela, le texte ne se justifie pas correctement. <br>Donc, on écrira :<br> |
| | <nowiki>[[Image:Batman.jpg|200px]]</nowiki><br> | | <nowiki>[[Image:Batman.jpg|200px]]</nowiki><br> |
| | Batman est le justicier de Gotham... | | Batman est le justicier de Gotham... |
| Ligne 33 : |
Ligne 50 : |
| | et non<br> | | et non<br> |
| | <nowiki>[[Image:Batman.jpg|200px]]</nowiki>Batman est le justicier de Gotham... | | <nowiki>[[Image:Batman.jpg|200px]]</nowiki>Batman est le justicier de Gotham... |
| | + | |
| | + | ==== Ajouter un cadre et une légende ==== |
| | + | Pas de difficulté, il suffit d'ajouter |thumb| puis la légende : '''<nowiki>[[Image:Batman.jpg|100px|thumb|Batman]]</nowiki>''' <br> |
| | + | Ce qui donne :<br> |
| | + | [[Image:Batman.jpg|100px|left|thumb|Batman]] |
| | + | |
| | + | <div style="clear:both;"></div> |
| | + | |
| | + | === II. Positionnement en cadres === |
| | + | Il est aussi possible de positionner une ou plusieurs images sur le côté, sans cadre et sans légende, comme dans les FAQ, les guides des épisodes ou dans des articles comme [[Batman#La Genèse du Justicier solitaire|ici]] |
| | + | |
| | + | on peut utiliser cette formule : |
| | + | <nowiki>{{col-begin-big}} |
| | + | {{col-i-guide}} |
| | + | [[Image:xxx.jpg]] |
| | + | {{col-resumé}} |
| | + | Texte Texte Texte... |
| | + | {{col-end}}</nowiki> |
| | + | |
| | + | Il suffit de remplacer les xxx par le nom de l'image et Texte... par le texte voulu ! |
| | + | |
| | + | On peut inverser le code pour que l'image s'affiche à droite : |
| | + | <nowiki>{{col-begin-big}} |
| | + | {{col-i-guide}} |
| | + | {{col-resumé}} |
| | + | Texte Texte Texte... |
| | + | [[Image:xxx.jpg]] |
| | + | {{col-end}}</nowiki> |
| | + | |
| | + | == Taille de l'image à télécharger == |
| | + | Sur un wiki, une image ne doit pas nécessairement être téléchargée à la dimension à laquelle on veut l'afficher. Par exemple, cette image [[:Image:DVD BTAS Coffret1.jpg]] (cliquer pour la voir) a été téléchargée avec une taille de 891 × 951 pixels, une fois pour toutes. On la retrouve sur plusieurs pages, avec des tailles différentes : |
| | + | * [[Joyeux Noël Batman#DVD et VHS|Page épisode]] |
| | + | * [[Batman : La Série animée - FAQ#26- La série existe-t-elle en DVD ?|Page FAQ]] |
| | + | * [[Batman : La Série animée - Médias|Page médias]] |
| | + | |
| | + | Il s'agit toujours de la même image, téléchargée une seule fois, mais affichée à des tailles différentes. |
| | + | |
| | + | Et en cliquant dessus, l'internaute peut l'agrandir et mieux l'observer. Il est donc préférable de garder les images en grande taille (et de ne pas les compresser, ou très peu, pour ne pas qu'elles perdent en qualité). <br> |
| | + | Quelques exemples : |
| | + | * les captures auront souvent une largeur devant se situer entre 530 et 650 px pour les séries diffusées en 4/3. Pour les séries diffusées en 16/9 (comme JL, LOSH, DC Movies ou Batman: The Brave & the Bold), la largeur peut aller jusque 860px (mais les bandes noires doivent être "enlevées"). |
| | + | * les images de promo des épisodes (comme celles qui sont régulièrement véhiculées sur Batman: The Brave & The Bold) garderont leur grande taille de 2000px de large. |
| | + | * Attention avec les photos personnelles (par exemple de figurines). 600 ou 700px de large semble suffisant et le poids ne doit pas être trop important (mais l'image doit rester de bonne qualité). |
| | + | |
| | + | '''{{Rouge|Attention, de préférence, les images seront en .jpg ! (.gif est utilisé uniquement pour les icônes).}}''' |
| | + | |
| | + | == Nom à donner à une image avant de la télécharger == |
| | + | Lorsqu'on télécharge une image depuis son ordinateur, il faut veiller à ce que celle-ci porte un nom cohérent. Pas question de télécharger un fichier 02548946578.jpg ou Batman256.jpg.<br> |
| | + | Voici tout de même quelques exemples (la liste ci-dessous peut être allongée par chacun): |
| | + | * les images des pages '''Séries''' portent le nom de la série (Batman TAS, Projet Zeta, Ligue des Justiciers...) puis le nom de la rubrique (Présentation, Genèse, Histoire...), voire un numéro si nécessaire (Histoire 1, Histoire 2...). |
| | + | * les images des '''guides''' portent simplement le titre VF complet de l'épisode (avec accents) mais sans ponctuation (? ; ou ! sont impossibles dans un nom de fichier). Attention aux titres d'épisodes qui sont aussi des noms de personnages. Par exemple, l'image de l'épisode Toyman s'intitule ''Toyman (épisode).jpg'' pour ne pas se confondre avec ''Toyman.jpg'' (l'image du personnage dans le trombinoscope). |
| | + | * les images des '''fiches épisodes''' portent le titre de l'épisode suivi d'un numéro (par exemple pour la galerie d'images : ''Joyeux Noël Batman 01.jpg'', ''Joyeux Noël Batman 02.jpg'') ou d'une indication sur la scène (''Joyeux Noël Batman sapin volant.jpg''). |
| | + | * les images '''personnages''' portent le prénom puis le nom du personnage (''Leslie Thompkins.jpg'') ou son surnom (''Le Joker.jpg''). Pour les personnages connaissant d'autres interprétations dans d'autres séries, les personnages hors DCAU voient le nom de la série en parenthèses. Par exemple : ''Batman.jpg'' désigne le Batman du DCAU alors que ''Batman (The Batman).jpg'' désigne celui de '''''The Batman'''''. |
| | + | * les images de couvertures de '''magazines''' recueillant plusieurs histoires portent le nom du magazine puis son numéro. |
| | + | * les images de couvertures des '''magazines originaux''' portent le nom de l'histoire qu'ils contiennent. |
| | + | * les '''figurines''' portent le nom complet de la figurine (''Combat Belt Batman.jpg'') et une indication derrière si nécessaire (''Combat Belt Batman Loose1.jpg'' ...). |
| | + | |
| | + | == Conclusion == |
| | + | Si vous avez d'autres questions, n'hésitez pas à les poser sur le forum. <br> |
| | + | D'autres pages d'aide sont également disponibles via la page [[Aide:Aide]]. |
Version actuelle
Cet article concerne uniquement l'utilisation des images. Pour voir les différentes pages d'aide aux rédacteurs, voir
Aide:Aide.
Cette page a pour but d'expliquer comment utiliser les images sur le wiki.
Pour qu'une image s'affiche sur une page du wiki, il faut qu'elle soit enregistrée sur le serveur de LTDH. Ce n'est donc pas comme sur un forum où l'on peut afficher une image qui se trouve sur un autre site en collant une simple adresse url.
En réalité, deux cas de figure existent :
- soit l'image figure déjà sur le serveur du site
- soit il faut la télécharger
Trouver ou télécharger l'image
L'image figure déjà sur le wiki
En bas de chaque page du wiki, dans le pied de page, on trouve un lien Pages spéciales. En cliquant dessus, on trouve de nombreux liens. Sous le titre Liste des pages, on trouve le lien Catégories qui nous donne une liste de catégories. Certaines comportent le mot "Image" dans leur nom, ce qui peut aider à retrouver une image existante. Par exemple, si je cherche une image de Batman, je peux aller voir dans Catégorie:Images Personnages Batman TAS. Toute une série d'images vont alors s'afficher. Il faut alors cliquer sur l'image pour qu'apparaisse sa fiche de description. En haut, le titre de la page donne le nom exact de l'image. Ici, pour Batman, il s'agit de Image:Batman.jpg.
L'image doit être téléchargée
Et si l'image ne figure pas déjà sur le serveur ? Il faut tout simplement la télécharger. Pour cela, il suffit d'aller en bas de page, de cliquer sur Importer un fichier.
Apparaît alors un tableau :
- Cliquer sur Parcourir et sélectionner l'image (qui doit absolument se trouver sur votre ordinateur).
- La partie Nom sous lequel le fichier sera enregistré se complète automatiquement.
- Dans la partie description, il est conseillé de catégoriser l'image (c'est-à-dire la classer - Voir Aide:Catégorie).
- Enfin, il suffit de cliquer sur Importer un fichier
La page de description de l'image va apparaître, et en haut, comme titre, le nom de l'image à utiliser pour qu'elle s'affiche.
Comment faire apparaître l'image sur une page
I. Positionnement classique
Pour qu'une image apparaisse sur une page, c'est très simple. Il suffit d'entourer son nom de double crochets, de cette manière :
[[Image:Batman.jpg]]
L'image apparaît alors :
Taille de l'image
Vous la trouvez un peu trop grande ? Pas de problème. Il suffit d'indiquer |200px derrière le nom de la page. Comme ceci : [[Image:Batman.jpg|200px]], ce qui donne
Bien entendu, 200px n'est qu'un exemple. On peut utiliser n'importe quel nombre (enfin, en restant raisonnable). Il s'agit en fait de la largeur de l'image. Pour pouvoir agir sur la hauteur de l'image, il faut ajouter un x devant la mesure, |x200px. L'image aura une hauteur de 200px.
Positionnement de l'image
Par défaut, une image se place à gauche. Mais avec |center ou |right, elle peut se placer au centre ou à droite. Donc [[Image:Batman.jpg|100px|center]] et [[Image:Batman.jpg|100px|right]] donneront :
Positionnement dans un paragraphe
Attention, petit détail esthétique, lorsqu'on place une image dans un paragraphe, il faut appuyer une fois sur Enter. Sans cela, le texte ne se justifie pas correctement.
Donc, on écrira :
[[Image:Batman.jpg|200px]]
Batman est le justicier de Gotham...
et non
[[Image:Batman.jpg|200px]]Batman est le justicier de Gotham...
Ajouter un cadre et une légende
Pas de difficulté, il suffit d'ajouter |thumb| puis la légende : [[Image:Batman.jpg|100px|thumb|Batman]]
Ce qui donne :
II. Positionnement en cadres
Il est aussi possible de positionner une ou plusieurs images sur le côté, sans cadre et sans légende, comme dans les FAQ, les guides des épisodes ou dans des articles comme ici
on peut utiliser cette formule :
{{col-begin-big}}
{{col-i-guide}}
[[Image:xxx.jpg]]
{{col-resumé}}
Texte Texte Texte...
{{col-end}}
Il suffit de remplacer les xxx par le nom de l'image et Texte... par le texte voulu !
On peut inverser le code pour que l'image s'affiche à droite :
{{col-begin-big}}
{{col-i-guide}}
{{col-resumé}}
Texte Texte Texte...
[[Image:xxx.jpg]]
{{col-end}}
Taille de l'image à télécharger
Sur un wiki, une image ne doit pas nécessairement être téléchargée à la dimension à laquelle on veut l'afficher. Par exemple, cette image Image:DVD BTAS Coffret1.jpg (cliquer pour la voir) a été téléchargée avec une taille de 891 × 951 pixels, une fois pour toutes. On la retrouve sur plusieurs pages, avec des tailles différentes :
Il s'agit toujours de la même image, téléchargée une seule fois, mais affichée à des tailles différentes.
Et en cliquant dessus, l'internaute peut l'agrandir et mieux l'observer. Il est donc préférable de garder les images en grande taille (et de ne pas les compresser, ou très peu, pour ne pas qu'elles perdent en qualité).
Quelques exemples :
- les captures auront souvent une largeur devant se situer entre 530 et 650 px pour les séries diffusées en 4/3. Pour les séries diffusées en 16/9 (comme JL, LOSH, DC Movies ou Batman: The Brave & the Bold), la largeur peut aller jusque 860px (mais les bandes noires doivent être "enlevées").
- les images de promo des épisodes (comme celles qui sont régulièrement véhiculées sur Batman: The Brave & The Bold) garderont leur grande taille de 2000px de large.
- Attention avec les photos personnelles (par exemple de figurines). 600 ou 700px de large semble suffisant et le poids ne doit pas être trop important (mais l'image doit rester de bonne qualité).
Attention, de préférence, les images seront en .jpg ! (.gif est utilisé uniquement pour les icônes).
Nom à donner à une image avant de la télécharger
Lorsqu'on télécharge une image depuis son ordinateur, il faut veiller à ce que celle-ci porte un nom cohérent. Pas question de télécharger un fichier 02548946578.jpg ou Batman256.jpg.
Voici tout de même quelques exemples (la liste ci-dessous peut être allongée par chacun):
- les images des pages Séries portent le nom de la série (Batman TAS, Projet Zeta, Ligue des Justiciers...) puis le nom de la rubrique (Présentation, Genèse, Histoire...), voire un numéro si nécessaire (Histoire 1, Histoire 2...).
- les images des guides portent simplement le titre VF complet de l'épisode (avec accents) mais sans ponctuation (? ; ou ! sont impossibles dans un nom de fichier). Attention aux titres d'épisodes qui sont aussi des noms de personnages. Par exemple, l'image de l'épisode Toyman s'intitule Toyman (épisode).jpg pour ne pas se confondre avec Toyman.jpg (l'image du personnage dans le trombinoscope).
- les images des fiches épisodes portent le titre de l'épisode suivi d'un numéro (par exemple pour la galerie d'images : Joyeux Noël Batman 01.jpg, Joyeux Noël Batman 02.jpg) ou d'une indication sur la scène (Joyeux Noël Batman sapin volant.jpg).
- les images personnages portent le prénom puis le nom du personnage (Leslie Thompkins.jpg) ou son surnom (Le Joker.jpg). Pour les personnages connaissant d'autres interprétations dans d'autres séries, les personnages hors DCAU voient le nom de la série en parenthèses. Par exemple : Batman.jpg désigne le Batman du DCAU alors que Batman (The Batman).jpg désigne celui de The Batman.
- les images de couvertures de magazines recueillant plusieurs histoires portent le nom du magazine puis son numéro.
- les images de couvertures des magazines originaux portent le nom de l'histoire qu'ils contiennent.
- les figurines portent le nom complet de la figurine (Combat Belt Batman.jpg) et une indication derrière si nécessaire (Combat Belt Batman Loose1.jpg ...).
Conclusion
Si vous avez d'autres questions, n'hésitez pas à les poser sur le forum.
D'autres pages d'aide sont également disponibles via la page Aide:Aide.
