CATALOGUE Code & Data Formation Dreamweaver Apprendre Dreamweaver CS5 - Formation Complète

Création et Personnalisation d'un Formulaire avec Dreamweaver

Retour à la formation
Chapitre 3 Leçon 20
Précédent
Suivant

Découvrez comment créer un formulaire complet et fonctionnel avec Dreamweaver, en ajoutant divers champs, boutons et en configurant les options essentielles.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous vous guiderons à travers la création d'un formulaire utilisant Dreamweaver. Nous commencerons par insérer une balise form pour encapsuler tout le formulaire et déterminerons l'action à effectuer lors de l'envoi, en optant pour une méthode de soumission par email (mailto). Nous configurerons la méthode POST pour garantir la sécurité des données transmises. Ensuite, nous ajouterons différents champs tels que les champs de texte pour le nom et le prénom, des boutons radio pour la civilité, une case à cocher pour s'abonner à une newsletter, et un menu déroulant pour sélectionner le pays d'origine. Enfin, nous inclurons des boutons pour envoyer ou réinitialiser le formulaire, et explorerons leurs diverses propriétés pour fournir une expérience utilisateur optimale.

Objectifs de cette leçon

À la fin de cette vidéo, vous serez en mesure de:

  • Créer un formulaire dans Dreamweaver
  • Ajouter et configurer différents types de champs
  • Configurer les propriétés de soumission du formulaire
  • Optimiser l'accessibilité du formulaire avec des attributs spécifiques

Prérequis pour cette leçon

Avant de suivre cette vidéo, assurez-vous de:

  • Connaître les bases de HTML et CSS
  • Avoir une version installée de Dreamweaver

Métiers concernés

Cette compétence est utile pour les métiers de développeur web, designer web, et toute autre profession requérant la création de formulaires interactifs sur des sites web.

Alternatives et ressources

Pour ceux qui ne possèdent pas Dreamweaver, vous pouvez utiliser des éditeurs de texte gratuits comme Notepad++ ou Visual Studio Code pour écrire votre code HTML et CSS.

Questions & Réponses

La méthode POST est recommandée car elle masque les données transmises, contrairement à la méthode GET qui affiche ces données dans l'URL.
Dreamweaver n'offre pas nativement l'attribut 'text/plain' pour l'encodage des courriels, qui doit être ajouté manuellement.
Il est important de renseigner les étiquettes car elles déterminent les valeurs qui seront envoyées lors de la soumission du formulaire, et elles servent de repères visuels pour l'utilisateur.