Tutoriel Dreamweaver

Dreamweaver

Découvez la puisssance de Dreamweaver dans ces tutoriels.

HTML HTML5 CSS Bootstrap PHP

Créer un menu de navigation avec Dreamweaver

Les menus Spry

Pour insérer un menu Spry, sélectionner l'onglet Spry.

Insertion Spry

Menu horizontal ou vertical

Pour insérer un menu horizontal ou vertical, cliquez sur le bouton 1

Exemple de menu horizontal


Exemple de menu vertical

 

Pour modifier le menu

1. Dans l'interface graphique, passer votre curseur au dessus du menu

2. Une étiquette bleu apparâit

Menu Spry horizontal


3. Cliquer dessus et regarder dans le panneau propriété

Propriétés Menu Spry horizontal

Vous pouvez gérer jusque 3 niveaux.

4. Pour y affecter des liens, positionnez-vous dans le bloc rouge que j'ai nommé "Edition des liens".

Texte : Le texte du lien

Lien : le lien vers la page

Titre : Le contenu du title, de l'infobulle qui s'affiche lorsque vous passez votre curseur sur le lien

Cible : Noter _blank si vous voulez que la page s'aouvre dans une nouvelle fenêtre

Menu à onglet Spry

Pour insérer un menu à onglet, cliquer sur le bouton 2.

Exemple de menu à onglet

  • Onglet 1
  • Onglet 2
Contenu 1
Contenu 2

 

Menu Accordéon Spry

Pour insérer un menu accordéon, cliquer sur le bouton 3.

Exemple de menu accordéon

Etiquette 1
Contenu 1
Etiquette 2
Contenu 2