Outils pour utilisateurs

Outils du site


issue170:tutoriel1

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
issue170:tutoriel1 [2021/06/28 14:31] d52frissue170:tutoriel1 [2021/06/29 18:18] (Version actuelle) auntiee
Ligne 10: Ligne 10:
  
  \begin{subfigure}{0.25\textwidth}**  \begin{subfigure}{0.25\textwidth}**
 +
 +Dans le dernier numéro, nous avons examiné l'ajout de quelques images de base dans un document. Tout comme dans les sections et les sous-sections, nous pouvons avoir des sous-images (ou des tableaux ou des diagrammes), comme la figure 1 suivie de la figure 1.1, et pouvoir y faire référence. Cela nécessite également le pré-processeur graphicx ainsi qu'un nouveau pré-processeur, subcaption.
 +
 +Commençons par l'ajouter à notre fichier de la dernière fois. Juste en dessous de \usepackage{graphicx}, ajoutez une autre ligne : \usepackage{subcaption}  
 +
 +Puisque nous avons indiqué à l'ordinateur le paquet que nous souhaitons utiliser, nous pouvons maintenant l'utiliser. L'inconvénient de ce « subcaption », c'est que vous devez spécifier au préalable l'espace que vous souhaitez occuper. Vous devez également vous rappeler qu'il s'agit d'une commande imbriquée. Cela signifie que la nouvelle image/sous-figure est encapsulée dans une figure. À quoi cela ressemble-t-il ? Mon fichier est nommé « you.png » dans mon dossier « Figures » (code affiché en haut à droite).
 +
 +Maintenant, construisez et visualisez. Qu'est-ce qui ne va pas ? Dans notre dernière partie, nous avons ajouté des crochets après \begin{figure}[p], pour spécifier le placement, mais, dans les sous-figures, nous utilisons des accolades pour spécifier la taille.
 +
 +Changez cette première ligne en :
 +
 + \begin{subfigure}{0,25\textwidth}
 +
  
 **Build and view. **Build and view.
Ligne 25: Ligne 38:
 You will notice I added the lipsum package and added my dummy text. Press F5 and your output should look like this: You will notice I added the lipsum package and added my dummy text. Press F5 and your output should look like this:
 Now we can demonstrate figures that relate to the size of the text.** Now we can demonstrate figures that relate to the size of the text.**
 +
 +Compilez et regardez.
 +
 +Hé ! Regardez-vous, vous y allez déjà comme un pro ! (F5)
 +
 +Encore une fois, vous devez vous rappeler que si vous n'avez pas de texte, l'utilisation de textwidth ou textheight vous donnera un gros zéro sur un contrat et votre image ne sera pas mise à l'échelle. Voyons comment cela fonctionne.
 +
 +OK, avant de faire cela, je veux vous présenter un paquet appelé lipsum. Tout ce qu'il fait, c'est créer du texte factice lorem ipsum. Cela m'évite de tout taper pour démontrer quelque chose qui a trait à du texte. Rien de drôle. Voir : https://blog.chapagain.com.np/latex-generate-dummy-text-lorem-ipsum-in-your-document/
 +
 +Comme cela commence à faire beaucoup de code, effacez tout jusqu'à la partie du pré-processeur (ceci pour des raisons de simplicité, rien d'autre).
 +
 +Ainsi, notre code ressemblera à celui montré sur la page précédente, en bas à droite.
 +
 +Vous remarquerez que j'ai ajouté le paquet lipsum et que j'ai ajouté mon texte factice. Appuyez sur F5 et votre résultat devrait ressembler à ceci :
 +Maintenant, nous pouvons parler des chiffres qui se rapportent à la taille du texte.
 +
  
 **Now for your challenge: add a figure after the last /lipsum. **Now for your challenge: add a figure after the last /lipsum.
