|
|
| (15 révisions intermédiaires masquées) |
| Ligne 1 : |
Ligne 1 : |
| - | * '''Explication à suivre étape par étape :'''
| + | == '''Avant toute chose : la taille de l'image''' == |
| | | | |
| - | #Copier, puis coller le texte qui suit dans la page où vous avez mis l'image.
| + | *Le site ne supporte pas les images trop grosses. Il ne faut pas dépasser '''200ko''' pour une image. |
| | + | |
| | + | *Pour redimensionner facilement une image, je conseille d'utiliser un logiciel gratuit: ''photofiltre''. |
| | + | |
| | + | *Il est très léger (2Mo). [http://photofiltre.free.fr/utils/pf-setup.exe Télécharger photofiltre] |
| | + | |
| | + | * Pour changer la taille d'une image aller dans: ''Image'' -> "Taille de l'image" et mettre comme résolution MAXIMALE: 1024 pixels de largeur (la hauteur s'adapte automatiquement.) Enregistrer les images en '''.jpg''' |
| | + | |
| | + | Exemple: |
| | + | |
| | + | {| |
| | + | |- |
| | + | |{{Image |
| | + | |nom de l'image=Taille de l'image |
| | + | |extension=jpg |
| | + | |commentaire=Aller dans taille de l'image |
| | + | }} |
| | + | |
| | + | |{{Image |
| | + | |nom de l'image=1024 de largeur max |
| | + | |extension=jpg |
| | + | |commentaire=Choisir en largeur maximale 1024 pixels |
| | + | }} |
| | + | |
| | + | |{{Image |
| | + | |nom de l'image=Compresser |
| | + | |extension=jpg |
| | + | |commentaire=Et compresser à 80% ou plus lors de la sauvegarde (si nécessaire) |
| | + | }} |
| | + | |
| | + | |- |
| | + | |} |
| | + | |
| | + | == '''Explication à suivre étape par étape :''' == |
| | + | |
| | + | *Copier, puis coller le texte qui suit dans la page où vous voulez placer l'image. |
| | <pre> | | <pre> |
| | {{Image | | {{Image |
| Ligne 9 : |
Ligne 44 : |
| | }} | | }} |
| | </pre> | | </pre> |
| - | ##Après le nom de l'image, mettre le nom exact que vous avez donné à l'image
| + | #Après le nom de l'image, mettre le nom que vous voulez donner à l'image (pas obligatoirement la même que le celui qu'elle à sur votre ordinateur) |
| - | ##Après extension, mettre la bonne extension (ex: jpg, gif, ...)
| + | #Après extension, mettre la bonne extension (ex: jpg, gif, ...) |
| - | ##Après commentaire, écrire ce que vous voulez qu'il s'affiche dans le cadre de l'image
| + | #Après commentaire, écrire ce que vous voulez qu'il s'affiche dans le cadre de l'image<br> |
| | + | ''Exemple:'' |
| | + | <pre> |
| | + | {{Image |
| | + | |nom de l'image=exemple de commentaire |
| | + | |extension=jpg |
| | + | |commentaire=Voilà un exemple de commentaire |
| | + | }} |
| | + | </pre> |
| | + | *Appuyer sur le bouton sauvegarder |
| | + | #Le nom que vous avez donné à l'image apparaît en rouge.<br> |
| | + | Exemple: [[Image:avant d'ajouter l'image.jpg]] |
| | + | #Cliquer dessus |
| | + | #Cette fenêtre apparaît : [[Image:importer une image.jpg|thumb|600px|center|]] |
| | + | #Cliquer sur parcourir pour trouver l'image désirée dans votre ordinateur |
| | + | #Cliquer sur importer le fichier |
| | + | #Vous venez d'ajouter une image sur le site ! |
| | + | *Pour revenir a la page où vous étiez, cliquer sur le texte qui se trouve en dessous de ça: [[Image:retourner à la page.jpg]] |
| | | | |
| - | [[Image:exemple de commentaire.jpg]]
| + | '''Et voilà un exemple du résultat:''' |
| | | | |
| | {{Image | | {{Image |
| Ligne 22 : |
Ligne 74 : |
| | | | |
| | | | |
| - | == Méthode générale (sans mis en page programmée) == | + | == '''Comment mettre en page les images''' == |
| | | | |
| | + | *Pour faire des lignes d'images s'inspirer du code ci-dessous: |
| | | | |
| | + | <pre> |
| | + | {| |
| | + | |- |
| | + | |{{Image |
| | + | |nom de l'image=exemple de commentaire |
| | + | |extension=jpg |
| | + | |commentaire=Voilà un exemple de commentaire |
| | + | }} |
| | | | |
| - | #Appuyer sur ce bouton : [[Image:bouton image.png]]
| + | |{{Image |
| - | # Le texte suivant va s'afficher: [[Image:Exemple.jpg]]
| + | |nom de l'image=exemple de commentaire |
| - | ## Remplacer le mot "Exemple" par le nom que l'on veut donner à l'image
| + | |extension=jpg |
| - | ## Remplacer le mot "jpg" par l'extension du fichier: jpg, gif, ...)
| + | |commentaire=Voilà un exemple de commentaire |
| - | #Appuyer sur le bouton sauvegarder
| + | }} |
| - | #Ce que vous venez d'écrire apparaît en rouge
| + | |
| - | ##Cliquer dessus
| + | |{{Image |
| - | ## Cette fenêtre apparaît : [[Image:importer une image.jpg|thumb|600px|center|]]
| + | |nom de l'image=exemple de commentaire |
| - | ##Cliquer sur parcourir pour trouver l'image désirée dans votre ordinateur
| + | |extension=jpg |
| - | ##Ajouter un commentaire si on veut (pas obligatoire)
| + | |commentaire=Voilà un exemple de commentaire |
| - | ##Cliquer sur importer le fichier
| + | }} |
| - | #Vous venez d'ajouter une image sur le site !
| + | |- |
| - | #Pour revenir a la page où on était, cliquer sur le texte qui se trouve en dessous de ça: [[Image:retourner à la page.jpg]]
| + | |} |
| | + | </pre> |
| | + | |
| | + | '''Et voilà un exemple du résultat:''' |
| | + | |
| | + | {| |
| | + | |- |
| | + | |{{Image |
| | + | |nom de l'image=exemple de commentaire |
| | + | |extension=jpg |
| | + | |commentaire=Voilà un exemple de commentaire |
| | + | }} |
| | + | |
| | + | |{{Image |
| | + | |nom de l'image=exemple de commentaire |
| | + | |extension=jpg |
| | + | |commentaire=Voilà un exemple de commentaire |
| | + | }} |
| | + | |
| | + | |{{Image |
| | + | |nom de l'image=exemple de commentaire |
| | + | |extension=jpg |
| | + | |commentaire=Voilà un exemple de commentaire |
| | + | }} |
| | + | |- |
| | + | |} |
| | + | |
| | + | |
| | + | '''Cela consiste seulement à faire ceci:''' |
| | + | |
| | + | <pre> |
| | + | {| |
| | + | |- |
| | + | | Image 1 |
| | + | | Image 2 --> ligne 1 |
| | + | | Image 3 |
| | + | |- |
| | + | | Image 4 |
| | + | | Image 5 --> ligne 2 |
| | + | | Image 6 |
| | + | |- |
| | + | |} |
| | + | </pre> |
| | + | |
| | + | '''NOTE:''' Pour modifier un page cliquer sur le bouton Modifier qui se situe dans la barre grise tout en bas de la page, ou double cliquer sur la page que l'on veut modifier. |
