CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Positionnement des Éléments en CSS avec Dreamweaver

Retour à la formation
Chapitre 4 Leçon 5
Précédent
Suivant

Apprenez à créer une page avec un menu fixe et un contenu défilant grâce à Dreamweaver et CSS.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous guidons pas à pas pour réaliser une page web comportant un menu fixe et un contenu défilant à l'aide de Dreamweaver. Nous commençons par créer une page vierge et y incorporons deux blocs div : un pour le menu et un pour le contenu principal. Le menu est positionné de manière fixe à l'aide de CSS afin qu'il reste visible en haut de la page même lorsque l'utilisateur fait défiler le contenu. Nous abordons également le problème lié à certains bugs anciens de Dreamweaver sur Macintosh et comment les contourner. La leçon se termine par des conseils sur l'ajout de padding au contenu pour une meilleure présentation visuelle.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'enseigner :
- La création de blocs div en Dreamweaver
- L'utilisation du positionnement fixe en CSS
- L'ajout et la modification de règles de styles CSS

Prérequis pour cette leçon

Pour suivre cette vidéo, il est recommandé d'avoir :
- Des connaissances de base en HTML et CSS
- Dreamweaver installé sur votre ordinateur
- Une compréhension des concepts de mise en page web

Métiers concernés

Les compétences abordées dans ce tutoriel sont utiles pour les métiers suivants :
- Développeur Front-End
- Web Designer
- Intégrateur HTML/CSS

Alternatives et ressources

Comme alternatives à Dreamweaver, vous pourriez utiliser des éditeurs de code tels que :
- Visual Studio Code
- Sublime Text
- Atom

Questions & Réponses

Un menu en position fixe reste visible pour l'utilisateur même lorsqu'il fait défiler la page, améliorant ainsi la navigation et l'accessibilité.
Pour résoudre ce bug, il faut s'assurer que le positionnement fixe est bien orthographié avec un 'D' à la fin de 'fix' dans les versions concernées de Dreamweaver sur Macintosh.
Le padding est nécessaire pour éviter que le texte du contenu principal ne se place directement sous le menu, assurant ainsi une meilleure lisibilité et présentation visuelle de la page.