Association Cécile Dudon

Nous allons maintenant affiner la mise en page de notre document, en particulier en adaptant les dimensions des images insérées.

La mise en page va consister la plupart du temps à agencer les images dans des tableaux ; avant de commencer, il faut imaginer cette disposition et en particulier les largeurs que prendront les photos, en se basant sur une structure virtuelle de tableau prenant toute la largeur : pour chaque image, il faudra donc définir si elle prend toute la largeur (tableau à 1 seule colonne = format inline1col), si elle prend la moitié de la largeur (tableau à 2 colonnes = format inline2col), ou si elle ne représente qu'un tiers de la largeur (inline3col).

Nous allons poursuivre avec notre exemple (cf. tuto précédent Insertion d'images dans un document), et configurer la première image (horizontale) pour qu'elle s'étende sur la moitié de la largeur ; pour l'image verticale, un tiers de la largeur sera utilisé (mais visuellement cela lui donnera à peu près la même surface, la hauteur étant définie proportionnellement à la largeur).

Editez le document ; actuellement le corps contient "avant [inline:_MG_8964-big.jpg] après [inline:_MG_8899-big.jpg]".

Modifiez le contenu comme suit : "avant [inline:_MG_8964-big.jpg==inline2col] après [inline:_MG_8899-big.jpg==inline3col]" ; appelez l'aperçu.

Petite parenthèse, pour la bonne compréhension de ces formats : voici ce que cela donnerait en inversant les formatages (première image sur 1/3, seconde sur la moitié) :

(constatez que les hauteurs sont automatiquement adaptées pour conserver le ratio)

Mais cela n'est pas notre objectif ici, fin de la parenthèse !

Nous allons maintenant mettre en place nos images dans un tableau.

Cliquez sur l'icône de création de tableau ("Inserts au new table") après avoir positionné le point d'insertion où le tableau doit être inséré.

Dans la popup indiquer 2 colonnes sur 1 ligne.

Le tableau apparaît :

Glissez les balises d'insertion des images dans les cellules du tableau, et supprimez les textes "avant après" :

Aperçu :

Ajoutez des titres sous chaque image ; pour passer à la ligne suivante sans changer de paragraphe (le texte reste collé à ce qui est dessus) il suffit de maintenir la touche majuscule pendant qu'on tape Entrée pour passer à la ligne.

Pour mettre du texte en gras, sélectionnez-le puis cliquez sur le bouton [B] (Bold = gras en anglais) :

Pour centrer horizontalement cliquer sur le bouton dédié :

Nous obtenons :

Ajoutez une troisième image (qui prendra toute la largeur dans le tableau) :

Ajoutez une ligne au tableau : placez le point d'insertion n'importe où dans l'unique ligne du tableau, puis cliquez sur le bouton "Insert row after" :

Ensuite, pour que l'image puisse s'étendre sur les deux colonnes du tableau, nous devons fusionner les deux cellules de cette nouvelle ligne ; placez le point d'insertion dans la première cellule, et cliquez sur le bouton "Merge table cells" :

Indiquez qu'il faut fusionner 2 colonnes à partir de cette cellule, puis [Update] ("Mettre à jour") :

Nous saisissons enfin la balise demandant l'insertion de cette troisième image avec le format indiquant qu'elle doit prendre toute la largeur : "[inline:3==inline1col]". Notez ici l'utilisation du numéro d'ordre (3) en lieu et place du nom de fichier (cf. tutoriel précédent).

Ajoutez également une légende :

Après enregistrement, nous obtenons au final :