25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 4.8 KiB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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" checked="checked" value="kb_decal" onChange="type_kb=this.value;aff_kb(true)" /> Clavier décalé<br/>
  50. <input type="radio" name="type_kb" id="type_kb" value="kb_typematrix" onChange="type_kb=this.value;aff_kb(true)" /> Typematrix<br/>
  51. <input type="radio" name="type_kb" id="type_kb" value="none" onChange="type_kb=this.value;aff_kb(false)" /> Pas de clavier<br/>
  52. <br/>
  53. <input type="checkbox" id="val_curseur" onChange="val_curseur(this.checked)" /> Activer le curseur<br/>
  54. <br/>
  55. <input type="checkbox" id="val_jeu" onChange="modejeu(this.checked)" /> Mode jeu<br/>
  56. <!--input type="checkbox" id="val_nbsp" checked="checked" onChange="nbspace=this.checked;ligne_suivante(true)" /> Utiliser les espaces insécables<br/-->
  57. <!--input type="checkbox" id="anti_correct" onChange="val_anti_correct(this.checked)" /> Activer l’anti-correction<br/-->
  58. </p>
  59. <p style="text-align:right;margin-top:10px">
  60. <!--input type="button" onclick="valide_options()" value="Valider"/-->
  61. <input type="button" onclick="view_options('none')" value="Fermer"/>
  62. </p>
  63. </div>
  64. <div id="help" class="help">
  65.   <p style="margin-bottom:10px"><strong>Aide</strong><p>
  66.   <p>
  67. Bépodactyl permet d’apprendre et de s’entraîner avec des exercices créés spécifiquement pour la disposition de clavier BÉPO.
  68. </p>
  69. <p>
  70. 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.
  71. </p>
  72. <p>
  73. 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
  74. </p>
  75. <p style="text-align:right;margin-top:10px">
  76. <input type="button" onclick="view_help('none')" value="Fermer"/>
  77. </p>
  78. </div>
  79. <script type="text/javascript" src="js/start.js"></script>
  80. </body>
  81. </html>