Guide d'utilisation Annuler

Création de pages principales et détaillées sous Dreamweaver

  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 des pages principales et détaillées

Les pages principales et détaillées sont des ensembles de pages utilisées pour organiser et afficher les données d’un jeu d’enregistrements. Ces pages fournissent aux visiteurs de votre site une vue d’ensemble et une vue détaillée. La page principale présente tous les enregistrements et contient des liens vers des pages de détails qui fournissent des informations complémentaires sur chaque enregistrement.

Page principale

Page de détails

Vous pouvez créer des pages principales et des pages de détails en insérant un objet de données destiné à créer une page principale et une page de détails en une seule opération, ou en utilisant des comportements de serveur pour créer ces pages d’une manière plus personnalisée. Si vous employez des comportements de serveur pour créer des pages principales et détaillées, vous devez tout d’abord créer une page principale contenant la liste des enregistrements, puis ajouter des liens vers les pages de détails depuis cette liste.

Création d’une page principale

Avant de commencer, vérifiez que vous avez défini une connexion de base de données pour le site.

  1. Pour créer une page vierge, choisissez Fichier > Nouveau > Page vierge, sélectionnez un type de page puis cliquez sur Créer. Cette page devient la page principale.
  2. Définissez un jeu d’enregistrements.

    Dans le panneau Liaisons (Fenêtre > Liaisons), cliquez sur le bouton Plus (+), sélectionnez Jeu d’enregistrements puis choisissez les options. Si vous voulez rédiger votre propre instruction SQL, cliquez sur Avancé.

    Vérifiez que le jeu d’enregistrements contient toutes les colonnes de table nécessaires à la création de la page principale. Le jeu d’enregistrements doit contenir la colonne comportant la clé unique de chacun des enregistrements, à savoir la colonne d’ID d’enregistrement. Dans l’exemple suivant, la colonne Code contient la clé unique de chaque enregistrement.

    Colonnes de jeu d’enregistrements sélectionnées pour une page principale

    En général, le jeu d’enregistrements de la page principale extrait quelques colonnes d’un tableau de base de données tandis que celui de la page de détails extrait davantage de colonnes du même tableau afin de fournir des détails supplémentaires.

    Le jeu d’enregistrements peut être défini par l’utilisateur au moment de l’exécution. Pour plus d’informations, consultez la rubrique Création de pages de recherche/résultats.

  3. Insérez un tableau dynamique afin d’afficher les enregistrements.

    Placez le point d’insertion où vous voulez placer le tableau dynamique sur la page. Choisissez Insertion > Objets de données > Données dynamiques > Tableau dynamique, définissez les options puis cliquez sur OK.

    Si vous souhaitez que les utilisateurs ne puissent pas voir les ID d’enregistrement, supprimez la colonne correspondante du tableau dynamique. Cliquez dans la page afin de la rendre active. Déplacez le curseur vers le haut de la colonne dans le tableau dynamique jusqu’à ce que les cellules de la colonne s’affichent avec un contour rouge, puis cliquez sur la colonne. Appuyez sur la touche Suppr pour supprimer la colonne du tableau.

Création de liens vers la page de détails

Après avoir créé la page principale et ajouté le jeu d’enregistrements, vous devez créer des liens permettant d’ouvrir la page de détails. Vous devez ensuite modifier les liens de manière à transmettre les ID des enregistrements sélectionnés par l’utilisateur. La page de détails utilise cet ID pour rechercher l’enregistrement demandé dans la base de données et l’afficher.

Remarque :

La création de liens vers les pages de mises à jour s’effectue de la même manière. La page de résultats est similaire à une page principale, et la page de mises à jour à une page de détails.

