index.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  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 = "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">Tutoriel Anki</span></p>
  38. <ul class="current">
  39. <li class="toctree-l1"><a class="reference internal" href="..">Introduction</a>
  40. </li>
  41. <li class="toctree-l1"><a class="reference internal" href="../Installation/">Installation</a>
  42. </li>
  43. <li class="toctree-l1 current"><a class="reference internal current" href="./">Les fiches</a>
  44. <ul class="current">
  45. <li class="toctree-l2"><a class="reference internal" href="#creation-de-nos-premieres-fiches">création de nos premières fiches</a>
  46. </li>
  47. <li class="toctree-l2"><a class="reference internal" href="#importation-de-nos-fiches-dans-anki">Importation de nos fiches dans Anki</a>
  48. </li>
  49. </ul>
  50. </li>
  51. <li class="toctree-l1"><a class="reference internal" href="../Premi%C3%A8re-utilisation/">Premières utilisations et impressions</a>
  52. </li>
  53. <li class="toctree-l1"><a class="reference internal" href="../Personnalisation/">Personnalisation</a>
  54. </li>
  55. <li class="toctree-l1"><a class="reference internal" href="../Cartes/">Les cartes</a>
  56. </li>
  57. <li class="toctree-l1"><a class="reference internal" href="../Compl%C3%A9tion/">Complétion</a>
  58. </li>
  59. <li class="toctree-l1"><a class="reference internal" href="../Nouvelle-approche/">Nouvelle approche</a>
  60. </li>
  61. <li class="toctree-l1"><a class="reference internal" href="../Champs-%C3%A9ditables-1/">Champs éditables «partie 1»</a>
  62. </li>
  63. <li class="toctree-l1"><a class="reference internal" href="../Champs-%C3%A9ditables-2/">Champs éditables «partie 2»</a>
  64. </li>
  65. </ul>
  66. </div>
  67. </div>
  68. </nav>
  69. <section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
  70. <nav class="wy-nav-top" role="navigation" aria-label="top navigation">
  71. <i data-toggle="wy-nav-top" class="fa fa-bars"></i>
  72. <a href="..">Les Tutoriels du Yojik</a>
  73. </nav>
  74. <div class="wy-nav-content">
  75. <div class="rst-content">
  76. <div role="navigation" aria-label="breadcrumbs navigation">
  77. <ul class="wy-breadcrumbs">
  78. <li><a href="..">Docs</a> &raquo;</li>
  79. <li>Tutoriel Anki &raquo;</li>
  80. <li>Les fiches</li>
  81. <li class="wy-breadcrumbs-aside">
  82. </li>
  83. </ul>
  84. <hr/>
  85. </div>
  86. <div role="main">
  87. <div class="section">
  88. <h1 id="les-fiches">les fiches</h1>
  89. <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>
  90. <h2 id="creation-de-nos-premieres-fiches">création de nos premières fiches</h2>
  91. <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>
  92. <p>Il faut que ce soit un simple éditeur texte : n'utilisez pas un "Word" pour cela.</p>
  93. <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>
  94. <p><img alt="gedit et l'exemple de première fiche" src="../Images/image-4.png" /></p>
  95. <p>Exemple : </p>
  96. <pre><code>maison➔home
  97. </code></pre>
  98. <p>La flêche représente la tabulation (visible aussi sur la capture d'écran au-dessus.)</p>
  99. <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>
  100. <p>Voici le contenu du fichier avec extension .csv qui montre la première ligne du tableau des hiragana.</p>
  101. <pre><code> あ a
  102. い i
  103. う u
  104. え e
  105. お o
  106. </code></pre>
  107. <p>Voilà la capture d'écran dans mon éditeur «gedit» : </p>
  108. <p><img alt="premier exemple" src="../Images/image-5.png" /></p>
  109. <h2 id="importation-de-nos-fiches-dans-anki">Importation de nos fiches dans Anki</h2>
  110. <p>Une fois ce fichier créé et sauvé, nous allons l'importer dans Anki.</p>
  111. <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>
  112. <p><img alt="étape 1" src="../Images/image-6.png" /></p>
  113. <p>Choisissez «Importer»</p>
  114. <p><img alt="étape 2" src="../Images/image-7.png" /></p>
  115. <p>Descendez dans les répertoires pour trouver le fichier précédemment créé et validez.</p>
  116. <p><img alt="étape 3" src="../Images/image-8.png" /></p>
  117. <p>Vous voyez ici l'attribution de nos champs au recto et verso de la fiche.</p>
  118. <p><img alt="étape 4" src="../Images/image-9.png" /></p>
  119. <p>Résumé de l'importation de notre fichier avec 5 nouvelles fiches.</p>
  120. <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>
  121. <p><img alt="étape 5" src="../Images/image-10.png" /></p>
  122. <p>Retour à l'écran principal avec le paquet par défaut qui contient 5 fiches.</p>
  123. <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>
  124. </div>
  125. </div>
  126. <footer>
  127. <div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
  128. <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>
  129. <a href="../Installation/" class="btn btn-neutral" title="Installation"><span class="icon icon-circle-arrow-left"></span> Previous</a>
  130. </div>
  131. <hr/>
  132. <div role="contentinfo">
  133. <!-- Copyright etc -->
  134. </div>
  135. 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>.
  136. </footer>
  137. </div>
  138. </div>
  139. </section>
  140. </div>
  141. <div class="rst-versions" role="note" aria-label="versions">
  142. <span class="rst-current-version" data-toggle="rst-current-version">
  143. <span><a href="../Installation/" style="color: #fcfcfc;">&laquo; Previous</a></span>
  144. <span style="margin-left: 15px"><a href="../Premi%C3%A8re-utilisation/" style="color: #fcfcfc">Next &raquo;</a></span>
  145. </span>
  146. </div>
  147. <script>var base_url = '..';</script>
  148. <script src="../js/theme.js" defer></script>
  149. <script src="../search/main.js" defer></script>
  150. <script defer>
  151. window.onload = function () {
  152. SphinxRtdTheme.Navigation.enable(true);
  153. };
  154. </script>
  155. </body>
  156. </html>