CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 Créer des mises en page avec des éléments en positionnement absolu dans Dreamweaver

Créer des mises en page avec des éléments en positionnement absolu dans Dreamweaver

Mise en page en utilisant l'outil élément PA
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Dreamweaver CS5
Revoir le teaser Je m'abonne
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Utilisation des éléments PA : une approche détaillée

Objectifs

Les objectifs de cette vidéo sont :
- Comprendre le positionnement absolu dans Dreamweaver.
- Apprendre à utiliser l'outil de tracé de div PA.
- Gérer la propriété z-index pour la superposition des éléments.
- Assurer le centrage correct des éléments PA par la configuration de leur parent.

Résumé

Découvrez comment Dreamweaver facilite la création de mises en page avancées en utilisant des éléments en positionnement absolu (PA) pour superposer du contenu.

Description

Dans cette leçon, nous explorons l'utilisation du positionnement absolu des éléments dans Dreamweaver. Un élément PA se positionne par rapport à son élément parent, à condition que ce parent soit lui-même positionné. Dreamweaver fournit un outil pratique sous l'onglet mise en forme dans la palette d'insertion, permettant de tracer des divisions absolues (div PA). Nous montrons comment tracer un div, ajouter des images, ajuster ses dimensions et utiliser la propriété z-index pour gérer la superposition des éléments. En configurant correctement le conteneur parent avec un positionnement relatif, nous assurons que les éléments PA se centrent correctement dans la page. Finalement, nous ajustons la hauteur de la zone de contenu pour garantir une mise en page correcte.

Cette leçon vous apportera des compétences pratiques pour produire des mises en page complexes où les éléments se superposent, une technique essentielle pour des designs web modernes et réactifs.

Voir plus

Questions - réponses

Quelle est la fonction principale de la propriété z-index dans le positionnement absolu ?
La propriété z-index détermine l'ordre de superposition des éléments positionnés par rapport aux autres éléments sur la même page.
Que se passe-t-il si l'élément parent n'est pas positionné lors de l'utilisation d'un élément en positionnement absolu ?
Si l'élément parent n'est pas positionné, l'élément en positionnement absolu se positionne par rapport à la balise Body par défaut.
Pourquoi est-il important de couper et coller les éléments PA dans la balise Contenu dans Dreamweaver ?
Ceci assure que les éléments PA se déplacent et se centrent correctement en fonction de la fenêtre du navigateur, garantissant ainsi une mise en page cohérente et lisible.

Programme détaillé