Guide d'utilisation Annuler

Utilisation de formulaires pour la collecte des informations sur les utilisateurs

  1. Guide de l’utilisateur de Dreamweaver
  2. Introduction
    1. Principes de base du design web réactif
    2. Nouveautés de Dreamweaver
    3. Développement web avec Dreamweaver - Présentation
    4. Dreamweaver / Questions fréquentes
    5. Raccourcis clavier
    6. Configuration requise pour Dreamweaver
    7. Récapitulatif des nouvelles fonctionnalités
  3. Dreamweaver et Creative Cloud
    1. Synchronisation des paramètres de Dreamweaver avec Creative Cloud
    2. Bibliothèques Creative Cloud dans Dreamweaver
    3. Utilisation de fichiers Photoshop dans Dreamweaver
    4. Utilisation d’Adobe Animate avec Dreamweaver
    5. Extraction de fichiers SVG optimisés pour le web depuis des Bibliothèques
  4. Espaces de travail et affichages Dreamweaver
    1. Espace de travail de Dreamweaver
    2. Optimisation de l’espace de travail Dreamweaver pour la conception visuelle
    3. Recherche de fichiers sur la base de leur nom ou de leur contenu | Mac OS
  5. Configuration de sites
    1. À propos des sites Dreamweaver
    2. Création d’une version locale de votre site
    3. Connexion à un serveur de publication
    4. Configuration d’un serveur d’évaluation
    5. Importation et exportation des paramètres d’un site Dreamweaver
    6. Importation de sites web d’un serveur distant vers la racine de votre site local
    7. Fonctions d’accessibilité dans Dreamweaver
    8. Paramètres avancés
    9. Définition des préférences de site pour le transfert de fichiers
    10. Indication des paramètres du serveur proxy dans Dreamweaver
    11. Synchronisation des paramètres de Dreamweaver avec Creative Cloud
    12. Utilisation de Git dans Dreamweaver
  6. Gestion des fichiers
    1. Création et ouverture de fichiers
    2. Gestion des fichiers et des dossiers
    3. Acquisition et placement de fichiers depuis ou vers votre serveur
    4. Archivage et extraction de fichiers
    5. Synchronisation de fichiers
    6. Comparaison de fichiers pour analyse de leurs différences
    7. Masquage de fichiers et de dossiers dans votre site Dreamweaver
    8. Activation des notes de conception pour les sites Dreamweaver
    9. Prévention de l’exploitation potentielle de Gatekeeper
  7. Mise en page et design
    1. Utilisation d’assistances visuelles pour la mise en forme
    2. À propos de l’utilisation de CSS pour mise en forme de votre page
    3. Création de sites web en responsive design avec Bootstrap
    4. Création et utilisation des requêtes de multimédia dans Dreamweaver
    5. Présentation de contenus dans des tableaux
    6. Couleurs
    7. Design réactif à l’aide de mises en forme à grille fluide
    8. Extract dans Dreamweaver
  8. CSS
    1. Description des feuilles de style en cascade
    2. Mise en forme de pages avec CSS Designer
    3. Utilisation de préprocesseurs CSS dans Dreamweaver
    4. Comment définir les préférences de Style CSS dans Dreamweaver
    5. Déplacement des règles CSS dans Dreamweaver
    6. Conversion de code CSS intégré en règle CSS dans Dreamweaver
    7. Utilisation de balises div
    8. Application de dégradés à l’arrière-plan
    9. Permet de créer et modifier des effets de transition CSS3 dans Dreamweaver.
    10. Formatage du code
  9. Contenu de page et actifs
    1. Définition des propriétés de page
    2. Définition des propriétés d’en-tête CSS et des propriétés de lien CSS
    3. Utilisation du texte
    4. Recherche et remplacement de texte, de balises et d’attributs
    5. Panneau DOM
    6. Modification en mode En direct
    7. Le codage de documents dans Dreamweaver
    8. Sélection et affichage d’éléments dans la fenêtre de document
    9. Définition des propriétés de texte dans l’inspecteur Propriétés
    10. Vérification de l’orthographe d’une page web
    11. Utilisation de règles horizontales dans Dreamweaver
    12. Ajout et modification de combinaisons de polices dans Dreamweaver
    13. Utilisation d’actifs
    14. Insertion et mise à jour des dates dans Dreamweaver
    15. Création et gestion des actifs favoris dans Dreamweaver
    16. Insertion et modification d’images dans Dreamweaver
    17. Ajout d’objets multimédias
    18. Ajout de vidéos dans Dreamweaver
    19. Insertion de vidéo HTML5
    20. Insertion de fichiers SWF
    21. Ajout d’effets audio
    22. Insertion de fichiers audio HTML5 dans Dreamweaver
    23. Utilisation d’éléments de bibliothèque
    24. Utilisation de texte arabe et hébreu dans Dreamweaver
  10. Liens et navigation
    1. A propos des liens et de la navigation
    2. Etablissement de liens
    3. Cartes graphiques
    4. Résolution des problèmes de liens
  11. Effets et widgets jQuery
    1. Utilisation de widgets jQuery UI et Mobile dans Dreamweaver
    2. Utilisation d’effets jQuery dans Dreamweaver
  12. Codage de sites web
    1. À propos du codage dans Dreamweaver
    2. Environnement de codage dans Dreamweaver
    3. Définition des préférences de codage
    4. Personnalisation de la coloration du code
    5. Rédaction et modification de code
    6. Conseils et remplissage de code
    7. Réduction et développement de code
    8. Réutilisation de code à l’aide de fragments
    9. Analyse linting de code
    10. Optimisation du code
    11. Modification de code en mode Création.
    12. Utilisation de contenu d’en-tête pour les pages
    13. Insertion d’inclusions côté serveur dans Dreamweaver
    14. Utilisation des bibliothèques de balises dans Dreamweaver
    15. Importation de balises personnalisées dans Dreamweaver
    16. Utilisation de comportements JavaScript (instructions générales)
    17. Application de comportements JavaScript intégrés
    18. À propos de XML et de XSLT
    19. Exécution de transformations XSL côté serveur dans Dreamweaver
    20. Exécution de transformations XSL côté client dans Dreamweaver
    21. Ajout d’entités de caractère pour XSLT dans Dreamweaver
    22. Formatage du code
  13. Flux de travaux inter-produit
    1. Installation et utilisation des extensions pour Dreamweaver
    2. Mises à jour intégrées dans Dreamweaver
    3. Insertion de documents Microsoft Office dans Dreamweaver (Windows uniquement)
    4. Utilisation de Fireworks et Dreamweaver
    5. Édition de contenu sur des sites Dreamweaver à l’aide de Contribute
    6. Intégration entre Dreamweaver et Business Catalyst
    7. Création de campagnes de messagerie personnalisées
  14. Modèles
    1. À propos des modèles Dreamweaver
    2. Reconnaissance des modèles et des documents basés sur un modèle
    3. Création d’un modèle Dreamweaver
    4. Création de régions modifiables dans des modèles
    5. Création de régions et de tables modifiables dans Dreamweaver
    6. Utilisation de régions facultatives dans les modèles
    7. Définition d’attributs de balises modifiables dans Dreamweaver
    8. Comment créer des modèles imbriqués dans Dreamweaver
    9. Modification, mise à jour et suppression de modèles
    10. Exportation et importation de contenus xml dans Dreamweaver
    11. Application ou suppression d’un modèle depuis un document existant
    12. Modification de contenu dans les modèles de Dreamweaver
    13. Règles de syntaxe pour les balises de modèle dans Dreamweaver
    14. Définition des préférences de surbrillance pour des régions de modèle
    15. Avantages de l’utilisation de modèles dans Dreamweaver
  15. Terminaux mobiles et écrans multiples
    1. Création de requêtes multimédias
    2. Modification de l’orientation de la page pour les appareils mobiles
    3. Création d’applications web pour appareils mobiles à l’aide de Dreamweaver
  16. Sites dynamiques, pages et formulaires web
    1. En savoir plus sur les applications web
    2. Configuration de l’ordinateur pour le développement d’applications
    3. Résolution des problèmes de connexion aux bases de données
    4. Suppression des scripts de connexion dans Dreamweaver
    5. Conception de pages dynamiques
    6. Présentation des sources de contenu dynamique
    7. Définition de sources de contenu dynamique
    8. Ajout de contenus dynamiques aux pages
    9. Changement des contenus dynamiques dans Dreamweaver
    10. Affichage d’enregistrements d’une base de données
    11. Fourniture et dépannage de données en temps réel dans Dreamweaver
    12. Ajout de comportements de serveur personnalisés dans Dreamweaver
    13. Création de formulaires à l’aide de Dreamweaver
    14. Utilisation de formulaires pour la collecte des informations sur les utilisateurs
    15. Création et activations des formulaires ColdFusion dans Dreamweaver
    16. Création de formulaires web
    17. Prise en charge améliorée de HTML5 pour les éléments de formulaire
    18. Développement d’un formulaire à l’aide de Dreamweaver
  17. Création visuelle d’applications
    1. Création de pages principales et détaillées dans Dreamweaver
    2. Création de pages de recherche et de résultats
    3. Création d’une page d’insertion d’enregistrements
    4. Création de la mise à jour d’une page d’enregistrement dans Dreamweaver
    5. Création de pages de suppression d’enregistrement dans Dreamweaver
    6. Modification d’une base de données à l’aide des commandes ASP dans Dreamweaver
    7. Création d’une page d’enregistrement
    8. Création d’une page de connexion
    9. Création d’une page à accès restreint
    10. Sécurisation de dossiers dans ColdFusion à l’aide de Dreamweaver
    11. Utilisation de composants ColdFusion dans Dreamweaver
  18. Test, aperçu et publication de sites web
    1. Prévisualisation de pages
    2. Aperçu et inspection de pages web Dreamweaver sur plusieurs appareils
    3. Test de votre site Dreamweaver

 

