84 views
--- title : Utiliser une image comme bouton de lancement sous Eléa tags : Documentation Éléa, DRANe Auteur : Corentin GARRAULT corentin.garrault@ac-rennes.fr --- ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_241d6636a647111384c100ebd54f8888.png)![](https://minio.apps.education.fr/codimd-prod/uploads/upload_a8c495e7eb1ab232cfc97fc37e71c084.png =180x)![](https://dne-elearning.gitlab.io/moodle-elea/documentation/img/elea.png =80x) # Utiliser une image comme bouton de lancement sous Eléa ## 1. Différents boutons de lancement sous Eléa ### a. Les différents boutons en images Chaque bouton de lancement proposé ci-dessous a son tutoriel dédié (voir le paragraphe suivant). ![](https://minio.apps.education.fr/codimd-prod/uploads/upload_e7709bde9721b88215864890134d2267.png) ### b. les liens vers les tutoriels des différents boutons de lancement Choix 1 : [Pour créer un seul bouton de lancement simple](https://codimd.apps.education.fr/s/oYi6r70ur#) [Pour créer plusieurs boutons de lancement simlutanémment - Vidéo](https://codimd.apps.education.fr/s/m48lSJI93m#) Choix 2 : [Pour personnaliser le texte d'un bouton de lancement](https://codimd.apps.education.fr/s/A0Q9UN4pK#) Choix 3 : [Pour créer un bouton de lancement à partir d'une image](https://codimd.apps.education.fr/s/xJKbtSXp1#) Choix 4 : Pour créer des boutons de lancement simples avec une esthétique améliorée * [Avec vidéo](https://codimd.apps.education.fr/s/fjLWHt11T#) * [Avec texte et images à partir d'un générateur de code HTML](https://codimd.apps.education.fr/s/oYi6r70ur#) * [Avec texte et images à partir de l'analyse du code HTML](https://codimd.apps.education.fr/s/-b8hhpvx7#) Choix 5 : [Pour créer plusieurs boutons de lancement habillés, organisés dans un tableau]() Choix 6 : [Pour créer des boutons de lancement en utilisant une image avec des zones cliquables](https://codimd.apps.education.fr/s/SIQ1zuywR#) ## 2. Capsule vidéo sur la création d'un bouton de lancement à partir d'une image <iframe src="https://podeduc.apps.education.fr/video/45893-elea-creation-dun-bouton-de-lancement-en-utilisant-une-image/?is_iframe=true" width="640" height="360" style="padding: 0; margin: 0; border:0" allowfullscreen title="Eléa - Création d'un bouton de lancement en utilisant une image" ></iframe> ## 3. Les temps forts de la vidéo ### a. ### b. </br> ###### *Une erreur, un oubli, un lien mort, une suggestion... contactez l'auteur de cette page : vous trouverez son nom en affichant le code source de cette page (cliquez sur le stylo à côté du nombre de vues, en haut de page, puis CTRL+ALT+B)* --- <p xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/"><a property="dct:title" rel="cc:attributionURL" href="https://codimd.apps.education.fr/s/Zp7FVcXAn#">Les tutoriels Éléa de la DRANe Bretagne </a> sont tous publiés sous licence <a href="http://creativecommons.org/licenses/by-sa/4.0/deed.fr" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0<img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"><img style="height:22px!important;margin-left:3px;vertical-align:text-bottom;" src="https://mirrors.creativecommons.org/presskit/icons/sa.svg?ref=chooser-v1"></a></p>