Ouverture de la page de détails et transfert d’un ID d’enregistrement (ColdFusion, PHP)

  1. Dans le tableau dynamique, sélectionnez l’espace réservé pour le texte qui servira de lien.
    Les liens appliqués à l’espace réservé sont sélectionnés.

  2. Dans l’inspecteur Propriétés, cliquez sur l’icône du dossier située en regard de la zone Lien.
  3. Parcourez vos fichiers afin de sélectionner la page de détails. Celle-ci apparaît dans la zone Lien de l’inspecteur Propriétés.

    Dans le tableau dynamique, le texte sélectionné apparaît lié. Lorsque la page s’exécute sur le serveur, le lien s’applique au texte de chaque ligne du tableau.

  4. Dans la page principale, sélectionnez le lien dans le tableau dynamique.
  5. (ColdFusion) Dans la zone Lien de l’inspecteur Propriétés, ajoutez la chaîne suivante à la fin de l’URL :
    ?recordID=#recordsetName.fieldName#

    Le point d’interrogation indique au serveur que ce qui suit correspond à un ou plusieurs paramètres d’URL. Le mot recordID correspond au nom du paramètre d’URL (vous pouvez inventer n’importe quel nom de votre choix). Notez le nom du paramètre d’URL : vous devrez en effet l’utiliser ultérieurement au niveau de la page de détails.

    L’expression qui suit le signe égal correspond à la valeur du paramètre. Dans ce cas, la valeur est générée par une expression ColdFusion qui renvoie un ID d’enregistrement du jeu d’enregistrements. Un ID différent est généré pour chaque ligne du tableau dynamique. Dans l’expression ColdFusion, remplacez recordsetName par le nom de votre jeu d’enregistrements et remplacez fieldName par le nom du champ de votre jeu d’enregistrements qui permet d’identifier chaque enregistrement de façon univoque. Dans la plupart des cas, le champ correspond à un numéro d’ID d’enregistrement. Dans l’exemple suivant, le champ correspond à des codes de location uniques.

    locationDetail.cfm?recordID=#rsLocations.CODE#

    Lorsque la page s’exécute, les valeurs du champ CODE du jeu d’enregistrements sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si le point de location Canberra, Australie, possède le code CBR, l’URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

    locationDetail.cfm?recordID=CBR
  6. (PHP) Dans le champ Lien de l’inspecteur Propriétés, ajoutez la chaîne suivante à la fin de l’URL :
    ?recordID=<?php echo $row_recordsetName['fieldName']; ?>

    Le point d’interrogation indique au serveur que ce qui suit correspond à un ou plusieurs paramètres d’URL. Le mot recordID correspond au nom du paramètre d’URL. (Vous pouvez utiliser le nom de votre choix.) Notez le nom du paramètre d’URL : vous devrez en effet l’utiliser ultérieurement au niveau de la page de détails.

    L’expression qui suit le signe égal correspond à la valeur du paramètre. Dans ce cas, la valeur est générée par une expression PHP qui renvoie un ID d’enregistrement du jeu d’enregistrements. Un ID différent est généré pour chaque ligne du tableau dynamique. Dans l’expression PHP, remplacez recordsetName par le nom de votre jeu d’enregistrements et fieldName par le nom du champ de votre jeu d’enregistrements qui permet d’identifier chaque enregistrement de façon univoque. Dans la plupart des cas, le champ correspond à un numéro d’ID d’enregistrement. Dans l’exemple suivant, le champ correspond à des codes de location uniques.

    locationDetail.php?recordID=<?php echo $row_rsLocations['CODE']; ?>

    Lorsque la page s’exécute, les valeurs du champ CODE du jeu d’enregistrements sont insérées dans les lignes correspondantes du tableau dynamique. Par exemple, si le point de location Canberra, Australie, possède le code CBR, l’URL suivante est utilisée dans la ligne Canberra du tableau dynamique :

    locationDetail.php?recordID=CBR
  7. Enregistrez la page.

