Décalage et Positionnement des Éléments
Objectifs
Les objectifs de cette vidéo incluent :
- Déplacer et aligner des éléments avec précision en utilisant CSS.
- Optimiser l'intégration et la gestion des paddings et des marges.
- Appliquer et contrôler les arrière-plans de page et de sections spécifiques.
- Centrer efficacement des éléments et des structures de page dans un navigateur.
- Solutions aux problèmes fréquents de compatibilité.
Résumé
Améliorer l'apparence de votre site web en ajustant le logo, le copyright, et en ajoutant des arrière-plans avec CSS et Dreamweaver.
Description
Dans cette leçon, vous apprendrez à perfectionner la page web précédemment créée en utilisant des techniques avancées de CSS avec Dreamweaver. Nous débuterons par le décalage du logo vers la droite pour un alignement optimal, suivi de modifications sur la taille et la position du texte de copyright afin qu'il s'intègre harmonieusement dans la zone de pied de page. Ensuite, nous centrerons toute la structure de la page, plaçant un arrière-plan global et un fond dégradé gris pour la zone d'en-tête. En manipulant les marges et les paddings, vous découvrirez leurs effets sur le positionnement et l'apparence de vos éléments web, en particulier les différences et avantages d'utiliser padding au lieu des marges pour une meilleure compatibilité avec d'anciens navigateurs comme Internet Explorer 6.
Enfin, vous apprendrez à centrer la composition en enveloppant le contenu de la page dans une balise DIV avec une largeur fixe et des marges automatiques, et à ajouter un arrière-plan personnalisé à l'aide de la balise HTML pour des nuances supplémentaires. Chaque étape est suivie de démonstrations pratiques pour une compréhension complète.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - Découverte
Module 3 - Créer des pages
Module 4 - Réaliser des pages
Module 5 - Les spécialités de Dreamweaver
