Não pode escolher mais do que 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 

104 linhas
5.2 KiB

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Bépodactyl : Exercices d'apprentissage de la disposition BÉPO</title>
  6. <script type="text/javascript" src="js/fonctions_texte.js"></script>
  7. <script type="text/javascript" src="js/functions_page.js"></script>
  8. <script type="text/javascript" src="js/exo.js"></script>
  9. <link rel="stylesheet" type="text/css" href="style.css" />
  10. </head>
  11. <body onkeydown="get_key(event,'down')" onkeyup="get_key(event,'up')">
  12. <div class="bar" id="bar">
  13. <a href="http://tazzon.free.fr/dactylotest/"><img src="../home.png" alt="home" style="padding-bottom:2px"/></a>
  14. <a href="../dactylotest/" title="Testez votre vitesse de frappe">Dactylotest</a>
  15. <a href="../tridactyl/" title="Perfectionnez votre frappe grâce aux trigrammes">Tridactyl</a>
  16. <a href="../bepodactyl/" title="Bien débutez avec la disposition de clavier BÉPO">Bépodactyl</a>
  17. </div>
  18. <div class="head">
  19. <h1>— Bépodactyl —</h1><br/>
  20. Exercices d'apprentissage de la disposition BÉPO.
  21. </div>
  22. <!--input type="text" id="set_time" /-->
  23. <div class="main">
  24. <p>
  25. <input type="button" id="but_-" onclick="change_exo('-')" value="−"/>
  26. <input type="button" id="but_+" onclick="change_exo('+')" value="+"/>
  27. <input type="button" id="but_+" onclick="change_exo('=')" value="Recommencer"/>
  28. <input type="button" onClick="view_options('block')" value="Options" />
  29. <input type="button" onClick="view_help('block')" value="?" />
  30. </p>
  31. <br/>
  32. <div id="aff_kb"></div>
  33. <hr/>
  34. <div style="width:100%"><strong style="float:left;width:65%">Exercice nº<span id="exo_nb"></span></strong><span id="nb_vies" style="float:left;text-align:right;width:20%"></span></div>
  35. <br/><br/>
  36. <div class="ici" id="ici">
  37. <p class="rd_txt" id="rd_txt"><span style="color:red"><strong>Javascript doit être activé ! Vous pouvez le faire en modifiant les préférences de votre navigateur. Si vous ne savez pas comment faire, consultez l'aide de celui-ci.</strong></span></p>
  38. <p>>> <input type="text" onkeyup="test(event)" onkeydown="" id="txt" class="txt"/></p>
  39. </div>
  40. <hr/>
  41. <div id="resultats" class="result"></div>
  42. </div>
  43. <div id="voile" class="voile"></div>
  44. <div id="options" class="options">
  45. <p style="margin-bottom:10px"><strong>Options</strong><p>
  46. <p>
  47. <!--input type="checkbox" id="val_kb" checked="checked" onChange="aff_kb(this.checked)" /> Afficher l’image du clavier<br/-->
  48. Image du clavier<br/>
  49. <input type="radio" name="type_kb" id="type_kb_1" checked="checked" value="1" onChange="type_clavier(this.value)" /><label for="type_kb_1"> Clavier décalé</label><br/>
  50. <input type="radio" name="type_kb" id="type_kb_2" value="2" onChange="type_clavier(this.value)" /><label for="type_kb_2"> Typematrix</label><br/>
  51. <input type="radio" name="type_kb" id="type_kb_0" value="0" onChange="type_clavier(this.value)" ./><label for="type_kb_0"> Pas de clavier</label><br/>
  52. <br/>
  53. Version BÉPO<br/>
  54. <input type="radio" name="v_bepo" id="v_bepo_0" value="0" checked="checked" onChange="change_bepo_version(this.value)" /><label for="v_bepo_0"> V1.0</label><br/>
  55. <input type="radio" name="v_bepo" id="v_bepo_1" value="1" onChange="change_bepo_version(this.value)" /><label for="v_bepo_1"> V1.1</label><br/>
  56. <br/>
  57. <input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /><label for="val_curseur"> Activer le curseur</label><br/>
  58. <!--br/>
  59. <input type="checkbox" id="val_jeu" onChange="modejeu(this.checked)" /> Mode jeu<br/>
  60. <!--input type="checkbox" id="val_nbsp" checked="checked" onChange="nbspace=this.checked;ligne_suivante(true)" /> Utiliser les espaces insécables<br/-->
  61. <!--input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/-->
  62. </p>
  63. <p style="text-align:right;margin-top:10px">
  64. <!--input type="button" onclick="valide_options()" value="Valider"/-->
  65. <input type="button" onclick="view_options('none')" value="Fermer"/>
  66. </p>
  67. </div>
  68. <div id="help" class="help">
  69.   <p style="margin-bottom:10px"><strong>Aide</strong><p>
  70.   <p>
  71. Bépodactyl permet d’apprendre et de s’entraîner avec des exercices créés spécifiquement pour la disposition de clavier BÉPO.
  72. </p>
  73. <p>
  74. Pour cela, vous pouvez utiliser l’image virtuelle du clavier (voir les options) afin de ne pas regarder les touches de votre clavier et ainsi favoriser les réflexes musculaires.
  75. </p>
  76. <p>
  77. Commencer par les premiers exercices puis en fonction de votre progression passez aux suivants jusqu'à connaître le clavier sur le bout des doigts. Une fois que ce sera le cas, vous pourrez utiliser Dactylotest et prendre du plaisir à taper des textes le plus vite possible mais avec également le moins de fautes de frappe possible
  78. </p>
  79. <p style="text-align:right;margin-top:10px">
  80. <input type="button" onclick="view_help('none')" value="Fermer"/>
  81. </p>
  82. </div>
  83. <script type="text/javascript" src="js/start.js"></script>
  84. </body>
  85. </html>