Ouverture de la page de détails et transfert d’un ID d’enregistrement (ASP)

  1. Sélectionnez le contenu dynamique devant assurer la fonction de lien.
  2. Dans le panneau Comportements de serveur (Fenêtre > Comportements de serveur), cliquez sur le bouton Plus (+) et choisissez Aller à la page de détails dans le menu déroulant.
  3. Dans la boîte de dialogue page de détails, cliquez sur Parcourir et recherchez la page.
  4. Indiquez la valeur à lui transmettre en sélectionnant un jeu d’enregistrements et une colonne dans les menus déroulants Jeu d’enregistrements et Colonne. Cette valeur, telle que l’ID de clé unique, est généralement propre à l’enregistrement.
  5. Si vous le souhaitez, vous pouvez transmettre les paramètres de page existants à la page de détails en sélectionnant les options Paramètres d’URL ou Paramètres de formulaire.
  6. Cliquez sur OK.

    Un lien spécial entoure le texte sélectionné. Lorsque l’utilisateur clique sur le lien, le comportement de serveur Aller à la page de détails transmet à cette même page un paramètre d’URL contenant l’ID de l’enregistrement. Prenons l’exemple d’un paramètre d’URL appelé id et d’une page de détails appelée customerdetail.asp ; lorsque l’utilisateur clique sur le lien, l’URL se présente comme suit :

    http://www.mysite.com/customerdetail.asp?id=43

    La première partie de l’URL, http://www.mysite.com/customerdetail.asp, ouvre la page. La deuxième partie, ?id=43, constitue le paramètre d’URL. Elle précise à la page de détails quel enregistrement trouver et afficher. Le terme id est le nom du paramètre d’URL et sa valeur est 43. Dans cet exemple, le paramètre d’URL contient le numéro d’ID de l’enregistrement, soit 43.

Recherche de l’enregistrement demandé et affichage dans la page de détails

Pour pouvoir afficher l’enregistrement demandé par la page principale, vous devez définir un ensemble de données devant contenir un seul enregistrement et lier les colonnes de l’ensemble de données à la page de détails.

  1. Passez à la page de détails. Si vous n’avez pas encore créé une page de détails, créez une page ColdFusion vierge (Fichier > Nouveau).
  2. Dans le panneau Liaisons (Fenêtre > Liaisons), cliquez sur le bouton Plus (+) et sélectionnez Jeu d’enregistrements (Requête) ou Jeu de données (Requête) dans le menu déroulant.

    La boîte de dialogue Jeu d’enregistrements ou Jeu de données simplifiée s’affiche. Si la boîte de dialogue avancée s’affiche, cliquez sur Simple.

  3. Donnez un nom au jeu d’enregistrements, puis sélectionnez la source de données et la table de base de données qui fourniront les données de votre jeu d’enregistrements.
  4. Dans la zone Colonnes, sélectionnez les colonnes du tableau à inclure dans le jeu d’enregistrements.

    Le jeu d’enregistrements peut être identique ou différent du jeu de la page principale. Le jeu d’enregistrements d’une page de détails possède généralement davantage de colonnes afin d’afficher plus de détails.

    Si les jeux d’enregistrements sont différents, le jeu d’enregistrements de la page de détails doit avoir au moins une colonne en commun avec celui de la page principale. La colonne commune est généralement la colonne d’ID de l’enregistrement, mais elle peut également être le champ commun aux tableaux reliés.

    Pour inclure uniquement certaines colonnes de la table dans le jeu d’enregistrements, cliquez sur Sélectionnées, puis cliquez sur les colonnes souhaitées tout en maintenant la touche Ctrl (Windows) ou Commande (Macintosh) enfoncée.

  5. Pour rechercher et afficher l’enregistrement spécifié dans le paramètre d’URL transmis par la page principale, renseignez la section Filtre comme suit :
    • Dans le premier menu déroulant de la zone Filtre, sélectionnez la colonne du jeu d’enregistrements contenant les valeurs correspondant à celle du paramètre d’URL transmis par la page principale. Par exemple, si le paramètre d’URL contient un numéro d’ID d’enregistrement, sélectionnez la colonne contenant les numéros d’ID d’enregistrement. Dans l’exemple de la section précédente, la colonne intitulée CODE contient les valeurs correspondant à celle du paramètre d’URL transmis par la page principale.

    • Dans le menu déroulant situé à côté du premier menu, sélectionnez le signe égal (=) (si cela n’est pas déjà fait).

    • Dans le troisième menu déroulant, choisissez Paramètre d’URL. La page principale utilise un paramètre d’URL pour transmettre des informations à la page de détails.

    • Dans la quatrième zone, tapez le nom du paramètre d’URL transmis par la page principale.

  6. Cliquez sur OK. Le jeu d’enregistrements s’affiche dans le panneau Liaisons.
  7. Liez les colonnes du jeu d’enregistrements à la page de détails ; pour ce faire, sélectionnez les colonnes dans le panneau Liaisons (Fenêtre > Liaisons) et faites-les glisser sur la page.

    Après avoir téléchargé la page principale et la page de détails sur le serveur, vous pouvez ouvrir la page principale dans un navigateur. Lorsque vous cliquez sur un lien dans la page principale, la page de détails correspondante s’ouvre et affiche des informations sur l’enregistrement sélectionné.

