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

Créer un Menu Horizontal avec Dreamweaver

Retour à la formation
Chapitre 3 Leçon 10
Précédent
Suivant

Apprenez à réaliser un menu horizontal avec Dreamweaver en utilisant une liste et CSS.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons continuer la réalisation de notre maquette en créant le menu horizontal situé entre le logo et l'image principale. Nous utiliserons des listes HTML et du CSS pour styliser ce menu.

Ce menu sera inséré dans la zone laissée vide pour l'instant. La leçon est structurée de manière à commencer par la création des éléments de menu, leur transformation en liste, et enfin l'ajout de styles CSS pour obtenir l'apparence souhaitée.

Nous aborderons également l'importance de réduire les marges et les paddings pour assurer un bon positionnement du menu, ainsi que l'utilisation des pseudoclasses pour personnaliser l'apparence des liens selon leur état (normal, visité, au survol, cliquer).

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Créer un menu horizontal à partir d'une liste
  • Styliser la liste avec CSS
  • Gérer les marges et les paddings pour un positionnement optimal
  • Utiliser les pseudoclasses pour personnaliser les liens

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir :

  • Une connaissance de base de Dreamweaver
  • Des notions élémentaires en HTML et CSS

Métiers concernés

Les compétences abordées dans cette vidéo peuvent être appliquées dans les métiers suivants :

  • Développeur Web
  • Designer Web
  • Intégrateur Web

Alternatives et ressources

Si vous préférez d'autres outils, vous pouvez utiliser :

  • Visual Studio Code
  • Atom
  • Sublime Text

Questions & Réponses

Les puces de liste peuvent créer une apparence non professionnelle et désordonnée, il est donc important de les supprimer pour obtenir un menu propre et aligné.
Les marges et les paddings contrôlent l'espace entourant les éléments du menu, ce qui affecte leur positionnement et alignement sur la page.
Les pseudoclasses permettent de styliser les liens différemment selon leur état (normal, visité, au survol, enfoncé), améliorant ainsi l'expérience utilisateur et la navigation.