Insérer un bouton


image yusufdemirci180300118.jpg (66.0kB)


Bonjour et bienvenue
Nous allons voir ici comment insérer un bouton en ayant la possibilité de le personnaliser.

Définition d'un bouton

Un bouton est un élément qui permet à l'utilisateur de cliquer sur une zone prédéfinie afin d'être réorienté vers le lien URL souhaité par son créateur
Pour commencer, double-cliquez sur votre page afin d'atteindre le mode "édition" puis cliquez sur l'option "composants" puis "boutons", une fenêtre va alors s'ouvrir afin d’éditer les paramètres de votre bouton.
Il existe deux types de paramètre: obligatoire ou optionnel. Dans le cas du bouton, il n'y a qu'un paramètre obligatoire à son affichage: le lien vers lequel il renvoie. Les autres paramètres sont destinés à modifier certaines des propriétés de l'action concernée, comme son aspect esthétique (taille, couleur...) ou son fonctionnement (lien, texte au survol...).

Insérer son premier bouton


Pour commencer, double-cliquez sur votre page afin d'accèder au mode "édition".
Puis cliquez sur l'option "composants" en haut la feuille, puis "boutons" dans le menu déroulant.
Une fenêtre va alors s'ouvrir, vous permettant d’éditer votre bouton.

Dans cette fenêtre possède 4 paramètres:
  • Texte du bouton (personnalise le texte du bouton).
  • Adresse du lien (détermine l'adresse URL où renvoie le bouton)
  • Icône (ajoute une icône au bouton)
  • Couleurs (personnalise la couleur de fond du bouton)



Un bouton avancé


Il est possible de personnaliser d'avantage votre bouton en cliquant sur "paramètres avancés", dans la fenêtre de création du bouton.
Apparaitrons alors 7 nouveaux paramètres:
  • Texte affiché au survol (affiche un texte si le curseur est sur le bouton)
  • Taille (personnalise la taille du bouton)
  • Ouvrir le contenu du lien dans une popup/nouvelle fenêtre (détermine comment s'ouvre la page)
  • Position (alligne le bouton sur la page)
  • Masquer si l'utilisateur n'a pas accès à la page liée (détermine l'utilisabilité du bouton)
  • Afficher sous forme de lien (modifie l'aspect du bouton)


Félicitations !

Vous avez insérer votre premier bouton!
Passons a la suite (II)!



Tutoriel réalisé par Paul Bulliard, Florian Baron, Cédric Berthet et Siegfried Jeandel. Sous licence CC by sa 2021.

InsererUnBouton (LMS Activité), écrite par RomainLalande
créée le 03.03.2021 à 11:40, mise à jour le 03.03.2021 à 16:13