Recherche d’un enregistrement précis et affichage sur une page (ASP)

Vous pouvez ajouter un comportement de serveur permettant de rechercher un enregistrement spécifique dans le jeu d’enregistrements, de manière à afficher les données de l’enregistrement sur la page. Vous ne pouvez recourir au comportement de serveur que si vous utilisez le modèle de serveur ASP.

  1. Créez une page répondant aux conditions suivantes :
  2. Ajoutez le comportement de serveur afin de trouver l’enregistrement spécifié par le paramètre d’URL. Pour ce faire, cliquez sur le bouton Plus (+) du panneau Comportements de serveurs (Fenêtre > Comportements de serveur), puis choisissez Pagination du jeu d’enregistrements > Déplacer vers un enregistrement spécifique.
  3. Dans le menu déroulant Déplacer vers l’enregistrement dans, sélectionnez le jeu que vous avez défini pour la page.
  4. Dans le menu déroulant Où la colonne, sélectionnez la colonne contenant la valeur transmise par l’autre page.

    Par exemple, si cette page transmet un numéro d’ID d’enregistrement, sélectionnez la colonne contenant les numéros d’ID d’enregistrement.

  5. Dans la zone Correspond au paramètre d’URL, entrez le nom du paramètre d’URL transmis par l’autre page.

    Par exemple, si celle-ci a utilisé l’URL id=43 pour ouvrir la page d’informations détaillées, tapez id dans la zone Correspond au paramètre d’URL.

  6. Cliquez sur OK.

    Lorsque le navigateur enverra une nouvelle requête en vue d’obtenir la page, le comportement de serveur lira l’ID d’enregistrement dans le paramètre d’URL transmis par l’autre page et passera à l’enregistrement spécifié dans le jeu d’enregistrements.

Création de pages principale et de détails en une seule opération

