Pour commencer, ouvrez la page Exercice dans un nouvelle onglet en cliquant sur le lien. Retournez ensuite sur votre page personnelle. Les défis portent sur la modification de votre page personnelle

Défis Ceinture Jaune à réaliser sur Yeswiki

1) premier défi => Réaliser un affichage en accordeon

• Rendez-vous sur votre page personnelle
• Cliquez sur "éditer la page" (en bas) ou double cliquez dans la page,
• Positionnez le curseur en bas de la zone d'édition
• dans le menu Composants choisissez Mise en forme puis Afficher des encadrés en accordéon
• en bas de la pop'in cliquez sur Inserer dans la page
• Le code suivant est inséré :

{{accordion }}
{{panel title="Titre 1"}}
Texte du panneau 1 à changer par la suite
{{end elem="panel"}}
{{panel title="Titre 2"}}
Texte du panneau 2 à changer par la suite
{{end elem="panel"}}
{{end elem="accordion"}}

• Sauvegardez la page : deux accordéons s'affichent

2) deuxième défi => modifier le titre d'un accordeon
Le code généré par yeswiki est composé de deux éléments :

• un élement accordion l'accordéon qui contient 1 ou plusieurs panneaux
• un élement panel le panneau qui contient le texte que vous souhaitez faire apparaître

Chaque élément possède une balise de début {{accordion}} et une balise fin {{end elem="accordion"}}
L'élément panel possède un attribut title modifiable par l'utilisateur

• Rendez-vous en modification sur votre page personnelle
• modifiez l'attribut title du premier accordion =>
• modifiez l'attibut title du second accordion =>
• Sauvegardez la page

3) troisième défi => modifier le contenu de l'accordeon
le contenu de l'accordéon se trouve dans l'élément panel.
Entre {{panel title="votre titre"}} et {{end elem="panel"}}

• rendez vous en modification sur votre page personnelle
• remplacez le texte Texte du panneau 1 à changer par la suite par un lien vers la page [Exercice: [Exercice](YeswikiExercice2)
  • remplacez le texte Texte du panneau 2 à changer par la suite par un bouton (voir exercice ceinture blanche)
  • sauvegardez la page et admirez votre travail

4) quatrième défi => ajoutez un panneau supplémentaire
Un panneau est composé de deux balises : {{panel title="votre titre"}} et {{end elem="panel"}}
Un panneau est toujours à l'intérieur de l'accordeon.
Pour ajouter un panneau il faut copier les deux balises au bon endroit

• rendez vous en modification sur votre page personnelle
• copiez les deux balises : {{panel title="votre titre"}} et {{end elem="panel"}}
• positionnez votre curseur après une balise {{end elem="panel"}} et ajoutez une nouvelle ligne
• collez les deux balises
• modifiez l'attribut title
• ajoutez le contenu qui vous plaira
• sauvegardez votre page personnelle et admirez votre travail

Une aide simple est aisément accessible en cliquant sur "aide mémoire ?" lorsque vous êtes en mode édition.

---