Objet: images
Un article de ReseauGerontologiqueAutunois.
< retour Syntaxe
 attention |
Sommaire |
forme
Copier une Image ou un fichier sur le serveur
Pour télécharger une image ou n'importe quel autre fichier sur le serveur, il faut passer par la page Copier sur le serveur
Les informations demandées pendant le téléchargement sont :
- Le nom du fichier local (Nom du fichier à envoyer)
- Le nom d'origine (sur votre ordinateur) de l'image a peu d'importance, il est possible de renommer l'image pendant le téléchargement.
- Le nom du fichier une fois téléchargé (Nom sous lequel le fichier sera enregistré)
- Les noms des images sont sensibles à la casse, en particulier l'extension. Le logiciel convertit automatiquement les espaces en soulignements et les caractères spéciaux.
- Il convient de s'assurer que le Nom de l'image téléchargé n'existe pas déja en allant voir sur Pages spéciales, liste des images, sinon, le fichier téléchargé remplacera le fichier existant.
- MediaWiki permet d'insérer les formats suivant dans les pages :
- Les images, aux formats
- *.png
- *.gif
- *.jpg
- *.jpeg
- Les sons au format ogg.
- Les images, aux formats
- Il peut y avoir une limite de taille, souvent de 6,5 Mo.
- Le résumé (Description), qui composera la description de l'image une fois téléchargé. Il peut inclure les informations sur le fichier, sa licence, une catégorie, etc. La page de description peut être modifiée ultérieurement.
Inserer une Image ou un fichier dans une page
La syntaxe se décompose en 3 zones:
- Image:Nom de l'image
- Le nom de l'image correspond au libellé de celle-ci sur le serveur, ne pas oublier le suffixe
- Seul le nom de l'image est obligatoire, le reste est facultatif.
- Options
- De position, de taille et de cadre de l'image
- Légende
- Soit une texte court, soit sous forme de lien
- Pour ne pas mettre de légende, il suffit de ne rien mettre entre la dernière pipe | et la balise fermante ]]
taille
Facteur multiplicateur
Taille
cadre
Option "thumb"
Option "frame"
couleur
Voir Tableau des codes couleurs
rapport avec les autres objets
Galerie d'images
RGA |
RGA |
RGA |
RGA |
Texte superposé à une image
Code de l'image ci-dessus
<center>
{|
|<div style="position: relative">[[Image:Encephale.PNG|Encéphale]]
<div style="position: absolute; left: 0px; top: 72px">
{| style="background:transparent"
|[[Objet: images#rapport avec les autres objets|Ventricules latéraux]]
|}</div>
<div style="position: absolute; left: 60px; top: 104px">
{| style="background:transparent"
|[[Objet: images#rapport avec les autres objets|Thalamus]]
|}</div>
-----------------------------------------------------------------------
-----------------------------------------------------------------------
<div style="position: absolute; left: 326px; top: 141px">
{| style="background:transparent"
|[[Objet: images#rapport avec les autres objets|Noyau caudé (Queue)]]
|}</div>
</div>
|}
</center>
position
Pour que le texte occupe de nouveau toute la largeur après une image, il faut insérer le code <br style="clear:both;" />. Ceci empêche le texte qui suit de flotter.
On peut utiliser egalement le modèle {{Clr}}
Image au centre
Avec l'option center, l'image est centrée et le texte recommence en-dessous de l'image :
|
Image au Centre Texte dessous |
Image a droite
L'option right place l'image à droite. Le texte qui suit flotte à sa gauche. Par contre, si une autre image suit, elle est placée à droite à nouveau, sous la première.
|
Image à Droite Texte à gauche |
Image a gauche
L'option left place l'image à gauche. Le texte qui suit est flottant à droite de l'image.
Si une seconde image est placée immédiatement après, elle se trouve juste à droite de la première.
S'il y a du texte entre les deux images, alors la deuxième image est en bas à droite de la première, sous le texte.
|
Image à Gauche Texte à droite |
Option none
Avec l'option none, l'image se trouve à gauche, mais le texte commence en-dessous de l'image :
Le positionnement absolu
Un élément en position absolu ne reçoit aucun espace réservé dans le document. Cela signifie qu'il ne laisse aucun espace vide après qu'il soit positionné.
Par conséquent, il sera nécessaire de lui en prevoir un, si il n'est pas souhaitable qu'il chevauche un autre élement du texte.
<div style="position: absolute; left: 300px; bottom: 500px">XXXXxxXXXX</div>
On place un élément en position absolue en fixant la valeur de la propriété position à "absolute". On peut alors utiliser les propriétés left, right, top et bottom pour placer l'objet concerné.
Le positionnement relatif
On place un élément en position relative en fixant la valeur de la propriété position à "relative". La différence entre position absolue et position relative tient à la façon dont la position est calculée.
<div style="position: relative; left: 300px; top: 140px">XXXXyyXXXX</div>
Pour un élément en position relative, elle est calculée d'après sa position originale dans le document. Cela signifie que l'on déplace l'élément vers la droite, la gauche, le haut ou le bas. Ainsi, l'élément obtient toujours un espace dans le document après qu'il soit positionné.
Remarquez l'espace vide laissé dans le document :