Lorsque vous développez des applications Web, vous pouvez créer rapidement des pages principales et de détails à l’aide de l’objet de données Ensemble de pages Principale-Détails.

  1. Pour créer une page dynamique vierge, choisissez Fichier > Nouveau > Page vierge, sélectionnez une page dynamique dans la liste Type de page, puis cliquez sur Créer.

    Cette page devient la page principale.

  2. Définissez un jeu d’enregistrements pour la page.

    Assurez-vous que le jeu d’enregistrements contient non seulement toutes les colonnes nécessaires pour la page principale, mais également celles nécessaires pour la page de détails. En général, le jeu d’enregistrements de la page principale extrait quelques colonnes d’un tableau de base de données tandis que celui de la page de détails extrait davantage de colonnes du même tableau afin de fournir des détails supplémentaires.

  3. Ouvrez la page principale en mode Création, puis sélectionnez Insertion > Objets de données > Ensemble de pages Principale Détails.
  4. Dans le menu déroulant Jeu d’enregistrements, assurez-vous d’avoir sélectionné le jeu contenant les enregistrements que vous souhaitez afficher dans la page principale.
  5. Dans la zone Champs de la page principale, sélectionnez les colonnes du jeu d’enregistrements à afficher dans la page principale.

    Par défaut, toutes les colonnes du jeu d’enregistrements sont sélectionnées. Si le jeu contient une colonne à clé unique, telle que recordID, sélectionnez-la, puis cliquez sur le bouton Moins (-) afin qu’elle ne s’affiche pas sur votre page.

  6. Pour modifier l’ordre d’apparition des colonnes dans la page principale, sélectionnez une colonne dans la liste, puis cliquez sur la flèche vers le bas ou vers le haut.

    Dans la page principale, les colonnes du jeu d’enregistrements sont disposées horizontalement dans un tableau. Un clic sur la flèche vers le haut déplace la colonne vers la gauche ; un clic sur la flèche vers le bas déplace la colonne vers la droite.

  7. Dans le menu déroulant Lier à la page de détails depuis, sélectionnez la colonne du jeu d’enregistrements qui affichera une valeur servant également de lien vers la page de détails.

    Par exemple, si vous souhaitez que chaque nom de produit de la page principale ait un lien vers la page de détails, sélectionnez la colonne du jeu d’enregistrements contenant les noms de produit.

  8. Dans le menu déroulant Passer la clé unique, sélectionnez la colonne du jeu d’enregistrements contenant les valeurs identifiant les enregistrements.

    En général, la colonne choisie est le numéro d’identification de l’enregistrement. Cette valeur est transmise à la page de détails afin d’identifier l’enregistrement choisi par l’utilisateur.

  9. Si la colonne à clé unique n’est pas numérique, désactivez l’option Numérique.
    Remarque :

    Cette option est sélectionnée par défaut ; elle existe seulement pour certains modèles de serveur.

  10. Spécifiez le nombre d’enregistrements devant s’afficher dans la page principale.
  11. Dans la zone Nom de la page de détails, cliquez sur Parcourir et localisez le fichier de page de détails que vous avez créé ou bien entrez un nom et laissez à l’objet de données le soin d’en créer un pour vous.
  12. Dans la zone Champs de la page de détails, sélectionnez les colonnes à afficher dans la page de détails.

    Par défaut, toutes les colonnes du jeu d’enregistrements de la page principale sont sélectionnées. Si le jeu d’enregistrements contient une colonne clé unique, telle que recordID, sélectionnez-la, puis cliquez sur le bouton Moins (-) afin qu’elle ne s’affiche pas dans la page d’informations détaillées.

  13. Pour modifier l’ordre d’apparition des colonnes dans la page de détails, sélectionnez une colonne dans la liste, puis cliquez sur la flèche vers le bas ou vers le haut.

    Dans la page de détails, les colonnes du jeu d’enregistrements sont disposées verticalement dans un tableau. Un clic sur la flèche vers le haut déplace la colonne vers le haut ; un clic sur la flèche vers le bas déplace la colonne vers le bas.

  14. Cliquez sur OK.

    L’objet de données crée une page de détails (si vous ne l’avez déjà fait) et ajoute un contenu de page dynamique ainsi que des comportements de serveur à la page principale et à la page de détails.

  15. Personnalisez la mise en forme de la page principale et de la page de détails en fonction de vos besoins.

    Vous pouvez personnaliser la mise en forme de chaque page à l’aide des outils de conception de page de Dreamweaver. Vous pouvez également modifier les comportements de serveur en double-cliquant dessus dans le panneau Comportements de serveur.

    Après avoir créé l’ensemble de pages principales et de détails à l’aide de l’objet de données, utilisez le panneau Comportements de serveur (Fenêtre > Comportements de serveur) pour modifier les divers éléments que l’objet de données insère dans les pages.

Logo Adobe

Accéder à votre compte