Full Circle Magazine FR

Outils pour utilisateurs

Outils du site

Piste : • tutopython • c_c
issue170:tutoriel1

Différences

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

Lien vers cette vue comparative

Prochaine révision		Révision précédente
issue170:tutoriel1 [2021/06/26 10:04] – créée auntieeissue170:tutoriel1 [2021/06/29 18:18] (Version actuelle) – auntiee
Ligne 1: Ligne 1:
-In our last issue, we looked at adding some basic images to a document. Just like in sections and subsections, we can have sub images, (or tables or diagrams), such as figure 1 followed by figure 1.1, and be able to reference that. These also require the graphicx pre-processor as well as a new one, subcaption.+**In our last issue, we looked at adding some basic images to a document. Just like in sections and subsections, we can have sub images, (or tables or diagrams), such as figure 1 followed by figure 1.1, and be able to reference that. These also require the graphicx pre-processor as well as a new one, subcaption.
  
 Let us start by adding that to our file from last time. Just below: \usepackage{graphicx} add another line: \usepackage{subcaption}   Let us start by adding that to our file from last time. Just below: \usepackage{graphicx} add another line: \usepackage{subcaption}  
Ligne 9: Ligne 9:
 Change that first line to: Change that first line to:
  
- \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.
  
-Build and view.+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.
  
 Hey! Look at you, already going at it like a pro! (F5) Hey! Look at you, already going at it like a pro! (F5)
Ligne 24: Ligne 37:
  
 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.**
  
-Now for your challenge: add a figure after the last /lipsum.+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.
  
 Did you manage? Great! If you didn’t, go back to the previous issue and redo the lesson, practise makes perfect! Did you manage? Great! If you didn’t, go back to the previous issue and redo the lesson, practise makes perfect!
Ligne 37: Ligne 66:
  
 Does your line match mine?                  Does your line match mine?                 
 +
 +\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} \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.
  
 No seriously, I want you to try, as there is nothing as good as understanding, because then you don’t have to learn anything. Do something fun. Stretch the image vertically and have a laugh at how terrible it looks. If your image is a rectangle, change it to a square and vice-versa. Ever wonder how those angled warning signs are put down in some technical books? Wonder no more! You can specify the angle at which your image is presented on the paper. With the keyword, “angle”. Try angle=25 or angle=-75 and see what you have created. Again, the little modifier after \begin{figure} is valid. Do you remember what it was? No, read part three again. I kept the parts short for just this reference purpose. Remember, you can add labels and captions in this layout as well. So what happens if we need our figure to span both columns? Simply add a ‘*’ after the word figure. Then it will look like this:          No seriously, I want you to try, as there is nothing as good as understanding, because then you don’t have to learn anything. Do something fun. Stretch the image vertically and have a laugh at how terrible it looks. If your image is a rectangle, change it to a square and vice-versa. Ever wonder how those angled warning signs are put down in some technical books? Wonder no more! You can specify the angle at which your image is presented on the paper. With the keyword, “angle”. Try angle=25 or angle=-75 and see what you have created. Again, the little modifier after \begin{figure} is valid. Do you remember what it was? No, read part three again. I kept the parts short for just this reference purpose. Remember, you can add labels and captions in this layout as well. So what happens if we need our figure to span both columns? Simply add a ‘*’ after the word figure. Then it will look like this:         
 +
 +\begin{figure*}
 +
 +\includegraphics[width=\linewidth]{Figures/you}
 +
 +\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*} \begin{figure*}
Ligne 50: Ligne 104:
 \end{figure*} \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.
  
 So now you know something more about graphics and their placement. Next issue we will touch on other types of graphics before moving on. So now you know something more about graphics and their placement. Next issue we will touch on other types of graphics before moving on.
  
-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.1624694657.txt.gz · Dernière modification : 2021/06/26 10:04 de auntiee