Ressources de Dreamweaver CS4
|
Ajout d'un formulaire HTML permettant aux utilisateurs de se connecter
Ajoutez un formulaire HTML à la page afin de permettre aux utilisateurs de se connecter en entrant un nom d'utilisateur et un mot de passe.
- Créez une page (Fichier > Nouveau > Page vierge) et mettez en forme votre page de connexion à l'aide des outils de création de Dreamweaver.
- Pour ajouter le formulaire HTML, placez le point d'insertion à l'endroit où le formulaire doit apparaître, puis choisissez Insertion > Formulaire.
Un formulaire vierge est créé sur la page. Il est parfois nécessaire d'activer les éléments invisibles (Affichage > Assistances visuelles > Eléments invisibles) pour afficher les contours du formulaire, représentés par de fines lignes rouges.
- Pour nommer le formulaire HTML, commencez par le sélectionner en cliquant sur la balise <form> au bas de la fenêtre de document, ouvrez l'inspecteur Propriétés (Fenêtre > Propriétés), puis entrez un nom dans la zone Nom du formulaire.
Vous n'avez pas besoin de définir l'attribut action ou method du formulaire pour lui indiquer où et comment envoyer les données d'enregistrement lorsque l'utilisateur clique sur le bouton Envoyer. En effet, le comportement de serveur Connecter l'utilisateur définit automatiquement ces attributs.
- Ajoutez au formulaire les champs de texte Nom d'utilisateur et Mot de passe (Insertion > Formulaire > Champ de texte).
Ajoutez des étiquettes (texte ou images) à côté de chaque zone de texte, puis organisez ces zones en les plaçant dans un tableau HTML et en donnant à l'attribut BORDER de la table la valeur 0.
- Ajoutez un bouton Envoyer au formulaire (Insertion > Formulaire > Bouton).
Vous pouvez modifier l'étiquette du bouton Envoyer ; pour ce faire, sélectionnez ce bouton, ouvrez l'inspecteur Propriétés (Fenêtre > Propriétés) et entrez une nouvelle valeur dans la zone Etiquette.
L'étape suivante de la création d'une page de connexion consiste à ajouter le comportement de serveur Connecter l'utilisateur pour vérifier que le nom d'utilisateur et le mot de passe saisis sont valides.
|