Ajout d'un pied de page
Remarque
Vous souhaitez apprendre en français ? Dans ce badge, les validations de défi pratique Trailhead se font en anglais. Les traductions sont fournies entre parenthèses à titre de référence. Dans votre Trailhead Playground, veillez (1) à définir les États-Unis comme région, (2) à sélectionner l’anglais comme langue, et (3) à copier et coller uniquement les valeurs en anglais. Suivez les instructions ici.
Consultez le badge Trailhead dans votre langue pour découvrir comment profiter de l’expérience Trailhead traduite.
Les composants Web Lightning étant le moyen privilégié pour créer une interface utilisateur avec Salesforce, consultez le parcours Migration de composants Visualforce vers des composants Web Lightning pour apprendre à utiliser les LWC et vous conformer aux normes Web actuelles. Sinon, continuez avec ce badge pour en savoir plus sur Visualforce.
Introduction
Dans ce projet, vous allez utiliser Lightning Design System avec Visualforce pour élaborer une page qui affiche vos contacts en tant que composants vignette. La page va s'appuyer sur la présentation de la nouvelle interface utilisateur Lightning, sans écrire une seule ligne de feuille de style CSS !
Lightning Design System comprend plusieurs éléments :
- Infrastructure CSS
- Composants HTML
- Icônes
- Jetons de conception
- Consignes de conception
Au cours de ce projet, nous allons nous intéresser à l’infrastructure CSS, aux composants HTML et nous évoquerons brièvement les icônes. Pour une présentation détaillée de Lightning Design System, consultez la documentation disponible sur le site Lightning Design System.
Le nom Lightning Design System est relativement long. Par conséquent, nous allons l’appeler Design System.
Création d'une liste de contacts
Ce que vous allez faire
- Créer une page Visualforce qui affiche une liste de contacts
Voici une simple maquette que vous allez élaborer. Elle comprend un en-tête, suivi d'une liste de vignettes de contacts et un pied de page.
Ressources
Nous ne vérifierons pas votre configuration. Cliquez sur Verify Step (Vérifier l’étape) pour passer à l’étape suivante dans le projet.
