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

Insertion d'un bouton image dans un formulaire dans Dreamweaver

Ce tutoriel va vous montrer comment insérer un bouton image dans une page web avec Dreamweaver.

Dreamweaver nous offre la possibilité d'intégrer des boutons, mais il est également possible de fournir vos propres boutons et de les utiliser. Vous pouvez dessiner vous-même ou vous les procurer auprès de sources diverses Internet.

J'ai créé très vite un bouton image. Ici, je vais l'utiliser pour offrir aux clients un plus grand choix de fleurs.

Voici le formulaire à ce jour.

Formulaire Dreamweaver

Je vais placer le nouveau bouton à droite de la liste des fleurs, l'intention étant que les clients puissent accéder à une liste plus longue s'ils veulent plus de choix. (Ce bouton ne fait rien maintenant encore, bien sûr. J'avais besoin d'écrire un peu de code!)

Donc, placez le curseur sur la droite de la liste de fleur.

Cette fois, nous allons utiliser le panneau Insertion, si il n'est pas déjà visible ( pour afficher le panneau Insertion à droite dans Dreamweaver, Fenêtre > Insertion ou raccourci clavier Windows: Ctrl+F2).

Panneau insertion formulaire Dreamweaver

Sélectionnez Formulaires à partir de la liste déroulante. Maintenant, sélectionnez Champ d'image. Notez que ce panneau peut être utilisé en général pour l'insertion d'objets dans les formulaires.

Champ image

Ceci appelle la boîte de dialogue Sélectionner la source de l'image. Accédez à l'image désirée.

Sélectionner source image

Cliquez sur OK, puis complétez la boîte de dialogue Attributs d'accessibilité des balises d'entrée.

Attributs accessibilité bouton image

Cliquez sur OK, l'image du bouton est insérée avec l'étiquette.

Bouton image inséré

Avec le champ de l'image sélectionnée, nous pouvons mettre à jour ses propriétés dans le panneau Propriétés, au besoin.

Cependant, pour que le bouton réellement fasse quelque chose que nous devons lui associer un comportement, ce qui peut être fait en utilisant le panneau Comportements.

 

Poursuivre les tutos avec:

Dynamiser les objets de formulaire

Validation des formulaires

   

 

 

Chaîne YouTube

 

Extras Dreamweaver

Autres fonctions Dreamweaver

Référencement de site