Modifier des formulaires dans Dreamweaver

Name: Modifier des formulaires dans Dreamweaver
Author: Patti Scully-Lane

L’ajout de contenu à vos pages est ce que Dreamweaver facilite. Vous allez ajouter du contenu textuel, puis le mettre en forme à l’aide d’en-têtes, de puces et…

Preview the first lesson free — get full access to all 5 lessons.

Demander une démo Se connecter

Cours : à la demande

Dans cette leçon, vous apprendrez à ajouter un élément de formulaire à une page dans Adobe Dreamweaver. Maintenant, avant de commencer, nous devons configurer un site pour notre dossier de fichiers de cours. Nous allons donc aller dans le menu du site, vers un nouveau site. Nous allons rechercher un dossier et j'ai enregistré les fichiers de cours sur mon bureau et il y a le module quatre formulaires. Nous allons donc sélectionner ce dossier. Et nous allons nommer ce site, en travaillant avec le formulaire, et nous allons cliquer sur le bouton enregistrer plus dans le panneau des fichiers est l'endroit où nous voyons tous des fichiers de cours que nous utiliserons afin de créer notre formulaire dans les prochaines leçons. Nous allons travailler avec le contact.HTML. Nous allons donc l'ouvrir en double-cliquant dessus. Nous allons également ouvrir le contact fait, juste pour jeter un coup d'œil sur ce que nous allons construire. Voici donc notre formulaire. Nous allons donc avoir des champs de texte et des boutons radio et des cases à cocher et une zone de texte dans notre formulaire ainsi qu'un bouton d'envoi en bas. Maintenant, pour que nous puissions réellement créer le formulaire, nous allons revenir à notre fichier contact.HTML. Nous allons cliquer dans cette zone sur la gauche et nous allons juste taper nous contacter. Et avec notre curseur dans ce paragraphe, nous allons descendre dans notre panneau de propriétés et nous allons changer le format de ce paragraphe à un H1, en-tête un, donc nous allons cliquer sur ce menu déroulant dans notre panneau de propriétés et remplacez-le par un en-tête. Maintenant, nous allons cliquer sur l'entrée ou la touche retour pour descendre à la ligne suivante. Et c'est là que nous allons ajouter notre élément de formulaire. Deux autres endroits où nous pourrions aller pour ajouter notre formulaire. Le premier est sous le menu d'insertion, jusqu'au formulaire, et vous pouvez voir tous les différents éléments de formulaire ici. Un autre endroit où nous pouvons aller est terminé au panneau d'insertion ici à droite juste dans le même groupe avec notre panneau de fichiers. Maintenant, si vous ne voyez pas vos éléments de formulaire, cliquez simplement sur le menu déroulant et choisissez le formulaire, et la première chose que nous devons faire pour créer ce formulaire est d'ajouter un élément de formulaire. Nous allons donc cliquer une fois sur ce formulaire. Et quand nous regardons dans notre domaine, dans notre vue de conception, nous pouvons voir une bordure rouge en pointillés et cette bordure rouge va être enroulée autour tous les éléments du formulaire que nous allons ajouter à notre formulaire. Maintenant, avec cela sélectionné, nous allons regarder ici nos propriétés. Et la première chose que nous voulons faire est de choisir pour nommer notre formulaire et lui donner un ID. Donc on va nommer ce contact parce que cela va demander aux gens des informations pour constituer notre base d'abonnements à la newsletter. Maintenant juste à droite de l'ID est notre action et notre méthode. Maintenant, il existe deux types de formulaires différents que vous pouvez créer dans Dreamweaver en HTML. Le premier est un post et le second est un git, avec un courrier, vous envoyez des informations à quelqu'un qui va recevoir cette information et tu ne vas pas voir quelles informations ils reçoivent. Avec un connard, vous mettez des informations, s'attendant à obtenir quelque chose en retour. Donc, si vous pensez à votre banque en ligne, tu mets un nom d'utilisateur et un mot de passe et vous obtenez toutes vos informations bancaires. Maintenant, nous allons choisir la publication comme méthode pour notre formulaire parce que nous voulons que les gens nous envoient simplement leurs informations. Maintenant, pour que n'importe quel formulaire fonctionne, vous avez besoin d'une action. Une action est un fichier séparé écrit soit en JavaScript ou PHP qui permet le transfert de ces informations. Maintenant, nous n'allons pas entrer dans cette action mais pour qu'un formulaire fonctionne vraiment, c'est quelque chose dont vous allez avoir besoin. C'est donc ici que vous feriez un lien vers ce script ce serait dans votre dossier de site. Maintenant, ici, voici quelques-unes des nouvelles fonctionnalités HTML5 pris en charge par Dreamweaver. Et le premier n'est pas valide. Le second est une saisie semi-automatique. Nous allons donc vérifier ce bouton. Ce que cela permet, c'est que si quelqu'un commence pour remplir notre formulaire, il y aura certains champs qui se rempliront automatiquement s'ils ont enregistré ces informations dans leur navigateur. Alors maintenant que nous avons notre formulaire, tout ce que nous avons à faire est de commencer à ajouter notre contenu, et c'est ce que nous ferons dans la prochaine leçon. Ainsi, dans cette leçon, vous avez appris les différents types de formulaires que Dreamweaver peut avoir et comment ajouter un élément de formulaire à votre page dans Adobe Dreamweaver.

Intermédiaire Fournisseur : Patti Scully-Lane 5 leçons · 41m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Ourdou, Chinese

Description du cours

L’ajout de contenu à vos pages est ce que Dreamweaver facilite. Vous allez ajouter du contenu textuel, puis le mettre en forme à l’aide d’en-têtes, de puces et de styles gras et italiques. Vous allez ajouter et formater des images et vous assurer que la structure des dossiers et la source des images sont correctes. Vous créerez des liens texte vers d’autres sites, des pages du même site et des adresses électroniques.

Objectifs de la formation

Ce que vous allez apprendre

Ajouter un élément de formulaire à une page dans Dreamweaver
Ajouter des éléments de champ de texte à un formulaire
Créer un groupe de boutons radio dans un formulaire
Travailler avec des cases à cocher et des groupes de cases à cocher
Créer une zone de texte et un bouton de soumission

Points clés à retenir

Le cours couvre l'ajout d'un élément de formulaire à une page dans Dreamweaver.
Il montre comment ajouter des éléments de champ de texte à un formulaire.
Il démontre la création d'un groupe de boutons radio et l'utilisation de cases à cocher et de groupes de cases à cocher.
Il explique comment créer une zone de texte et un bouton de soumission pour un formulaire.

Foire aux questions

Qu'apprendrai-je dans ce cours ?

Vous apprendrez à ajouter un élément de formulaire, à ajouter des éléments de champ de texte, à créer un groupe de boutons radio, à travailler avec des cases à cocher et des groupes de cases à cocher, et à créer une zone de texte et un bouton de soumission dans Dreamweaver.

Quelles compétences ce cours couvre-t-il ?

Le cours couvre Adobe Dreamweaver, le format web de conception, le formatage de document, le formatage HTML, la création web et les systèmes de modèles web.

Quels éléments de formulaire le cours m'apprend-il à construire ?

Il enseigne la création de champs de texte, d'un groupe de boutons radio, de cases à cocher et de groupes de cases à cocher, d'une zone de texte et d'un bouton de soumission au sein d'un formulaire.

Sur quel outil ce cours est-il basé ?

Ce cours est basé sur l'utilisation de formulaires dans Adobe Dreamweaver.