Introduction video
Principes généraux
Réaliser une maquette en responsive Design
Maitriser l'intégration en Responsive Design
Le travail des textes
Intégrer des images optimisées
Une réalisation complète
Connaissances complémentaires
Conclusion
Détails de la leçon
Description de la leçon
Cette leçon explique le processus de modification d'une maquette web pour différentes tailles d'écran. Nous abordons la réapparition d'un slider, l'ajustement des hauteurs et des largeurs des différentes sections (En-Tête, A-Side, Section), et l'application de la propriété float pour aligner des éléments côte à côte. Afin de garantir une mise en page optimale sur tous les appareils (smartphone, tablette, écran), nous décrivons également l'utilisation de la propriété clear pour les éléments suivants les éléments flottants. Chaque aspect est expliqué de façon détaillée pour assurer une compréhension complète et permettre une application pratique et efficace dans vos projets web.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à ajuster des éléments CSS pour différentes tailles d'écran, et de comprendre l'utilisation des propriétés float et clear dans une maquette responsive.
Prérequis pour cette leçon
Pour suivre cette vidéo, des connaissances de base en HTML et CSS sont nécessaires.
Métiers concernés
Les compétences abordées sont particulièrement utiles pour les métiers de développeur front-end, designer UX/UI et intégrateur web.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser des frameworks CSS comme Bootstrap ou Foundation qui offrent des solutions préfabriquées pour des designs responsives.
Questions & Réponses
Je m'abonne