Remarque :

L’interface utilisateur a été simplifiée sous Dreamweaver CC et versions ultérieures. Par conséquent, il se peut que vous ne trouviez pas certaines options décrites dans cet article sous Dreamweaver CC et versions ultérieures. Pour plus d’informations, consultez cet article.

À propos de la collecte d’informations auprès des utilisateurs

Vous pouvez utiliser des formulaires Web ou des liens hypertexte pour recueillir des informations provenant des utilisateurs, les stocker dans la mémoire du serveur et les utiliser pour générer des réponses dynamiques basées sur les données entrées par les utilisateurs. Les outils les plus fréquemment utilisés pour recueillir des informations utilisateur sont les formulaires HTML et les liens hypertexte.

Les formulaires HTML

permettent de recueillir des informations provenant des utilisateurs et de les stocker dans la mémoire du serveur. Ils peuvent transmettre les informations sous forme de paramètres de formulaire ou de paramètres d’URL.

Les liens hypertextes

permettent de recueillir des informations provenant des utilisateurs et de les stocker dans la mémoire du serveur. Pour ce faire, vous devez spécifier une ou plusieurs valeurs à renvoyer lorsqu’un utilisateur clique sur un lien (tel qu’une préférence) en annexant cette valeur à l’URL spécifiée dans la balise d’ancrage. Lorsqu’un utilisateur clique sur le lien concerné, le navigateur envoie alors l’URL et la valeur annexée au serveur.

