Adaptation de maquette pour différents appareils

Réaliser une maquette html pour écran
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre le Responsive Design
Revoir le teaser Je m'abonne
Transcription

59,90€ 29,95€ Je commande

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

DescriptionProgrammeAvis

59,90€ 29,95€ Je commande

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

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.

Découvrez comment ajuster une maquette web pour une tablette en modifiant des propriétés CSS essentielles.

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.

Voir plus
Questions réponses
Pourquoi utiliser la propriété 'clear' en CSS ?
Pour empêcher les éléments suivants les éléments flottants de les entourer, assurant ainsi une mise en page correcte de la page.
Comment rendre visible un élément masqué avec 'display: none' ?
En passant la propriété 'display' de 'none' à 'block' ou tout autre valeur appropriée.
Quel est l'intérêt de définir des pourcentages pour les largeurs des sections ?
Définir des pourcentages permet aux sections d'être responsives et de s’adapter dynamiquement à la taille de l’écran.

Programme détaillé