{"id":246,"date":"2023-04-08T18:04:18","date_gmt":"2023-04-08T16:04:18","guid":{"rendered":"https:\/\/e-publish.uliege.be\/md\/?post_type=chapter&#038;p=246"},"modified":"2025-04-25T10:18:01","modified_gmt":"2025-04-25T08:18:01","slug":"beamer","status":"publish","type":"chapter","link":"https:\/\/e-publish.uliege.be\/md\/chapter\/beamer\/","title":{"raw":"Beamer","rendered":"Beamer"},"content":{"raw":"<div id=\"beamer\" class=\"level1\" data-number=\"7\">\r\n\r\nLes formats pdf, html (des pages Web) et ePub (un ensemble de pages html rassembl\u00e9es dans un fichier compress\u00e9 et destin\u00e9 aux liseuses) sont souvent utilis\u00e9s pour exporter des documents <em>Markdown<\/em>. C\u2019est cependant l\u2019utilisation, plus rarement \u00e9voqu\u00e9e, de <em>Markdwon<\/em> pour cr\u00e9er des pr\u00e9sentations qui doit aussi retenir notre attention.\r\n\r\nDepuis l\u2019apparition des projecteurs d\u2019\u00e9crans, nous sommes habitu\u00e9s \u00e0 cr\u00e9er des pr\u00e9sentations, des <em>slides<\/em>, des diapositives, avec une suite bureautique, <em>Microsoft Office<\/em> ou, mieux, <em>LibreOffice<\/em>.\r\n\r\nLa question \u201cavez-vous une pr\u00e9sentation <em>Power-Point<\/em> ?\u201d fait d\u2019ailleurs partie du langage courant et peu de personnes se posent la question d\u2019une \u00e9ventuelle alternative.\r\n\r\n<em>Markdown<\/em> et <em>Pandoc<\/em>, associ\u00e9s \u00e0 <em>Beamer<\/em>, sont justement une alternative non seulement libre (ce que <em>LibreOffice<\/em> fait d\u00e9j\u00e0) mais \u00e9galement plus :\r\n<ul>\r\n \t<li>simple et rapide : aucune sophistication<\/li>\r\n \t<li>propre : pas de codes cach\u00e9s<\/li>\r\n \t<li>ouverte : source lisible avec un simple \u00e9diteur<\/li>\r\n \t<li>durable : le fichier source est un fichier texte<\/li>\r\n \t<li>structur\u00e9e : gr\u00e2ce \u00e0 la simplicit\u00e9 de <em>Markdown<\/em><\/li>\r\n \t<li>esth\u00e9tique : gr\u00e2ce aux nombreuses possibilit\u00e9s de <em>Beamer<\/em><\/li>\r\n<\/ul>\r\n<h2>Beamer<\/h2>\r\n<div id=\"beamer-1\" class=\"level2\" data-number=\"7.1\">\r\n\r\nPour pouvoir produire une pr\u00e9sentation sous forme de diapositives, on doit activer <strong><em>Beamer<\/em><\/strong>[footnote]<a href=\"https:\/\/fr.wikipedia.org\/wiki\/Beamer\" target=\"_blank\" rel=\"noopener\">https:\/\/fr.wikipedia.org\/wiki\/Beamer<\/a>[\/footnote]. <em>Beamer<\/em> est une classe <em>LaTeX<\/em> adapt\u00e9e \u00e0 la cr\u00e9ation de pr\u00e9sentations.\r\n\r\n[caption id=\"attachment_51\" align=\"aligncenter\" width=\"2294\"]<img class=\"wp-image-51 size-full\" src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967.png\" alt=\"\" width=\"2294\" height=\"386\" \/> Quelques exemples de th\u00e8mes[\/caption]\r\n\r\n<em style=\"text-align: initial;font-size: 1em\">Beamer<\/em><span style=\"text-align: initial;font-size: 1em\"> propose une s\u00e9rie de <\/span><strong>th\u00e8mes<\/strong>[footnote]<a href=\"https:\/\/hartwork.org\/beamer-theme-matrix\/\" target=\"_blank\" rel=\"noopener\">https:\/\/hartwork.org\/beamer-theme-matrix\/<\/a>[\/footnote]<span style=\"text-align: initial;font-size: 1em\"> qui modifient la couleur, les styles et la disposition des informations sur la page. Les deux exemples ci-dessous utilisent le <\/span><em style=\"text-align: initial;font-size: 1em\">theme<\/em> <strong style=\"text-align: initial;font-size: 1em\">Madrid<\/strong><span style=\"text-align: initial;font-size: 1em\"> et le <\/span><em style=\"text-align: initial;font-size: 1em\">colortheme<\/em> <strong style=\"text-align: initial;font-size: 1em\">seahorse<\/strong><span style=\"text-align: initial;font-size: 1em\">.<\/span>\r\n\r\nIl y a de nombreuses autres possibilit\u00e9s.\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"2826\"]<img src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2023\/04\/file21.png\" alt=\"image\" width=\"2826\" height=\"1604\" \/> La premi\u00e8re diapositive qui reprend les m\u00e9tadonn\u00e9es de l'en-t\u00eate YAML[\/caption]\r\n\r\nLe code suivant :\r\n<div class=\"textbox shaded\">\r\n\r\n# What is the best way to ask a question?\r\n\r\nDoing a literature search is not \"looking for information about.\"\r\n\r\n## You must:\r\n\r\n- start with a question (a sentence with a \"?\")\r\n- to obtain an answer(s) to this question\r\n\r\n## Therefore:\r\n\r\n- write a \"real question\"\r\n- identify the concepts present in this question\r\n- search for the keywords related to these concepts\r\n- write the documentary question\r\n\r\n<\/div>\r\ndonnera cette diapositive :\r\n\r\n&nbsp;\r\n\r\n[caption id=\"\" align=\"alignnone\" width=\"2822\"]<img src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2023\/04\/file22.png\" alt=\"image\" width=\"2822\" height=\"1614\" \/> Une diapositive avec deux cadres[\/caption]\r\n\r\n<span style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.80225em;font-weight: bold\">Les commandes de base<\/span>\r\n\r\n<\/div>\r\n<div id=\"les-commandes-de-base\" class=\"level2\" data-number=\"7.2\">\r\n\r\nLa majorit\u00e9 des commandes <a href=\"https:\/\/e-publish.uliege.be\/md\/chapter\/markdown#md\"><em>Markdown<\/em><\/a> sont utilisables pour produire une pr\u00e9sentation <em>beamer<\/em>.\r\n\r\nLes commandes sp\u00e9cifiques les plus utiles sont :\r\n<ul>\r\n \t<li>\u201c#\u201d pour cr\u00e9er une nouvelle page avec un titre courant (qui suit le signe \u201c#\u201d dans la source)<\/li>\r\n \t<li>\u201c\u2014\u201d (trois tirets) pour cr\u00e9er une nouvelle page sans titre<\/li>\r\n \t<li>\u201c##\u201d pour cr\u00e9er un bloc (avec cadre pour certains th\u00e8mes) dans une diapositive<\/li>\r\n \t<li>\u201c. . .\u201d (trois points s\u00e9par\u00e9s par une espace) pour cr\u00e9er une pause dans la pr\u00e9sentation. <em>Beamer<\/em> va cr\u00e9er autant de pages qu\u2019il y a de pauses (un \u201cclic\u201d pour afficher la suite de la page. C\u2019est la seule animation possible)<\/li>\r\n<\/ul>\r\nLe texte est align\u00e9 \u00e0 gauche.\r\n\r\nLes images sont align\u00e9es \u00e0 gauche et automatiquement redimensionn\u00e9es si elles d\u00e9passent le cadre. Si il y a une l\u00e9gende (![l\u00e9gende](image.png)), l\u2019image est alors centr\u00e9e. Il est possible de r\u00e9duire la taille des images avec la commande { width=50% }.\r\n\r\nLes tableaux sont bien reproduits. Les formules \u00e9galement.\r\n\r\n<\/div>\r\n<div id=\"len-t\u00eate-yaml-1\" class=\"level2\" data-number=\"7.3\">\r\n<h1 data-number=\"7.3\">L\u2019en-t\u00eate YAML<\/h1>\r\nPour entrer les m\u00e9tadonn\u00e9es de votre pr\u00e9sentation (titre, sous-titre, auteur et date) et quelques instructions (le format, le th\u00e8me \u00e0 utiliser ou la taille des caract\u00e8res), vous devez cr\u00e9er une en-t\u00eate <em>YAML<\/em> sp\u00e9cifique. Voici un exemple d\u2019en-t\u00eate utilis\u00e9e pour une pr\u00e9sentation :\r\n<div class=\"textbox shaded\">- - -\r\ntitle: Titre\r\nsubtitle: Sous-titre\r\nauthor: Nom, Pr\u00e9nom\r\ndate: 2021 (cc-by)\r\noutput: beamer_presentation\r\ntheme: Madrid\r\ncolortheme: seahorse\r\nfontsize: 10pt\r\naspectratio: 169\r\ntitlegraphic: logo.png\r\nlogo: fond.png\r\nlinkcolor: blue\r\n- - -<\/div>\r\nAvec le th\u00e8me <em>Madrid<\/em>, l\u2019auteur, le titre et la date apparaissent en pied de page de chacune des diapositives (voir exemples ci-dessus).\r\n\r\n\u201ctitlegraphic:\u201d ajoute un logo sur la premi\u00e8re page. \u201clogo:\u201d ins\u00e8re une image en arri\u00e8re plan sur toutes les diapositives.\r\n\r\n<\/div>\r\n<div id=\"la-cr\u00e9ation-du-fichier-pdf\" class=\"level2\" data-number=\"7.4\">\r\n<h1 data-number=\"7.4\">La cr\u00e9ation du fichier <em>pdf<\/em><\/h1>\r\nPour exporter la pr\u00e9sentation, qui est au format <em>Markdown<\/em>, dans le format <em>pdf<\/em> qui sera projet\u00e9 (mode \u201cpr\u00e9sentation\u201d), la commande <em>Pandoc<\/em> sera la suivante :\r\n<div class=\"textbox shaded\">pandoc -t beamer votrefichier.md -o votrefichier.pdf<\/div>\r\nIl est bien \u00e9vident que les pr\u00e9sentations cr\u00e9\u00e9es avec cette m\u00e9thode, comme les textes vus plus haut, sont moins \u201c<em>funs<\/em>\u201d que celles cr\u00e9\u00e9es avec <em>Power point<\/em> ou <em>Presentation<\/em> de <em>LibreOffice<\/em> ou directement avec <em>LaTeX<\/em>. Pour rappel, l\u2019objectif reste toujours de simplifier et d\u2019ouvrir la t\u00e2che.\r\n\r\nBeaucoup de fonctions (animations, mises en page compliqu\u00e9es\u2026) ne sont pas accessibles avec cette solution et c\u2019est donc un choix de rapidit\u00e9, d\u2019efficacit\u00e9, de propret\u00e9, de durabilit\u00e9 et d\u2019ouverture que l\u2019on fait en choisissant de cr\u00e9er des pr\u00e9sentations avec <em>Markdown<\/em>.\r\n\r\n&nbsp;\r\n\r\nAvec Remarkjs[footnote]<a href=\"https:\/\/remarkjs.com\" target=\"_blank\" rel=\"noopener\">https:\/\/remarkjs.com<\/a>[\/footnote], la cr\u00e9ation de diaporama est encore plus l\u00e9g\u00e8re et simple. Bas\u00e9 sur le format <em>Github flavor Markdown<\/em>, le fichier est directement interpr\u00e9t\u00e9 par le navigateur.\r\n\r\nIl n\u2019est pas obligatoirement destin\u00e9 aux personnes connaissant les codes HTML et CSS. Il ne n\u00e9cessite qu\u2019un simple \u00e9diteur. Voir cet exemple : <a href=\"https:\/\/infolit.be\/slides\/Slides_rem.html\" target=\"_blank\" rel=\"noopener\">https:\/\/infolit.be\/slides\/Slides_rem.html<\/a> (enregistrez le fichier ou pressez CTRL+U pour voir le code de la pr\u00e9sentation que vous pouvez copier, sauver dans un fichier .html et modifier \u00e0 votre aise).\r\n\r\nUne autre solution simple est propos\u00e9e par l'application <em>Marmota<\/em>[footnote]\u00c0 installer : <a href=\"https:\/\/marmota.app\/\" target=\"_blank\" rel=\"noopener\">https:\/\/marmota.app\/<\/a>.[\/footnote].\r\n\r\nIl est \u00e9galement possible de cr\u00e9er des pr\u00e9sentations au format web avec <em>s5, slidy, slideous, dzslides<\/em> ou <em>revealjs<\/em>. La transformation se fait \u00e9galement avec Pandoc. Il faut indiquer \u201c-t FORMAT\u201d (un des cinq formats) dans la commande <em>Pandoc<\/em> et utiliser l\u2019extension .html en format de sortie.\r\n<div class=\"textbox shaded\">pandoc -t revealjs votrefichier.md -o votrefichier.html<\/div>\r\n<pre><code><\/code><\/pre>\r\n<\/div>\r\n<\/div>","rendered":"<div id=\"beamer\" class=\"level1\" data-number=\"7\">\n<p>Les formats pdf, html (des pages Web) et ePub (un ensemble de pages html rassembl\u00e9es dans un fichier compress\u00e9 et destin\u00e9 aux liseuses) sont souvent utilis\u00e9s pour exporter des documents <em>Markdown<\/em>. C\u2019est cependant l\u2019utilisation, plus rarement \u00e9voqu\u00e9e, de <em>Markdwon<\/em> pour cr\u00e9er des pr\u00e9sentations qui doit aussi retenir notre attention.<\/p>\n<p>Depuis l\u2019apparition des projecteurs d\u2019\u00e9crans, nous sommes habitu\u00e9s \u00e0 cr\u00e9er des pr\u00e9sentations, des <em>slides<\/em>, des diapositives, avec une suite bureautique, <em>Microsoft Office<\/em> ou, mieux, <em>LibreOffice<\/em>.<\/p>\n<p>La question \u201cavez-vous une pr\u00e9sentation <em>Power-Point<\/em> ?\u201d fait d\u2019ailleurs partie du langage courant et peu de personnes se posent la question d\u2019une \u00e9ventuelle alternative.<\/p>\n<p><em>Markdown<\/em> et <em>Pandoc<\/em>, associ\u00e9s \u00e0 <em>Beamer<\/em>, sont justement une alternative non seulement libre (ce que <em>LibreOffice<\/em> fait d\u00e9j\u00e0) mais \u00e9galement plus :<\/p>\n<ul>\n<li>simple et rapide : aucune sophistication<\/li>\n<li>propre : pas de codes cach\u00e9s<\/li>\n<li>ouverte : source lisible avec un simple \u00e9diteur<\/li>\n<li>durable : le fichier source est un fichier texte<\/li>\n<li>structur\u00e9e : gr\u00e2ce \u00e0 la simplicit\u00e9 de <em>Markdown<\/em><\/li>\n<li>esth\u00e9tique : gr\u00e2ce aux nombreuses possibilit\u00e9s de <em>Beamer<\/em><\/li>\n<\/ul>\n<h2>Beamer<\/h2>\n<div id=\"beamer-1\" class=\"level2\" data-number=\"7.1\">\n<p>Pour pouvoir produire une pr\u00e9sentation sous forme de diapositives, on doit activer <strong><em>Beamer<\/em><\/strong><a class=\"footnote\" title=\"https:\/\/fr.wikipedia.org\/wiki\/Beamer\" id=\"return-footnote-246-1\" href=\"#footnote-246-1\" aria-label=\"Footnote 1\"><sup class=\"footnote\">[1]<\/sup><\/a>. <em>Beamer<\/em> est une classe <em>LaTeX<\/em> adapt\u00e9e \u00e0 la cr\u00e9ation de pr\u00e9sentations.<\/p>\n<figure id=\"attachment_51\" aria-describedby=\"caption-attachment-51\" style=\"width: 2294px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-51 size-full\" src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967.png\" alt=\"\" width=\"2294\" height=\"386\" srcset=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967.png 2294w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-300x50.png 300w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-1024x172.png 1024w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-768x129.png 768w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-1536x258.png 1536w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-2048x345.png 2048w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-65x11.png 65w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-225x38.png 225w, https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2022\/05\/beamer-e1680871589967-350x59.png 350w\" sizes=\"(max-width: 2294px) 100vw, 2294px\" \/><figcaption id=\"caption-attachment-51\" class=\"wp-caption-text\">Quelques exemples de th\u00e8mes<\/figcaption><\/figure>\n<p><em style=\"text-align: initial;font-size: 1em\">Beamer<\/em><span style=\"text-align: initial;font-size: 1em\"> propose une s\u00e9rie de <\/span><strong>th\u00e8mes<\/strong><a class=\"footnote\" title=\"https:\/\/hartwork.org\/beamer-theme-matrix\/\" id=\"return-footnote-246-2\" href=\"#footnote-246-2\" aria-label=\"Footnote 2\"><sup class=\"footnote\">[2]<\/sup><\/a><span style=\"text-align: initial;font-size: 1em\"> qui modifient la couleur, les styles et la disposition des informations sur la page. Les deux exemples ci-dessous utilisent le <\/span><em style=\"text-align: initial;font-size: 1em\">theme<\/em> <strong style=\"text-align: initial;font-size: 1em\">Madrid<\/strong><span style=\"text-align: initial;font-size: 1em\"> et le <\/span><em style=\"text-align: initial;font-size: 1em\">colortheme<\/em> <strong style=\"text-align: initial;font-size: 1em\">seahorse<\/strong><span style=\"text-align: initial;font-size: 1em\">.<\/span><\/p>\n<p>Il y a de nombreuses autres possibilit\u00e9s.<\/p>\n<figure style=\"width: 2826px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2023\/04\/file21.png\" alt=\"image\" width=\"2826\" height=\"1604\" \/><figcaption class=\"wp-caption-text\">La premi\u00e8re diapositive qui reprend les m\u00e9tadonn\u00e9es de l&rsquo;en-t\u00eate YAML<\/figcaption><\/figure>\n<p>Le code suivant :<\/p>\n<div class=\"textbox shaded\">\n<p># What is the best way to ask a question?<\/p>\n<p>Doing a literature search is not \u00ab\u00a0looking for information about.\u00a0\u00bb<\/p>\n<p>## You must:<\/p>\n<p>&#8211; start with a question (a sentence with a \u00ab\u00a0?\u00a0\u00bb)<br \/>\n&#8211; to obtain an answer(s) to this question<\/p>\n<p>## Therefore:<\/p>\n<p>&#8211; write a \u00ab\u00a0real question\u00a0\u00bb<br \/>\n&#8211; identify the concepts present in this question<br \/>\n&#8211; search for the keywords related to these concepts<br \/>\n&#8211; write the documentary question<\/p>\n<\/div>\n<p>donnera cette diapositive :<\/p>\n<p>&nbsp;<\/p>\n<figure style=\"width: 2822px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/e-publish.uliege.be\/md\/wp-content\/uploads\/sites\/15\/2023\/04\/file22.png\" alt=\"image\" width=\"2822\" height=\"1614\" \/><figcaption class=\"wp-caption-text\">Une diapositive avec deux cadres<\/figcaption><\/figure>\n<p><span style=\"font-family: 'Cormorant Garamond', serif;font-size: 1.80225em;font-weight: bold\">Les commandes de base<\/span><\/p>\n<\/div>\n<div id=\"les-commandes-de-base\" class=\"level2\" data-number=\"7.2\">\n<p>La majorit\u00e9 des commandes <a href=\"https:\/\/e-publish.uliege.be\/md\/chapter\/markdown#md\"><em>Markdown<\/em><\/a> sont utilisables pour produire une pr\u00e9sentation <em>beamer<\/em>.<\/p>\n<p>Les commandes sp\u00e9cifiques les plus utiles sont :<\/p>\n<ul>\n<li>\u201c#\u201d pour cr\u00e9er une nouvelle page avec un titre courant (qui suit le signe \u201c#\u201d dans la source)<\/li>\n<li>\u201c\u2014\u201d (trois tirets) pour cr\u00e9er une nouvelle page sans titre<\/li>\n<li>\u201c##\u201d pour cr\u00e9er un bloc (avec cadre pour certains th\u00e8mes) dans une diapositive<\/li>\n<li>\u201c. . .\u201d (trois points s\u00e9par\u00e9s par une espace) pour cr\u00e9er une pause dans la pr\u00e9sentation. <em>Beamer<\/em> va cr\u00e9er autant de pages qu\u2019il y a de pauses (un \u201cclic\u201d pour afficher la suite de la page. C\u2019est la seule animation possible)<\/li>\n<\/ul>\n<p>Le texte est align\u00e9 \u00e0 gauche.<\/p>\n<p>Les images sont align\u00e9es \u00e0 gauche et automatiquement redimensionn\u00e9es si elles d\u00e9passent le cadre. Si il y a une l\u00e9gende (![l\u00e9gende](image.png)), l\u2019image est alors centr\u00e9e. Il est possible de r\u00e9duire la taille des images avec la commande { width=50% }.<\/p>\n<p>Les tableaux sont bien reproduits. Les formules \u00e9galement.<\/p>\n<\/div>\n<div id=\"len-t\u00eate-yaml-1\" class=\"level2\" data-number=\"7.3\">\n<h1 data-number=\"7.3\">L\u2019en-t\u00eate YAML<\/h1>\n<p>Pour entrer les m\u00e9tadonn\u00e9es de votre pr\u00e9sentation (titre, sous-titre, auteur et date) et quelques instructions (le format, le th\u00e8me \u00e0 utiliser ou la taille des caract\u00e8res), vous devez cr\u00e9er une en-t\u00eate <em>YAML<\/em> sp\u00e9cifique. Voici un exemple d\u2019en-t\u00eate utilis\u00e9e pour une pr\u00e9sentation :<\/p>\n<div class=\"textbox shaded\">&#8211; &#8211; &#8211;<br \/>\ntitle: Titre<br \/>\nsubtitle: Sous-titre<br \/>\nauthor: Nom, Pr\u00e9nom<br \/>\ndate: 2021 (cc-by)<br \/>\noutput: beamer_presentation<br \/>\ntheme: Madrid<br \/>\ncolortheme: seahorse<br \/>\nfontsize: 10pt<br \/>\naspectratio: 169<br \/>\ntitlegraphic: logo.png<br \/>\nlogo: fond.png<br \/>\nlinkcolor: blue<br \/>\n&#8211; &#8211; &#8211;<\/div>\n<p>Avec le th\u00e8me <em>Madrid<\/em>, l\u2019auteur, le titre et la date apparaissent en pied de page de chacune des diapositives (voir exemples ci-dessus).<\/p>\n<p>\u201ctitlegraphic:\u201d ajoute un logo sur la premi\u00e8re page. \u201clogo:\u201d ins\u00e8re une image en arri\u00e8re plan sur toutes les diapositives.<\/p>\n<\/div>\n<div id=\"la-cr\u00e9ation-du-fichier-pdf\" class=\"level2\" data-number=\"7.4\">\n<h1 data-number=\"7.4\">La cr\u00e9ation du fichier <em>pdf<\/em><\/h1>\n<p>Pour exporter la pr\u00e9sentation, qui est au format <em>Markdown<\/em>, dans le format <em>pdf<\/em> qui sera projet\u00e9 (mode \u201cpr\u00e9sentation\u201d), la commande <em>Pandoc<\/em> sera la suivante :<\/p>\n<div class=\"textbox shaded\">pandoc -t beamer votrefichier.md -o votrefichier.pdf<\/div>\n<p>Il est bien \u00e9vident que les pr\u00e9sentations cr\u00e9\u00e9es avec cette m\u00e9thode, comme les textes vus plus haut, sont moins \u201c<em>funs<\/em>\u201d que celles cr\u00e9\u00e9es avec <em>Power point<\/em> ou <em>Presentation<\/em> de <em>LibreOffice<\/em> ou directement avec <em>LaTeX<\/em>. Pour rappel, l\u2019objectif reste toujours de simplifier et d\u2019ouvrir la t\u00e2che.<\/p>\n<p>Beaucoup de fonctions (animations, mises en page compliqu\u00e9es\u2026) ne sont pas accessibles avec cette solution et c\u2019est donc un choix de rapidit\u00e9, d\u2019efficacit\u00e9, de propret\u00e9, de durabilit\u00e9 et d\u2019ouverture que l\u2019on fait en choisissant de cr\u00e9er des pr\u00e9sentations avec <em>Markdown<\/em>.<\/p>\n<p>&nbsp;<\/p>\n<p>Avec Remarkjs<a class=\"footnote\" title=\"https:\/\/remarkjs.com\" id=\"return-footnote-246-3\" href=\"#footnote-246-3\" aria-label=\"Footnote 3\"><sup class=\"footnote\">[3]<\/sup><\/a>, la cr\u00e9ation de diaporama est encore plus l\u00e9g\u00e8re et simple. Bas\u00e9 sur le format <em>Github flavor Markdown<\/em>, le fichier est directement interpr\u00e9t\u00e9 par le navigateur.<\/p>\n<p>Il n\u2019est pas obligatoirement destin\u00e9 aux personnes connaissant les codes HTML et CSS. Il ne n\u00e9cessite qu\u2019un simple \u00e9diteur. Voir cet exemple : <a href=\"https:\/\/infolit.be\/slides\/Slides_rem.html\" target=\"_blank\" rel=\"noopener\">https:\/\/infolit.be\/slides\/Slides_rem.html<\/a> (enregistrez le fichier ou pressez CTRL+U pour voir le code de la pr\u00e9sentation que vous pouvez copier, sauver dans un fichier .html et modifier \u00e0 votre aise).<\/p>\n<p>Une autre solution simple est propos\u00e9e par l&rsquo;application <em>Marmota<\/em><a class=\"footnote\" title=\"\u00c0 installer : https:\/\/marmota.app\/.\" id=\"return-footnote-246-4\" href=\"#footnote-246-4\" aria-label=\"Footnote 4\"><sup class=\"footnote\">[4]<\/sup><\/a>.<\/p>\n<p>Il est \u00e9galement possible de cr\u00e9er des pr\u00e9sentations au format web avec <em>s5, slidy, slideous, dzslides<\/em> ou <em>revealjs<\/em>. La transformation se fait \u00e9galement avec Pandoc. Il faut indiquer \u201c-t FORMAT\u201d (un des cinq formats) dans la commande <em>Pandoc<\/em> et utiliser l\u2019extension .html en format de sortie.<\/p>\n<div class=\"textbox shaded\">pandoc -t revealjs votrefichier.md -o votrefichier.html<\/div>\n<pre><code><\/code><\/pre>\n<\/div>\n<\/div>\n<hr class=\"before-footnotes clear\" \/><div class=\"footnotes\"><ol><li id=\"footnote-246-1\"><a href=\"https:\/\/fr.wikipedia.org\/wiki\/Beamer\" target=\"_blank\" rel=\"noopener\">https:\/\/fr.wikipedia.org\/wiki\/Beamer<\/a> <a href=\"#return-footnote-246-1\" class=\"return-footnote\" aria-label=\"Return to footnote 1\">&crarr;<\/a><\/li><li id=\"footnote-246-2\"><a href=\"https:\/\/hartwork.org\/beamer-theme-matrix\/\" target=\"_blank\" rel=\"noopener\">https:\/\/hartwork.org\/beamer-theme-matrix\/<\/a> <a href=\"#return-footnote-246-2\" class=\"return-footnote\" aria-label=\"Return to footnote 2\">&crarr;<\/a><\/li><li id=\"footnote-246-3\"><a href=\"https:\/\/remarkjs.com\" target=\"_blank\" rel=\"noopener\">https:\/\/remarkjs.com<\/a> <a href=\"#return-footnote-246-3\" class=\"return-footnote\" aria-label=\"Return to footnote 3\">&crarr;<\/a><\/li><li id=\"footnote-246-4\">\u00c0 installer : <a href=\"https:\/\/marmota.app\/\" target=\"_blank\" rel=\"noopener\">https:\/\/marmota.app\/<\/a>. <a href=\"#return-footnote-246-4\" class=\"return-footnote\" aria-label=\"Return to footnote 4\">&crarr;<\/a><\/li><\/ol><\/div>","protected":false},"author":1,"menu_order":6,"template":"","meta":{"pb_show_title":"on","pb_short_title":"","pb_subtitle":"","pb_authors":[],"pb_section_license":""},"chapter-type":[],"contributor":[],"license":[],"class_list":["post-246","chapter","type-chapter","status-publish","hentry"],"part":197,"_links":{"self":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapters\/246"}],"collection":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapters"}],"about":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/wp\/v2\/types\/chapter"}],"author":[{"embeddable":true,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":13,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapters\/246\/revisions"}],"predecessor-version":[{"id":539,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapters\/246\/revisions\/539"}],"part":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/parts\/197"}],"metadata":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapters\/246\/metadata\/"}],"wp:attachment":[{"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/wp\/v2\/media?parent=246"}],"wp:term":[{"taxonomy":"chapter-type","embeddable":true,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/pressbooks\/v2\/chapter-type?post=246"},{"taxonomy":"contributor","embeddable":true,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/wp\/v2\/contributor?post=246"},{"taxonomy":"license","embeddable":true,"href":"https:\/\/e-publish.uliege.be\/md\/wp-json\/wp\/v2\/license?post=246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}