Création d'une Page d'Accueil Responsive

Struture de page en Client-First
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
WeWeb & Airtable - Introduction Marketplace No-Code
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 incluent la maîtrise de la méthodologie client first, la création de pages d'accueil responsive, et l'intégration de l'accessibilité dans le design web.

Cette vidéo vous guide dans la création d'une page d'accueil en utilisant la méthodologie client first. Apprenez à structurer votre page avec un design responsive.

Dans cette leçon, vous découvrirez comment créer une page d'accueil efficace en suivant la méthodologie client first, développée par Finsuite. La vidéo commence par une introduction aux éléments essentiels d'une page d'accueil, tels que le hero, le page wrapper, et le main wrapper. Vous apprendrez à organiser vos sections avec des classes CSS pour assurer une mise en page cohérente et maintenable. Ensuite, nous aborderons l'importance du padding global pour garantir des espacements harmonieux.

Un accent particulier est mis sur l'accessibilité, en utilisant des unités de mesure comme REM pour rendre le contenu adaptatif aux besoins des utilisateurs malvoyants. Finalement, vous découvrirez comment paramétrer des containers larges pour assurer que la présentation de votre site reste intacte sur les grands écrans.

Voir plus
Questions réponses
Qu'est-ce que la méthodologie client first?
La méthodologie client first est une nomenclature de développement qui structure le contenu pour être centré sur l'utilisateur final, facilitant la navigation et l'accès au contenu.
Pourquoi utiliser du padding global?
Le padding global est utilisé pour créer de l'espace constant autour de vos éléments, empêchant le contenu de se coller aux bords, ce qui améliore l'esthétique et la lisibilité.
Quelle est l'importance d'utiliser des unités REM?
Utiliser des unités REM facilite la mise en page adaptative, car elles se basent sur la taille de police définie, aidant à l'accessibilité, surtout pour les utilisateurs malvoyants.

Programme détaillé