Création de Sections Efficaces dans Webflow

Construction de la Section Sécurité et Responsabilité
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Webflow - Créer la landing Page d'OpenAI
Revoir le teaser Je m'abonne
Transcription

Cette leçon fait partie de la formation
49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

DescriptionProgrammeAvis

Cette leçon fait partie de la formation
49,00€ Je commande

Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Les objectifs de cette vidéo sont de :

  • Comprendre comment ajouter et configurer des sections dans Webflow.
  • Apprendre à utiliser les classes d'utilité et raccourcis clavier pour optimiser le design.
  • Savoir intégrer des images et ajuster leurs proportions selon les besoins du projet.
  • Maîtriser les techniques d'espacement pour une présentation visuelle cohérente.

Découvrez comment créer rapidement des sections dans Webflow avec une attention particulière à la sécurité et à la responsabilité.

Dans cette leçon, nous vous guiderons à travers le processus de création d'une section Webflow dédiée à la sécurité et à la responsabilité. Nous commencerons par l'ajout d'une nouvelle section et l'organisation de son contenu. Ensuite, nous verrons comment utiliser les classes d'utilité pour optimiser l'agencement des éléments, y compris les liens et paragraphes, grâce à des raccourcis clavier spécifiques comme commande-alt-g et commande-enter. Vous apprendrez également à intégrer des images de manière esthétique, en utilisant les propriétés fit et cover pour une meilleure adaptation à différents ratios d'écran. Enfin, nous vous montrerons comment ajuster les marges et les espacements pour obtenir un rendu visuel homogène avec les autres sections de votre projet.

Voir plus
Questions réponses
Pourquoi utiliser des classes d'utilité dans Webflow?
Les classes d'utilité permettent de réutiliser des styles spécifiques à travers plusieurs éléments, économisant ainsi du temps et assurant une uniformité dans le design.
Quel raccourci permet de renommer une classe dans Webflow?
Le raccourci commande-enter permet de renommer rapidement une classe en accédant directement au style-selector.
Comment ajuster une image pour qu'elle s'adapte en plein écran?
En utilisant la propriété cover avec un ratio de 1:1, l'image se redimensionnera automatiquement pour couvrir tout l'écran sans déformation.