Paramètres de formulaire HTML

Les paramètres de formulaire sont envoyés au serveur à l’aide d’un formulaire HTML utilisant la méthode POST ou GET.

En cas d’emploi de la méthode POST, les paramètres sont envoyés au serveur Web dans l’en-tête du document et ne sont pas visibles ni accessibles à quiconque visualise la page par une méthode standard. La méthode POST doit être utilisée pour les valeurs qui influent sur le contenu d’une base de données (par exemple insertion, mise à jour ou suppression d’enregistrements) ou pour les valeurs envoyées par courrier électronique.

La méthode GET annexe les paramètres à l’URL demandée. Ces paramètres sont pour leur part visibles pour quiconque affiche la page. La méthode GET doit être utilisée pour les formulaires de recherche.

Vous pouvez utiliser Dreamweaver pour concevoir rapidement des formulaires HTML qui envoient les paramètres de formulaire au serveur. Vous devez connaître la méthode que vous utilisez pour transmettre les informations du navigateur au serveur.

Les paramètres de formulaire prennent le nom des objets de formulaire correspondants. Ainsi, si un formulaire contient un champ de texte portant le nom txtLastName, le paramètre de formulaire suivant est alors transmis au serveur lorsqu’un utilisateur clique sur le bouton Envoyer :

txtLastName=enteredvalue

Si une application Web s’attend à recevoir une valeur de paramètre précise (lorsqu’elle exécute une action en fonction d’une option parmi plusieurs options possibles, par exemple), utilisez un objet de formulaire de type bouton radio, case à cocher ou liste/menu afin de contrôler les valeurs susceptibles d’être envoyées par l’utilisateur. Cela évite que les utilisateurs ne commettent des erreurs lors de la saisie d’informations et empêche de ce fait toute erreur au niveau de l’application. L’exemple ci-dessous décrit un formulaire contenant un menu déroulant à trois choix :

Formulaire de menu contextuel

Chaque choix du menu correspond à une valeur figée dans le code qui est envoyée au serveur en tant que paramètre de formulaire. La boîte de dialogue Valeurs de la liste présentée dans l’exemple suivant associe chaque élément de la liste à une valeur (Ajouter, Mettre à jour ou Supprimer) :

Boîte de dialogue Liste valeurs