Ligne 39: Ligne 68:
  
 \includegraphics[width=\linewidth]{Figures/you}** \includegraphics[width=\linewidth]{Figures/you}**
 +
 +Maintenant, votre défi : ajoutez un chiffre après le dernier /lipsum.
 +
 +Vous avez réussi ? Très bien ! Si vous n'y êtes pas parvenu, retournez au numéro précédent et refaites la leçon, c'est en forgeant qu'on devient forgeron !
 +
 +Maintenant, nous allons réduire la taille de notre image. Comment s'y prendre ? Le menu déroulant de TeXstudio vous donne ceci : \includegraphics[keyvals]{imagefile}
 +
 +Votre attention doit se porter sur les valeurs clés « keyvals ». Effacez-les et tapez un « w ». La largeur (width) sera l'une des options proposées, choisissez-la. Pour que votre image s'insère parfaitement, réglez votre largeur sur celle de votre ligne. (Cela devrait apparaître dans l'IDE.)
 +
 +Maintenant compilez et regardez votre résultat. Voici le mien :
 +
 +Votre ligne correspond-elle à la mienne ?                 
 +
 +\includegraphics[width=\linewidth]{Figures/you}
 +
  
 **Well Done! At any time, hover your mouse over different words in that line, if you use TeXstudio, you should see a tooltip. In the case of the image file, you should see the image. As you can see, my image aligns perfectly with my column. Sometimes, you don’t need all that, or your space may be limited. You can specify the width and height as per issue 3 of our tutorial, last month. Try it now. This whole series is a hands-on affair. If you don’t do it, you will not remember it by the time the next issue hits your inbox. **Well Done! At any time, hover your mouse over different words in that line, if you use TeXstudio, you should see a tooltip. In the case of the image file, you should see the image. As you can see, my image aligns perfectly with my column. Sometimes, you don’t need all that, or your space may be limited. You can specify the width and height as per issue 3 of our tutorial, last month. Try it now. This whole series is a hands-on affair. If you don’t do it, you will not remember it by the time the next issue hits your inbox.
Ligne 49: Ligne 93:
  
 \end{figure*}** \end{figure*}**
 +
 +Très bien ! À tout moment, passez votre souris sur différents mots de cette ligne, si vous utilisez TeXstudio, vous devriez voir une info-bulle. Dans le cas du fichier image, vous devriez voir l'image. Comme vous pouvez le voir, mon image s'aligne parfaitement avec ma colonne. Parfois, vous n'avez pas besoin de tout cela, ou votre espace peut être limité. Vous pouvez spécifier la largeur et la hauteur comme dans le numéro 3 de notre tutoriel, le mois dernier. Essayez maintenant. Toute cette série est une affaire de pratique. Si vous ne le faites pas, vous ne vous en souviendrez plus au moment où le prochain numéro arrivera dans votre boîte de réception.
 +
 +Non, sérieusement, je veux que vous essayiez, car il n'y a rien de mieux pour comprendre, parce qu'alors vous n'avez plus rien à apprendre. Faites quelque chose d'amusant. Étirez l'image verticalement et rigolez en voyant à quel point elle est horrible. Si votre image est un rectangle, transformez-la en carré et vice-versa. Vous êtes-vous déjà demandé comment les panneaux d'avertissement inclinés sont présentés dans certains ouvrages techniques ? Ne vous en faites plus ! Vous pouvez spécifier l'angle sous lequel votre image est présentée sur le papier. Avec le mot-clé « angle ». Essayez angle=25 ou angle=-75 et voyez ce que vous avez créé. Là encore, le petit modificateur après \begin{figure} est valable. Vous vous souvenez de ce que c'était ? Non, relisez la troisième partie. J'ai gardé courte chaque partie dans ce seul but de référence. N'oubliez pas que vous pouvez également ajouter des étiquettes et des légendes dans cette mise en page. Que se passe-t-il si notre figure doit s'étendre sur les deux colonnes ? Il suffit d'ajouter un « * » après le mot « figure ». Le résultat sera alors le suivant :         
 +
 +\begin{figure*}
 +
 +\includegraphics[width=\linewidth]{Figures/you}
 +
 +\end{figure*}
 +
  
 **Baby steps, this is not the easiest thing to learn, but now you know a little more and every bit counts! Did you notice that I slipped something else into this tutorial, without explaining it (it is self-explanatory). See if you can find it. **Baby steps, this is not the easiest thing to learn, but now you know a little more and every bit counts! Did you notice that I slipped something else into this tutorial, without explaining it (it is self-explanatory). See if you can find it.
Ligne 55: Ligne 110:
  
 Did I make a mistake? Do you have any questions? E-mail us at: misc@fullcirclemagazine.org** Did I make a mistake? Do you have any questions? E-mail us at: misc@fullcirclemagazine.org**
 +
 +Ce n'est pas la chose la plus facile à apprendre, mais, petit à petit, vous en savez un peu plus et chaque détail compte ! Avez-vous remarqué que j'ai glissé quelque chose d'autre dans ce tutoriel, sans l'expliquer (c'est auto-explicatif) ? Voyez si vous pouvez le trouver.
 +
 +Vous en savez donc maintenant un peu plus sur les graphiques et leur placement. Dans le prochain numéro, nous aborderons d'autres types de graphiques avant de passer à autre chose.
 +
 +Ai-je fait une erreur ? Vous avez des questions ? Envoyez-nous un courriel à l'adresse suivante : misc@fullcirclemagazine.org
 +
issue170/tutoriel1.1624883480.txt.gz · Dernière modification : 2021/06/28 14:31 de d52fr