Accueil > Divers articles à accès réservé > Rubrique destinée uniquement aux administrateurs pour la gestion du (...) > Subtilités pour la mise en place d’image dans les pages

Subtilités pour la mise en place d’image dans les pages

par Jean-Jacques BUIGNE fondateur de l’UFA

Cette page n’a aucune signification pour le public : Elle ne sert que de page test aux administrateur du site de l’UFA.

Charger l’image

- Bien recadrer l’image pour éviter les blanc superflus autour, et se centrer sur le sujet que l’on veut illustrer.

- Puis il faut charger votre image dans le module en haut a gauche.’

PNG - 23.8 ko
Dans ce module en haut a gauche vous pouvez charger une image, un document, une vidéo, un power point etc...
PNG - 10 ko
copier le code en choisissant gauche ou droite, évitez centre sauf s’il s’agit de la dernière image de l’article.
PNG - 19 ko
En faisant modifier, vous avez accès a tous les enrichissements possible. Mais n’utilisez pas l’ital, la légende est déjà en italique et le renvoi de bas de page n’a pas de sens.
PNG - 8.9 ko
autre subtilité : si vous avez « img » devant le numéro de votre image, aucune légende n’apparaitra. Il faut mettre « doc. »
« doc. » se mets automatiquement sous la vignette dès que vous avez mis une légende.
JPEG - 19.7 ko

Mise à dimension d’une image


- On utilise gauche ou droite en anglais. Puis on insère un signe "pipe", c’est une petite barre verticale qui n’est pas un i ou un L. Sur le Mac on l’obtient avec maj+option+l et sur le PC c’est alter + 6. Cette syntaxe donne "|" puis le mot "largeur" puis - et un chiffre qui peut varier. Si c’est une toute petite vignette, cela peut être 50. Et le maximum de largeur et 480 cela fait a peu près la moitié de l’écran. Plus le système recadre automatiquement.
- pour que cela fonctionne il faut obligatoirement remplacer "img" par "doc".

JPEG - 169 ko
Cliquez sur l’image pour télécharger

Image transformée en lien


C’est le mode classique de tous les liens, sauf que dans ce cas c’est le nom de l’image avec son éventuel mise à dimension qui est pris.
Dans notre exemple, nous avons mis une légende à l’image : cliquez sur l’image pour agrandir etc...

Mise à dimension des photos

Vous trouverez tous en bas de cette page.

 

Imprimer cet article

Imprimer

Dans la même rubrique