Please enable JavaScript!
Bitte aktiviere JavaScript!
S'il vous plaît activer JavaScript!
Por favor,activa el JavaScript!
antiblock.org

Modification des listes et des menus

Ce tutoriel va illustrer la modification des listes et menus dans Dreamweaver.

Dans cette section, nous allons examiner les listes et les menus et modifier certains éléments de notre formulaire de commande.

Voici le formulaire à présent.

formulaire

Maintenant, faire un espace en positionnant le curseur à droite de la zone de texte Nom puis en appuyant sur la touche Entrée. Accédez au formulaire Insérer menu instantané et choisissez Sélectionner (Liste / Menu).

insertion liste menu

Compléter les éléments de la boîte de dialogue Attributs d'accessibilitédes balises d'entrée.

Attributs liste menu

Appuyez sur OK et la liste / menu est insérée dans le formulaire. Il a un type de menu.

Liste menu insérée

Avec la liste sélectionnée, regardez le contenu du panneau Propriétés. Appuyez sur le bouton Valeurs de la liste... et saisissez les éléments disponibles dans la boîte de dialogue Valeurs de la liste.

Modifier valeurs initiales

Ajouter de nouveaux éléments en appuyant sur le bouton +. Voici ma liste remplie de types de fleurs.

Valeurs de la liste

Dans le panneau Propriétés j'ai spécifié quel élément dans le menu doit être sélectionné au départ.

Elément sélectionnée au départ

Appuyez sur OK et le menu est maintenant installé sur le formulaire.

Liste menu

Maintenant, testez le menu en mode Affichage en direct.

Affichage en direct liste menu

Dans Dreamweaver la liste et le menu se ressemblent beaucoup, mais il y a une différence importante. Une liste vous permet de faire défiler les éléments et vous pouvez sélectionner plusieurs éléments. Un menu ne fonctionne pas comme ça.

Si nous voulons convertir notre menu en liste, nous avons à le faire dans Propriétés après avoir cliqué pour sélectionner le menu dans la page. Cochez Liste au lieu de Menu dans Type te pour autoriser plusieurs sélections, cochez la case correspondante et pour sélectionner plusieurs éléments, maintenez la touche Ctrl du clavier en foncée pendant que vous cliquez sur les élémnets de la liste à sélectionner.

Choix liste

Si je mets le type de liste et la hauteur à 1, le test en Affichage en dierct montre la différence. J'ai aussi choisi deux fleurs.

Affichage liste

 

Poursuivre les tutos avec:

Insertion d'un bouton image

Dynamiser les objets de formulaire

Validation des formulaires

 

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site