|
L'ajout d'une barre de progression ou de compétences animée dans Weebly est un excellent moyen de représenter visuellement vos compétences ou votre progression vers un objectif. Voici comment procéder :
Étape 1 :Créer un élément de barre de progression
1. Connectez-vous à votre compte Weebly et ouvrez le site Web sur lequel vous souhaitez ajouter la barre de progression.
2. Cliquez sur le bouton « Ajouter » dans le menu de gauche et sélectionnez « Barre de progression » dans la section Éléments.
3. Faites glisser et déposez l'élément Barre de progression à l'emplacement souhaité sur votre site Web.
Étape 2 :Personnaliser la barre de progression
1. Une fois l'élément Barre de progression ajouté, cliquez dessus pour ouvrir les options de personnalisation dans le panneau de droite.
2. Sous l'onglet « Progression », vous pouvez définir le pourcentage de progression actuel. Cela détermine la quantité de barre qui sera remplie.
3. Sous l'onglet « Apparence », vous pouvez choisir le style et la couleur de votre barre de progression. Vous pouvez également ajouter une étiquette ou un titre pour décrire ce que représente la barre de progression.
Étape 3 :Ajouter une animation à la barre de progression
1. Cliquez sur l'onglet "Animations" dans le panneau de personnalisation.
2. Sous la section « Animation d'entrée », sélectionnez un effet d'animation dans la liste déroulante. Cet effet sera joué lorsque la barre de progression apparaîtra pour la première fois sur la page.
3. Ajustez les paramètres d'animation tels que le délai, la durée et l'accélération pour affiner le comportement de l'animation.
4. Prévisualisez l'animation en cliquant sur le bouton "Jouer" pour voir à quoi elle ressemblera sur votre site Web.
Étape 4 :Enregistrer et publier les modifications
1. Une fois que vous êtes satisfait de la personnalisation, cliquez sur le bouton « Enregistrer » dans le coin supérieur droit du panneau de personnalisation.
2. Enfin, cliquez sur le bouton « Publier » dans le coin supérieur droit de l'éditeur de site Web pour rendre vos modifications actives sur votre site Web.
En suivant ces étapes, vous pouvez facilement ajouter une barre de progression ou de compétences animée à votre site Web Weebly pour présenter visuellement vos compétences ou vos réalisations.
|
