PDF (adobe.com)

Création d'une page d'insertion élément par élément



Vous pouvez également créer une page d'insertion à l'aide des outils de formulaires et des comportements de serveur.

Ajout d'un formulaire HTML dans une page d'insertion

  1. Créez une page dynamique (Fichier > Nouveau > Page vierge) et effectuez-en la mise en forme à l'aide des outils de création de Dreamweaver.
  2. Pour ajouter le formulaire HTML, placez le point d'insertion à l'endroit où le formulaire doit apparaître, puis sélectionnez Insertion > Formulaire > 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.

  3. 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. Le comportement de serveur Insérer un enregistrement définit automatiquement ces attributs.

  4. Insérez un objet de formulaire tel qu'un champ de texte (Insertion > Formulaire > Champ de texte) pour chaque colonne de la table de base de données dans laquelle insérer des enregistrements.

    Les objets de formulaire sont destinés à la saisie de données. On utilise souvent des champs de texte dans ce but, mais rien ne vous empêche d'utiliser des menus, des options et des boutons radio.

  5. 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.

Ajout d'un comportement de serveur destiné à l'insertion d'enregistrements dans une base de données (ColdFusion)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l'enregistrement dans le menu déroulant.
  2. Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.
  3. Dans le menu déroulant Source de données, sélectionnez une connexion à la base de données.
  4. Saisissez votre nom d'utilisateur et votre mot de passe.
  5. Dans le menu déroulant Insérer dans la table, sélectionnez la table de base de données dans laquelle insérer l'enregistrement.
  6. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l'enregistrement. Dans le menu déroulant Valeur, sélectionnez l'objet de formulaire devant insérer l'enregistrement. Dans le menu déroulant Envoyer en tant que, sélectionnez ensuite le type de données de l'objet de formulaire.

    Le type de données est celui qu'attend la colonne de la table de base de données (texte, numérique, valeurs d'option booléennes).

    Répétez cette procédure pour chaque objet du formulaire.

  7. Dans la zone Après l'insertion, aller à, indiquez la page à ouvrir après insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour naviguer jusqu'au fichier.
  8. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter le formulaire HTML et de cliquer sur le bouton Envoyer.

Ajout d'un comportement de serveur destiné à l'insertion d'enregistrements dans une base de données (ASP)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l'enregistrement dans le menu déroulant.
  2. Dans le menu déroulant Connexion, sélectionnez une connexion à la base de données.

    Cliquez sur le bouton Définir si vous devez définir une connexion.

  3. Dans le menu déroulant Insérer dans la table, sélectionnez la table de base de données dans laquelle vous souhaitez insérer l'enregistrement.
  4. Dans la zone Après l'insertion, aller à, indiquez la page à ouvrir après insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour naviguer jusqu'au fichier.
  5. Dans le menu déroulant Obtenir les valeurs de, sélectionnez le formulaire HTML à utiliser pour la saisie des données.

    Dreamweaver sélectionne automatiquement le premier formulaire apparaissant sur votre page.

  6. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l'enregistrement. Dans le menu déroulant Valeur, sélectionnez l'objet de formulaire devant insérer l'enregistrement. Dans le menu déroulant Envoyer en tant que, sélectionnez ensuite le type de données de l'objet de formulaire.

    Le type de données est celui qu'attend la colonne de la table de base de données (texte, numérique, valeurs d'option booléennes).

    Répétez cette procédure pour chaque objet du formulaire.

  7. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter le formulaire HTML et de cliquer sur le bouton Envoyer.

    Pour modifier le comportement de serveur, ouvrez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) et double-cliquez sur le comportement Insérer un enregistrement.

Ajout d'un comportement de serveur destiné à l'insertion d'enregistrements dans une base de données (PHP)

  1. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Insérer l'enregistrement dans le menu déroulant.
  2. Dans le menu déroulant Envoyer les valeurs à partir de, sélectionnez un formulaire.
  3. Dans le menu déroulant Connexion, sélectionnez une connexion à la base de données.
  4. Dans le menu déroulant Insérer un tableau, sélectionnez la table de base de données dans laquelle vous souhaitez insérer l'enregistrement.
  5. Indiquez la colonne de base de données dans laquelle vous souhaitez insérer l'enregistrement. Dans le menu déroulant Valeur, sélectionnez l'objet de formulaire devant insérer l'enregistrement. Dans le menu déroulant Envoyer en tant que, sélectionnez ensuite le type de données de l'objet de formulaire.

    Le type de données est celui qu'attend la colonne de la table de base de données (texte, numérique, valeurs d'option booléennes).

    Répétez cette procédure pour chaque objet du formulaire.

  6. Dans la zone Après l'insertion, aller à, indiquez la page à ouvrir après insertion de l'enregistrement dans la table ou cliquez sur le bouton Parcourir pour naviguer jusqu'au fichier.
  7. Cliquez sur OK.

    Dreamweaver ajoute à la page un comportement de serveur qui permet aux utilisateurs d'insérer des enregistrements dans une table de base de données. Pour ce faire, il leur suffit de compléter le formulaire HTML et de cliquer sur le bouton Envoyer.