|
m |
(17 révisions intermédiaires masquées) |
Ligne 4 : |
Ligne 4 : |
| 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> | | 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> |
| | | |
- | En réalité, deux cas de figure existe : | + | En réalité, deux cas de figure existent : |
| * soit l'image figure déjà sur le serveur du site | | * soit l'image figure déjà sur le serveur du site |
| * soit il faut la télécharger | | * soit il faut la télécharger |
| | | |
| == Trouver ou télécharger l'image == | | == Trouver ou télécharger l'image == |
- | === L'image figure déjà sur le site === | + | === 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>'''. | | 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>'''. |
| | | |
Ligne 23 : |
Ligne 23 : |
| | | |
| == Comment faire apparaître l'image sur une page == | | == 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> |
Ligne 30 : |
Ligne 31 : |
| [[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 50 : |
Ligne 51 : |
| <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 === | + | ==== 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> | | 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> | | Ce qui donne :<br> |
Ligne 56 : |
Ligne 57 : |
| | | |
| <div style="clear:both;"></div> | | <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 == | | == Taille de l'image à télécharger == |
- | Sur un wiki, une image ne doit pas nécessairement être téléchargée à la dimension qu'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 : | + | 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]] | | * [[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 - FAQ#26- La série existe-t-elle en DVD ?|Page FAQ]] |
Ligne 67 : |
Ligne 89 : |
| 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> | | 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 : | | Quelques exemples : |
- | * les captures d'écran feront souvent 900px de large (comme dans les guides des épisodes, les images venant de World's Finest...) | + | * 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. | | * 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 persos (par exemple de figurines). 800 ou 900px de large semble suffisant et le poids ne doit pas être trop important (mais l'image doit rester de bonne qualité). | + | * 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).}}''' | | '''{{Rouge|Attention, de préférence, les images seront en .jpg ! (.gif est utilisé uniquement pour les icônes).}}''' |
Ligne 75 : |
Ligne 97 : |
| == Nom à donner à une image avant de la télécharger == | | == 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> | | 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> |
- | Le plus efficace consiste à regarder quel genre de nom possède une image du même style. <br>
| |
| Voici tout de même quelques exemples (la liste ci-dessous peut être allongée par chacun): | | 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 en abrégé (BTAS, SS, ZP...) puis le nom de la rubrique (Genèse, Histoire...), voire un numéro si nécessaire (1, 2...). | + | * 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 '''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 personnages portent le prénom puis le nom du personnage (Leslie Thompkins.jpg) ou son surnom (Le Joker). 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èse. Par exemple : Batman.jpg désigne le Batman du DCAU alors que Batman (The Batman).jpg désigne celui de The Batman. | + | * 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 == | | == Conclusion == |
| Si vous avez d'autres questions, n'hésitez pas à les poser sur le forum. <br> | | 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]]. | | D'autres pages d'aide sont également disponibles via la page [[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.
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 :
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.
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]]
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.
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 :
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...
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
Il suffit de remplacer les xxx par le nom de l'image et Texte... par le texte voulu !
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 :
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):