index.html 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307
  1. <!DOCTYPE html>
  2. <!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
  3. <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <link rel="shortcut icon" href="../../../img/favicon.ico">
  9. <title>Les fiches - Les Tutoriels du Yojik</title>
  10. <link rel="stylesheet" href="../../../css/theme.css" />
  11. <link rel="stylesheet" href="../../../css/theme_extra.css" />
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" />
  13. <script>
  14. // Current page data
  15. var mkdocs_page_name = "Les fiches";
  16. var mkdocs_page_input_path = "Tutoriels/tutoanki/Les-fiches.md";
  17. var mkdocs_page_url = null;
  18. </script>
  19. <script src="../../../js/jquery-2.1.1.min.js" defer></script>
  20. <script src="../../../js/modernizr-2.8.3.min.js" defer></script>
  21. <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
  22. <script>hljs.initHighlightingOnLoad();</script>
  23. </head>
  24. <body class="wy-body-for-nav" role="document">
  25. <div class="wy-grid-for-nav">
  26. <nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
  27. <div class="wy-side-scroll">
  28. <div class="wy-side-nav-search">
  29. <a href="../../.." class="icon icon-home"> Les Tutoriels du Yojik</a>
  30. <div role="search">
  31. <form id ="rtd-search-form" class="wy-form" action="../../../search.html" method="get">
  32. <input type="text" name="q" placeholder="Search docs" title="Type search term here" />
  33. </form>
  34. </div>
  35. </div>
  36. <div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
  37. <p class="caption"><span class="caption-text">Home</span></p>
  38. <ul>
  39. <li class="toctree-l1"><a class="reference internal" href="../../..">Page d'accueil</a>
  40. </li>
  41. </ul>
  42. <p class="caption"><span class="caption-text">Tutoriels</span></p>
  43. <ul class="current">
  44. <li class="toctree-l1"><a class="reference internal" href="../../tutos/">Introduction</a>
  45. </li>
  46. <li class="toctree-l1"><a class="reference internal" href="#">Installation d'un serveur sécurisé, version Debian/Stretch (obsolète)</a>
  47. <ul>
  48. <li class="toctree-l2"><a class="reference internal" href="../../tutostretch/tutostretch/">Présentation</a>
  49. </li>
  50. <li class="toctree-l2"><a class="reference internal" href="#">Installation</a>
  51. <ul>
  52. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-de-base/">Installation du système de base</a>
  53. </li>
  54. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/ovh/">Démarrage sur serveur OVH</a>
  55. </li>
  56. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Premi%C3%A8re-Etape-S%C3%A9curisation/">Première étapes de sécurisation du serveur</a>
  57. </li>
  58. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Configuration-R%C3%A9seau/">Configuration du réseau</a>
  59. </li>
  60. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Serveur-Temps/">Installation d'un serveur de temps</a>
  61. </li>
  62. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Parre-Feu/">Installation d'un pare-feu</a>
  63. </li>
  64. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Fail2ban/">Contrer les attaques de brute-force avec fail2ban</a>
  65. </li>
  66. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Serveur-Courrier-Basique/">Installation d'un serveur de courrier basique</a>
  67. </li>
  68. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Serveur-DNS/">Installation du serveur DNS</a>
  69. </li>
  70. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Serveur-Web/">Installation d'un serveur web</a>
  71. </li>
  72. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Dovecot-Authentification/">Installation de dovecot et de l'authentification</a>
  73. </li>
  74. <li class="toctree-l3"><a class="" href="../../tutostretch/Installation-Certificats-Letsencrypt.md)">Installation des certificats letsencrypt</a>
  75. </li>
  76. <li class="toctree-l3"><a class="" href="../../tutostretch/courrier-SPF-DKIM-OPENDMARC.md">Ajout des enregistrements **spf**, **DKIM**, **DMARC** au fichier de zone DNS</a>
  77. </li>
  78. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Courrier-Comptes-Virtuels/">Ajout des comptes émail virtuels</a>
  79. </li>
  80. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Surveillance-Serveur/">Installation de programmes de surveillance du serveur</a>
  81. </li>
  82. <li class="toctree-l3"><a class="reference internal" href="../../tutostretch/Installation-Webmail/">Installation d'un webmail (rainloop)</a>
  83. </li>
  84. <li class="toctree-l3"><a class="" href="../../tutostretch/Sécurisation-Serveur-Web">Sécurisation d'un serveur WEB</a>
  85. </li>
  86. </ul>
  87. </li>
  88. </ul>
  89. </li>
  90. <li class="toctree-l1"><a class="reference internal" href="#">Installation d'un serveur sécurisé, version Debian/Buster (en cours d'écriture)</a>
  91. <ul>
  92. <li class="toctree-l2"><a class="reference internal" href="../../tutobuster/1-tutobuster/">Présentation</a>
  93. </li>
  94. <li class="toctree-l2"><a class="reference internal" href="../../tutobuster/2-Installation-de-base/">Installation de base</a>
  95. </li>
  96. <li class="toctree-l2"><a class="reference internal" href="../../tutobuster/3-ovh/">Démarrage sur serveur OVH</a>
  97. </li>
  98. <li class="toctree-l2"><a class="reference internal" href="../../tutobuster/4-Plan/">Plan d'ensemble</a>
  99. </li>
  100. <li class="toctree-l2"><a class="reference internal" href="../../tutobuster/5-Premi%C3%A8re-Etape-S%C3%A9curisation/">Premières étapes de sécurisation du serveur</a>
  101. </li>
  102. </ul>
  103. </li>
  104. <li class="toctree-l1"><a class="reference internal" href="#">Installation d'un serveur sécurisé, version Debian/Buster sur RaspberryPI</a>
  105. <ul>
  106. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/R%C3%A9sum%C3%A9/">Résumé</a>
  107. </li>
  108. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/tutoraspi/">Présentation</a>
  109. </li>
  110. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Installation-de-base/">Installation de base</a>
  111. </li>
  112. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Premier-d%C3%A9marrage/">Premier démarrage</a>
  113. </li>
  114. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Etat-des-lieux/">État des lieux</a>
  115. </li>
  116. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/S%C3%A9curisation-SSH/">Sécurisation SSH</a>
  117. </li>
  118. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/R%C3%A9seau/">Réseau (des IPs fixes)</a>
  119. </li>
  120. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Knot/">Installation de Knot-resolver</a>
  121. </li>
  122. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Firewall/">Installation d'un pare-feux</a>
  123. </li>
  124. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Fail2ban/">Contrer les attaques de force brute</a>
  125. </li>
  126. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Logwatch/">Surveillance du serveur</a>
  127. </li>
  128. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Installation-courrier-basique/">Installation d'un serveur de courriers basique</a>
  129. </li>
  130. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Exemple-d-utilisation-serveur-Web/">Exemple d'utilisation avec un serveur Web</a>
  131. </li>
  132. <li class="toctree-l2"><a class="reference internal" href="../../tutoraspi/Annexe/">Annexe</a>
  133. </li>
  134. </ul>
  135. </li>
  136. <li class="toctree-l1"><a class="reference internal" href="#">Domotique</a>
  137. <ul>
  138. <li class="toctree-l2"><a class="reference internal" href="../../Domotique/Introduction/">Introduction</a>
  139. </li>
  140. <li class="toctree-l2"><a class="reference internal" href="../../Domotique/Le-mat%C3%A9riel/">Le matériel</a>
  141. </li>
  142. </ul>
  143. </li>
  144. <li class="toctree-l1 current"><a class="reference internal current" href="#">Tutoriel Anki</a>
  145. <ul class="current">
  146. <li class="toctree-l2"><a class="reference internal" href="../Introduction/">Introduction</a>
  147. </li>
  148. <li class="toctree-l2"><a class="reference internal" href="../Installation/">Installation</a>
  149. </li>
  150. <li class="toctree-l2 current"><a class="reference internal current" href="./">Les fiches</a>
  151. <ul class="current">
  152. <li class="toctree-l3"><a class="reference internal" href="#creation-de-nos-premieres-fiches">création de nos premières fiches</a>
  153. </li>
  154. <li class="toctree-l3"><a class="reference internal" href="#importation-de-nos-fiches-dans-anki">Importation de nos fiches dans Anki</a>
  155. </li>
  156. </ul>
  157. </li>
  158. <li class="toctree-l2"><a class="reference internal" href="../Premi%C3%A8re-utilisation/">Premières utilisations et impressions</a>
  159. </li>
  160. <li class="toctree-l2"><a class="reference internal" href="../Personnalisation/">Personnalisation</a>
  161. </li>
  162. <li class="toctree-l2"><a class="reference internal" href="../Cartes/">Les cartes</a>
  163. </li>
  164. </ul>
  165. </li>
  166. </ul>
  167. </div>
  168. </div>
  169. </nav>
  170. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  171. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  172. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  173. <a href="../../..">Les Tutoriels du Yojik</a>
  174. </nav>
  175. <div class="wy-nav-content">
  176. <div class="rst-content">
  177. <div role="navigation" aria-label="breadcrumbs navigation">
  178. <ul class="wy-breadcrumbs">
  179. <li><a href="../../..">Docs</a> &raquo;</li>
  180. <li>Tutoriel Anki &raquo;</li>
  181. <li>Tutoriels &raquo;</li>
  182. <li>Les fiches</li>
  183. <li class="wy-breadcrumbs-aside">
  184. </li>
  185. </ul>
  186. <hr/>
  187. </div>
  188. <div role="main">
  189. <div class="section">
  190. <h1 id="les-fiches">les fiches</h1>
  191. <p>Les fiches sont constituées de champs de différents types, un certain nombre sur le recto, un certain nombre sur le verso.</p>
  192. <h2 id="creation-de-nos-premieres-fiches">création de nos premières fiches</h2>
  193. <p>Pour cela, nous allons créer un fichier de type .csv, qui est en fait un simple fichier texte que vous pouvez éditer avec un éditeur comme gedit, vim sur Linux, notepad sur Windows etc.</p>
  194. <p>Il faut que ce soit un simple éditeur texte : n'utilisez pas un "Word" pour cela.</p>
  195. <p>Les champs sont simplement séparés par une tabulation (touche tab de votre clavier; faites attention à ce que votre éditeur ne soit pas configuré pour remplacer automatiquement les tabulations par des espaces). Voyez la capture d'écran qui suit.</p>
  196. <p><img alt="gedit et l'exemple de première fiche" src="../../../Images/tutoanki/image-4.png" /></p>
  197. <p>Exemple : </p>
  198. <pre><code>maison➔home
  199. </code></pre>
  200. <p>La flêche représente la tabulation (visible aussi sur la capture d'écran au-dessus.)</p>
  201. <p>Ajoutons quelques mots supplémentaires pour créer une petite liste, à partir des Hiraganas du premier cours de japonais (mais vous pouvez faire de même avec vos cours d'anglais ou autre langue)</p>
  202. <p>Voici le contenu du fichier avec extension .csv qui montre la première ligne du tableau des hiraganas.</p>
  203. <pre><code> あ a
  204. い i
  205. う u
  206. え e
  207. お o
  208. </code></pre>
  209. <p>Voilà la capture d'écran dans mon éditeur «gedit» : </p>
  210. <p><img alt="premier exemple" src="../../../Images/tutoanki/image-5.png" /></p>
  211. <h2 id="importation-de-nos-fiches-dans-anki">Importation de nos fiches dans Anki</h2>
  212. <p>Une fois ce fichier créé et sauvé, nous allons l'importer dans Anki.</p>
  213. <p>Voilà une suite de captures d'écran qui vous montrent les différentes étapes d'importation. En gros, il vous suffit de choisir le fichier que vous avez créé précédemment.</p>
  214. <p><img alt="étape 1" src="../../../Images/tutoanki/image-6.png" /></p>
  215. <p>Choisissez «Importer»</p>
  216. <p><img alt="étape 2" src="../../../Images/tutoanki/image-7.png" /></p>
  217. <p>Descendez dans les répertoires pour trouver le fichier pércédemment créé et validez.</p>
  218. <p><img alt="étape 3" src="../../../Images/tutoanki/image-8.png" /></p>
  219. <p>Vous voyez ici l'attribution de nos champs au recto et verso de la fiche.</p>
  220. <p><img alt="étape 4" src="../../../Images/tutoanki/image-9.png" /></p>
  221. <p>Résumé de l'importation de notre fichier avec 5 nouvelles fiches.</p>
  222. <p>Vous voyez sur le dernier écran l'attribution du premier champ au rect des fiches, et le deuxième au verso. Validez ce choix.</p>
  223. <p><img alt="étape 5" src="../../../Images/tutoanki/image-10.png" /></p>
  224. <p>Retour à l'écran principal avec le paquet par défaut qui contient 5 fiches.</p>
  225. <p>Voilà donc votre première leçon intégrée à Anki. Dans le chapitre suivant, nous allons personnaliser l'apparence de notre fiche.</p>
  226. </div>
  227. </div>
  228. <footer>
  229. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  230. <a href="../Premi%C3%A8re-utilisation/" class="btn btn-neutral float-right" title="Premières utilisations et impressions">Next <span class="icon icon-circle-arrow-right"></span></a>
  231. <a href="../Installation/" class="btn btn-neutral" title="Installation"><span class="icon icon-circle-arrow-left"></span> Previous</a>
  232. </div>
  233. <hr/>
  234. <div role="contentinfo">
  235. <!-- Copyright etc -->
  236. </div>
  237. Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
  238. </footer>
  239. </div>
  240. </div>
  241. </section>
  242. </div>
  243. <div class="rst-versions" role="note" aria-label="versions">
  244. <span class="rst-current-version" data-toggle="rst-current-version">
  245. <span><a href="../Installation/" style="color: #fcfcfc;">&laquo; Previous</a></span>
  246. <span style="margin-left: 15px"><a href="../Premi%C3%A8re-utilisation/" style="color: #fcfcfc">Next &raquo;</a></span>
  247. </span>
  248. </div>
  249. <script>var base_url = '../../..';</script>
  250. <script src="../../../js/theme.js" defer></script>
  251. <script src="../../../search/main.js" defer></script>
  252. <script defer>
  253. window.onload = function () {
  254. SphinxRtdTheme.Navigation.enable(true);
  255. };
  256. </script>
  257. </body>
  258. </html>