CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 Créer un Menu Horizontal avec Dreamweaver

Créer un Menu Horizontal avec Dreamweaver

Créer un menu horizontal avec des liens (Nouveauté)
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

Réalisation du Menu

Objectifs

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

Résumé

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

Description

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).

Voir plus

Questions - réponses

Pourquoi est-il important de supprimer les puces d'une liste lors de la création d'un menu horizontal ?
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é.
Quel rôle jouent les marges et les paddings dans le positionnement d'un menu ?
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.
Quels sont les avantages d'utiliser des pseudoclasses pour les liens de menu ?
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.

Programme détaillé