Une fois un paramètre de formulaire créé, Dreamweaver peut en récupérer la valeur et l’utiliser dans une application Web. Après avoir défini un paramètre de formulaire sous Dreamweaver, vous pouvez en insérer la valeur dans une page.

Paramètres d’URL

Utilisez les paramètres d’URL pour transmettre du navigateur au serveur les informations fournies par les utilisateurs. Lorsqu’il reçoit une demande et que des paramètres sont annexés à l’URL de la demande, le serveur met les paramètres à la disposition de la page demandée avant de fournir la page au navigateur.

Un paramètre d’URL est une paire nom-valeur (name-value) annexée à une URL. Le paramètre commence par un point d’interrogation (?). et se présente sous la forme nom=valeur. S’il existe plusieurs paramètres d’URL, ils sont séparés par une esperluette (&). L’exemple ci-dessous décrit un paramètre d’URL doté de deux paires nom-valeur :

http://server/path/document?name1=value1&name2=value2

Dans cet exemple de processus, l’application est une boutique en ligne. Comme les développeurs souhaitent atteindre un public aussi large que possible, le site a été conçu pour prendre en charge plusieurs devises. Lorsque des utilisateurs se connectent au site, ils peuvent donc sélectionner la devise dans laquelle afficher les tarifs des articles disponibles.

  1. Le navigateur demande la page report.cfm au serveur. Cette requête inclut le paramètre d’URL Currency="euro". La variable Currency="euro" indique que tous les montants récupérés doivent être affichés en euros.

  2. Le serveur stocke temporairement en mémoire le paramètre d’URL.

  3. La page report.cfm utilise le paramètre pour obtenir le tarif des articles en euros. Ces montants peuvent soit être stockés dans une table de base de données contenant des devises différentes, soit être convertis depuis la devise spécifique à chaque article (dans n’importe quelle devise prise en charge par l’application).

  4. Le serveur renvoie la page report.cfm au navigateur en affichant le montant des articles dans la devise demandée. Lorsque cet utilisateur ferme la session, le serveur efface la valeur du paramètre d’URL et libère ainsi la mémoire du serveur qui peut stocker de nouvelles demandes d’utilisateur.

    Les paramètres d’URL sont également créés lorsque la méthode GET du protocole HTTP est utilisée en conjonction avec un formulaire HTML. La méthode GET indique que la valeur du paramètre doit être annexée à la demande d’URL lors de l’envoi du formulaire.

    La personnalisation d’un site Web en fonction des préférences d’un utilisateur constitue un exemple typique d’utilisation des paramètres d’URL. Un paramètre d’URL composé d’un nom d’utilisateur et d’un mot de passe, par exemple, peut être utilisé pour authentifier un utilisateur et n’afficher que les informations auxquelles il a souscrit. Les sites Web financiers affichant le cours d’actions particulières en fonction des symboles boursiers sélectionnés précédemment par un utilisateur ont recours à ce type de paramètres, par exemple. Les développeurs d’applications Web utilisent souvent les paramètres d’URL pour transmettre des valeurs aux variables au sein des applications. Vous pouvez, par exemple, transmettre des termes à rechercher à des variable SQL au sein d’une application Web afin de générer des résultats de recherche.

Création de paramètres d’URL à l’aide de liens HTML

La création de paramètres d’URL au sein d’un lien HTML consiste à utiliser l’attribut href de la balise d’ancrage HTML. Vous pouvez entrer directement les paramètres d’URL dans l’attribut en passant en mode Code (Affichage > Code) ou en ajoutant les paramètres d’URL à la fin du lien d’URL de la zone Lien de l’inspecteur Propriétés.

Dans l’exemple ci-dessous, trois liens créent un même paramètre d’URL (action) pouvant avoir trois valeurs : Add (ajouter), Update (mettre à jour) et Delete (supprimer). Lorsque l’utilisateur clique sur un lien, une valeur de paramètre différente est envoyée au serveur et l’action demandée est exécutée.

<a href="http://www.mysite.com/index.cfm?action=Add">Add a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Update">Update a record</a> 
<a href="http://www.mysite.com/index.cfm?action=Delete">Delete a record</a>

L’inspecteur Propriétés (Fenêtre > Propriétés) permet de créer les mêmes paramètres d’URL en sélectionnant le lien, puis en ajoutant les paramètres d’URL à la fin du lien d’URL de la zone Lien.

Inspecteur Propriétés

Une fois un paramètre d’URL créé, Dreamweaver peut en récupérer la valeur et l’utiliser dans une application Web. Après avoir défini un paramètre de URL sous Dreamweaver, vous pouvez en insérer la valeur dans une page.

Logo Adobe

Accéder à votre compte