Affichage de données à l’aide de Spry

Si vous ne procédez qu’à la création d’un ensemble de données, il n’est pas nécessaire de vous intéresser au point d’insertion. Si vous créez un ensemble de données et insérez également une disposition, veillez à ce que le point d’insertion se trouve à l’endroit où insérer la disposition sur la page.

Choisissez Insertion > Spry > Ensemble de données Spry.

Dans la fenêtre Définir la source des données, effectuez les opérations suivantes :

• Choisissez HTML dans la liste déroulante Sélectionner le type de données. Cette option est activée par défaut.

• Donnez un nom au nouvel ensemble de données. Le nom par défaut est ds1 lors de la première création d’un ensemble de données. Le nom de l’ensemble de données peut contenir des lettres, des chiffres et des caractères de soulignement, mais il ne peut pas débuter par un chiffre.

• Définissez les éléments de données, dans votre source de données, que Dreamweaver doit détecter. Par exemple, si vous avez organisé vos données à l’intérieur d’une balise div et que vous voulez que Dreamweaver détecte les balises div au lieu des tableaux, choisissez Divs dans la liste déroulante Détecter. L’option Personnalisé vous permet d’entrer n’importe quel nom de balise à détecter.

• Indiquez le chemin d’accès au fichier contenant votre source de données HTML. Il peut s’agir d’un chemin relatif à un fichier local de votre site (par exemple données/données_html.html), ou d’une URL absolue vers une page web publiée (à l’aide du protocole HTTP ou HTTPS). Vous pouvez cliquer sur le bouton Parcourir afin d’accéder à un fichier local puis le sélectionner.

  Dreamweaver rend la source de données HTML dans la fenêtre Sélection de données et affiche des repères visuels pour les éléments susceptibles de servir de conteneurs à l’ensemble de données. L’élément que vous voulez utiliser doit déjà posséder un ID unique. Si ce n’est pas le cas, Dreamweaver affiche un message d’erreur, et vous devrez revenir à la source de données afin d’attribuer un ID unique. Par ailleurs, les éléments susceptibles d’être sélectionnés, dans le fichier source des données, ne peuvent pas se trouver dans des régions Spry ni contenir d’autres références de données.

  Vous pouvez également définir un flux de conception comme source de données. Pour plus d’informations, voir Utilisation d’un flux de conception.

• Sélectionnez l’élément pour votre conteneur de données en cliquant sur l’une des flèches jaunes qui s’affichent dans la fenêtre Sélection de données, ou en choisissant un ID dans la liste déroulante Conteneurs de données.

  
  Sélection de l’élément pour le conteneur de données de l’ensemble de données HTML.

  Si votre fichier est de grande taille, vous pouvez cliquer sur la flèche Développer/Réduire dans le bas de la fenêtre Sélection de données afin d’afficher davantage de données.

  Lorsque vous avez sélectionné l’élément de données pour l’ensemble de données, Dreamweaver affiche un aperçu de l’ensemble dans la fenêtre Aperçu des données.

• (Facultatif) Activez l’option Sélection de données avancée si vous voulez définir des sélecteurs CSS pour l’ensemble de données. Par exemple, si vous avez indiqué .product dans la zone Sélecteurs de lignes et .boximage dans la zone Sélecteurs de colonnes, l’ensemble de données contiendra uniquement les lignes auxquelles la classe .product a été attribuée, et uniquement les colonnes possédant la classe .boximage.

  Si vous voulez entrer plusieurs sélecteurs dans une zone de texte précise, séparez chacun d’eux par une virgule.

  Pour plus d’informations, voir À propos des sélecteurs de données Spry.

• Lorsque vous avez terminé d’utiliser la fenêtre Définir la source des données, cliquez sur Terminé pour créer immédiatement l’ensemble de données, ou cliquez sur Suivant pour accéder à la fenêtre Définir les options des données. Si vous cliquez sur Terminé, l’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons).

Dans la fenêtre Définir les options des données, effectuez les opérations suivantes :

• (Facultatif) Définissez les types de colonnes de l’ensemble de données en sélectionnant une colonne, puis en effectuant une sélection dans la liste déroulante Type. Par exemple, si une colonne de l’ensemble de données contient des nombres, sélectionnez cette colonne puis choisissez Nombre dans la liste déroulante Type. Cette option n’est importante que si vous voulez que les utilisateurs puissent trier les données sur la base de cette colonne.

  Vous pouvez sélectionner une colonne dans l’ensemble de données en cliquant sur son titre, en la sélectionnant dans la liste déroulante Nom de colonne, ou en y accédant à l’aide des flèches vers la gauche et la droite situées dans le coin supérieur gauche de la fenêtre.

• (Facultatif) Déterminez comment les données doivent être triées, en sélectionnant la colonne sur laquelle le tri doit être basé dans la liste déroulante Colonne de tri. Lorsque vous avez sélectionné la colonne, vous pouvez déterminer si elle doit être triée dans l’ordre croissant ou décroissant.

• (Facultatif : tableaux uniquement) Désactivez l’option Utiliser la première ligne comme en-tête si vous voulez employer des noms de colonnes génériques (c.-à-d. column0, column1, column2, etc.) au lieu des noms de colonnes définis dans votre source de données HTML.

• (Facultatif : tableaux uniquement) Activez l’option Utiliser les colonnes comme lignes pour permuter l’orientation horizontale et verticale des données dans l’ensemble de données. Si vous activez cette option, les colonnes seront utilisées comme lignes.
• (Facultatif) Activez l’option Filtrer les lignes en double pour exclure les lignes de données en double de l’ensemble de données.
• (Facultatif) Activez l’option Désactiver la mise en cache des données si vous voulez toujours avoir accès aux données les plus récentes de l’ensemble de données. Si vous voulez que les données s’actualisent automatiquement, activez l’option Actualiser automatiquement les données puis définissez un intervalle d’actualisation, en millisecondes.
• Lorsque vous avez terminé d’utiliser la fenêtre Définir les options des données, cliquez sur Terminé pour créer immédiatement l’ensemble de données, ou cliquez sur Suivant pour accéder à la fenêtre Choisir les options d’insertion. Si vous cliquez sur Terminé, l’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons).

Dans la fenêtre Choisir les options d’insertion, effectuez l’une des opérations suivantes :

• Sélectionnez la disposition du nouvel ensemble de données et définissez les options de configuration appropriées. Pour plus d’informations, voir Sélection d’une disposition pour l’ensemble de données.

• Activez l’option Ne pas insérer de code HTML. Si vous activez cette option, Dreamweaver crée l’ensemble de données, mais n’ajoute pas de code HTML à la page. L’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons), et vous pouvez tirer manuellement des données sur la page à partir de l’ensemble de données.

Cliquez sur Terminé.

Dreamweaver crée l’ensemble de données et, si vous avez choisi une option de disposition, affiche la disposition et les espaces réservés pour les données sur votre page. En mode Code, vous pouvez constater que Dreamweaver a ajouté des références, dans l’en-tête, aux fichiers SpryData.js et SpryHTMLDataSet.js. Ces fichiers sont d’importants actifs Spry qui fonctionnent en combinaison avec la page. Veillez à ne pas supprimer ce code de la page, faute de quoi l’ensemble de données ne fonctionnera pas. Lorsque vous chargez votre page sur un serveur, vous devez également charger ces fichiers, en tant que fichiers dépendants.

Si vous ne procédez qu’à la création d’un ensemble de données, il n’est pas nécessaire de vous intéresser au point d’insertion. Si vous créez un ensemble de données et insérez également une disposition, veillez à ce que le point d’insertion se trouve à l’endroit où insérer la disposition sur la page.

Choisissez Insertion > Spry > Ensemble de données Spry.

Dans la fenêtre Définir la source des données, effectuez les opérations suivantes :

• Choisissez XML dans la liste déroulante Sélectionner le type de données.

• Donnez un nom au nouvel ensemble de données. Le nom par défaut est ds1 lors de la première création d’un ensemble de données. Le nom de l’ensemble de données peut contenir des lettres, des chiffres et des caractères de soulignement, mais il ne peut pas débuter par un chiffre.

• Indiquez le chemin d’accès au fichier contenant votre source de données XML. Il peut s’agir d’un chemin relatif à un fichier local de votre site (par exemple données/données.xml), ou d’une URL absolue vers une page sur le Web (à l’aide du protocole HTTP ou HTTPS). Vous pouvez cliquer sur le bouton Parcourir afin d’accéder à un fichier local puis le sélectionner.

  Dreamweaver rend la source de données XML dans la fenêtre Eléments de ligne et affiche l’arborescence XML des éléments de données pouvant être sélectionnés. Les éléments répétés sont indiqués par un signe Plus (+), et les éléments enfants sont mis en retrait.

  Vous pouvez également définir un flux de conception comme source de données. Pour plus d’informations, voir Utilisation d’un flux de conception.

• Sélectionnez l’élément qui contient les données à afficher. En règle générale, il s’agit d’un élément répété, tel que <menu_item>, avec plusieurs éléments enfants tels que <item>, <link>, <description>, etc.

  
  Sélection d’un élément répété pour l’ensemble de données XML.

  Lorsque vous avez sélectionné l’élément de données pour l’ensemble de données, Dreamweaver affiche un aperçu de l’ensemble dans la fenêtre Aperçu des données. La zone XPath affiche une expression qui indique l’emplacement du nœud sélectionné dans le fichier XML source.

• Lorsque vous avez terminé d’utiliser la fenêtre Définir la source des données, cliquez sur Terminé pour créer immédiatement l’ensemble de données, ou cliquez sur Suivant pour accéder à la fenêtre Définir les options des données. Si vous cliquez sur Terminé, l’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons).

Dans la fenêtre Définir les options des données, effectuez les opérations suivantes :

• (Facultatif) Définissez les types de colonnes de l’ensemble de données en sélectionnant une colonne, puis en effectuant une sélection dans la liste déroulante Type. Par exemple, si une colonne de l’ensemble de données contient des nombres, sélectionnez cette colonne puis choisissez Nombre dans la liste déroulante Type. Cette option n’est importante que si vous voulez que les utilisateurs puissent trier les données sur la base de cette colonne.

  Vous pouvez sélectionner une colonne dans l’ensemble de données en cliquant sur son titre, en la sélectionnant dans la liste déroulante Nom de colonne, ou en y accédant à l’aide des flèches vers la gauche et la droite situées dans le coin supérieur gauche de la fenêtre.

• (Facultatif) Déterminez comment les données doivent être triées, en sélectionnant la colonne sur laquelle le tri doit être basé dans la liste déroulante Colonne de tri. Lorsque vous avez sélectionné la colonne, vous pouvez déterminer si elle doit être triée dans l’ordre croissant ou décroissant.

• (Facultatif) Activez l’option Filtrer les lignes en double pour exclure les lignes de données en double de l’ensemble de données.

• (Facultatif) Activez l’option Désactiver la mise en cache des données si vous voulez toujours avoir accès aux données les plus récentes de l’ensemble de données. Si vous voulez que les données s’actualisent automatiquement, activez l’option Actualiser automatiquement les données puis définissez un intervalle d’actualisation, en millisecondes.

• Lorsque vous avez terminé d’utiliser la fenêtre Définir les options des données, cliquez sur Terminé pour créer immédiatement l’ensemble de données, ou cliquez sur Suivant pour accéder à la fenêtre Choisir les options d’insertion. Si vous cliquez sur Terminé, l’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons).

Dans la fenêtre Choisir les options d’insertion, effectuez l’une des opérations suivantes :

• Sélectionnez la disposition du nouvel ensemble de données et définissez les options de configuration appropriées. Pour plus d’informations, voir Sélection d’une disposition pour l’ensemble de données.

• Activez l’option Ne pas insérer de code HTML. Si vous activez cette option, Dreamweaver crée l’ensemble de données, mais n’ajoute pas de code HTML à la page. L’ensemble de données est disponible dans le panneau Liaisons (Fenêtre > Liaisons), et vous pouvez tirer manuellement des données sur la page à partir de l’ensemble de données.

Cliquez sur Terminé.

Dreamweaver crée l’ensemble de données et, si vous avez choisi une option de disposition, affiche la disposition et les espaces réservés pour les données sur votre page. En mode Code, vous pouvez constater que Dreamweaver a ajouté des références, dans l’en-tête, aux fichiers xpath.js et SpryData.js. Ces fichiers sont d’importants actifs Spry qui fonctionnent en combinaison avec la page. Veillez à ne pas supprimer ce code de la page, faute de quoi l’ensemble de données ne fonctionnera pas. Lorsque vous chargez votre page sur un serveur, vous devez également charger ces fichiers, en tant que fichiers dépendants..

Dans le panneau Colonnes, ajustez les colonnes du tableau en procédant comme suit :

• Sélectionnez le nom d’une colonne puis cliquez sur le signe Moins (-) pour la supprimer du tableau. Cliquez sur le signe Plus (+), puis sélectionnez le nom d’une colonne pour l’ajouter au tableau.

• Sélectionnez le nom d’une colonne puis cliquez sur la flèche vers le haut ou vers le bas pour la déplacer. Si vous faites monter une colonne, elle se trouvera davantage sur la gauche du tableau affiché, et sur la droite si vous la faites descendre.

Pour autoriser le tri dans une colonne, sélectionnez-la dans le panneau Colonnes, puis activez l’option Trier la colonne en cas de clic sur l’en-tête. Par défaut, toutes les colonnes peuvent faire l’objet d’un tri.

Si vous voulez désactiver le tri dans une colonne, sélectionnez son nom dans le panneau Colonnes, puis désactivez l’option Trier la colonne en cas de clic sur l’en-tête.

Si des styles CSS sont associés à votre page, sous la forme d’une feuille de style jointe ou d’un ensemble de styles individuels dans la page HTML, vous pouvez appliquer une classe CSS pour une ou plusieurs des options suivantes :

Modifie l’apparence des lignes impaires dans le tableau dynamique en fonction du style de classe sélectionné.

Modifie l’apparence des lignes paires dans le tableau dynamique en fonction du style de classe sélectionné.

Modifie l’apparence d’une ligne du tableau lorsque vous amenez le pointeur de la souris au-dessus d’elle, en fonction du style de classe sélectionné.

Modifie l’apparence d’une ligne du tableau lorsque vous cliquez dessus, en fonction du style de classe sélectionné.

Si le tableau que vous créez doit devenir un tableau principal dynamique Spry, activez l’option Mettre à jour les régions détaillées en cas de clic sur une ligne. Pour plus d’informations, voir À propos des tableaux principaux Spry et de la mise à jour des régions détaillées.

Cliquez sur OK pour fermer la boîte de dialogue, puis sur Terminé dans la fenêtre Choisir les options d’insertion.

Si vous êtes en mode Création, le tableau s’affiche avec une ligne d’en-têtes et une ligne de références de données. Les références de données sont mises en surbrillance et entourées d’accolades ({}).

Dans le panneau Colonnes principales, ajustez le contenu de votre région principale en procédant comme suit :

• Sélectionnez le nom d’une colonne, puis cliquez sur le signe Moins (-) pour la supprimer de la région principale. Cliquez sur le signe Plus (+), puis sélectionnez le nom d’une colonne pour l’ajouter à la région principale. Par défaut, Dreamweaver remplit la région principale des données de la première colonne de l’ensemble de données.

• Sélectionnez le nom d’une colonne puis cliquez sur la flèche vers le haut ou vers le bas pour la déplacer. En faisant monter ou descendre une colonne dans le panneau Colonnes principales, vous définissez l’ordre d’apparition des données dans la région principale de la page.

Répétez la procédure ci-dessus pour le panneau Colonnes de détails. Par défaut, Dreamweaver remplit la région détaillée de toutes les données qui ne se trouvent pas dans la région principale (c’est-à-dire toutes les colonnes de l’ensemble de données, sauf la première).

(Facultatif) Définissez différents types de conteneurs pour les données dans la région détaillée. Pour ce faire, choisissez le nom d’une colonne détaillée puis sélectionnez le conteneur à utiliser pour celle-ci dans la liste déroulante Type de conteneur. Vous pouvez choisir des balises DIV, P, SPAN ou H1-H6.

Cliquez sur OK pour fermer la boîte de dialogue, puis sur Terminé dans la fenêtre Choisir les options d’insertion.

En mode Création, vous verrez les régions principale/détaillée s’afficher, remplies des références de données sélectionnées. Les références de données sont mises en surbrillance et entourées d’accolades ({}).

Dans le panneau Colonnes, ajustez le contenu de vos conteneurs empilés en procédant comme suit :

• Sélectionnez le nom d’une colonne, puis cliquez sur le signe Moins (-) pour la supprimer des conteneurs empilés. Cliquez sur le signe Plus (+), puis sélectionnez le nom d’une colonne pour l’ajouter aux conteneurs. Par défaut, Dreamweaver remplit les conteneurs empilés des données de chaque colonne de l’ensemble de données.

• Sélectionnez le nom d’une colonne puis cliquez sur la flèche vers le haut ou vers le bas pour la déplacer. En faisant monter ou descendre une colonne dans le panneau Colonnes, vous définissez l’ordre d’apparition des données dans les conteneurs empilés de la page.

(Facultatif) Définissez différents types de conteneurs pour les données dans les conteneurs empilés. Pour ce faire, choisissez le nom d’une colonne de l’ensemble de données, puis sélectionnez le conteneur à utiliser pour celle-ci dans la liste déroulante Type de conteneur. Vous pouvez choisir des balises DIV, P, SPAN ou H1-H6.

Cliquez sur OK pour fermer la boîte de dialogue, puis sur Terminé dans la fenêtre Choisir les options d’insertion.

En mode Création, vous verrez le conteneur s’afficher, rempli des références de données sélectionnées. Les références de données sont mises en surbrillance et entourées d’accolades ({}).

Dans le panneau Colonnes focalisables, ajustez le contenu de votre zone focalisable en procédant comme suit :

• Sélectionnez le nom d’une colonne, puis cliquez sur le signe Moins (-) pour la supprimer de la zone focalisable. Cliquez sur le signe Plus (+), puis sélectionnez le nom d’une colonne pour l’ajouter à la zone focalisable. Par défaut, Dreamweaver remplit la zone focalisable des données de la première colonne de l’ensemble de données.

• Sélectionnez le nom d’une colonne puis cliquez sur la flèche vers le haut ou vers le bas pour la déplacer. En faisant monter ou descendre une colonne dans le panneau Colonnes focalisables, vous définissez l’ordre d’apparition des données dans la zone focalisable de la page.

(Facultatif) Définissez différents types de conteneurs pour les données dans la zone focalisable. Pour ce faire, choisissez le nom d’une colonne de l’ensemble de données, puis sélectionnez le conteneur à utiliser pour celle-ci dans la liste déroulante Type de conteneur. Vous pouvez choisir des balises DIV, P, SPAN ou H1-H6.

Répétez la procédure ci-dessus pour le panneau Colonnes empilées. Par défaut, Dreamweaver remplit les colonnes empilées de toutes les données qui ne se trouvent pas dans la zone focalisable (c’est-à-dire toutes les colonnes de l’ensemble de données, sauf la première).

Cliquez sur OK pour fermer la boîte de dialogue, puis sur Terminé dans la fenêtre Choisir les options d’insertion.

En mode Création, la zone focalisable s’affiche, avec des conteneurs empilés à ses côtés, remplie par les références de données sélectionnées. Les références de données sont mises en surbrillance et entourées d’accolades ({}).

Dans le panneau Liaisons (Fenêtre > Liaisons), double-cliquez sur le nom de l’ensemble de données puis apportez-y les modifications désirées.

Commencez par créer un ensemble de données Spry (reportez-vous à la procédure précédente pour plus d’informations).

Dans la fenêtre Définir la source des données, cliquez sur le lien Flux de conception.

Cliquez sur le bouton Parcourir pour rechercher le flux de conception, puis cliquez sur OK.

Choisissez Insertion > Spry > Région Spry.

Comme conteneur de l’objet, vous pouvez sélectionner l’option <div> ou l’option <span>. Le conteneur <div> est utilisé par défaut.

Choisissez l’une des options suivantes :

• Pour créer une région Spry, activez Région (l’option par défaut) comme type de région à insérer.

• Pour créer une région de détail Spry, activez l’option Région Détail. Une région de détail ne s’emploie que si vous voulez lier des données dynamiques qui sont mises à jour lorsque les données d’une autre région Spry changent.

Choisissez votre ensemble de données Spry dans le menu.

Si vous voulez créer ou modifier la région définie pour un objet, sélectionnez-le puis activez l’une des options suivantes :

Place une nouvelle région autour d’un objet.

Remplace une région existante pour un objet.

Lorsque vous cliquez sur OK, Dreamweaver place un espace réservé de région sur votre page, avec le texte « Placez ici le contenu de la région de détail Spry ». Vous pouvez remplacer ce texte d’espace réservé par un objet de données Spry, tel qu’un tableau ou une liste répétée, ou par des données dynamiques provenant du panneau Liaisons (Fenêtre > Liaisons).

Pour remplacer le texte d’espace réservé par un objet de données Spry (par exemple un tableau Spry), cliquez sur le bouton de l’objet de données correspondant dans la catégorie Spry du panneau Insertion.

Pour remplacer le texte d’espace réservé par des données dynamiques, utilisez l’une des méthodes suivantes :

• Tirez un ou plusieurs éléments du panneau Liaisons au-dessus du texte sélectionné.

• En mode Code, tapez directement le code d’un ou plusieurs éléments. Utilisez le format suivant : {nom-ensemble-de-données::nom-élément}, comme dans {ds1::category}. ou {dsProducts::desc}. Si vous n’utilisez qu’un ensemble de données dans votre fichier, ou si vous employez des éléments du même ensemble de données que celui défini pour la région, vous pouvez omettre le nom de l’ensemble de données et simplement écrire {category} or {desc}.

Quelle que soit la méthode utilisée pour définir le contenu de votre région, les lignes suivantes sont ajoutées à votre code HTML :

Choisissez Insertion > Spry > Répétition Spry.

Comme conteneur de l’objet, vous pouvez sélectionner l’option <div> ou l’option <span>, en fonction du type de balise désirée. Le conteneur <div> est utilisé par défaut.

Activez l’option Répéter (par défaut) ou Répéter les enfants.

Choisissez votre ensemble de données Spry dans le menu.

Si vous avez déjà sélectionné du texte ou des éléments, vous pouvez les entourer ou les remplacer.

Cliquez sur OK pour afficher une région répétée sur votre page.

Lorsque vous cliquez sur OK, Dreamweaver insère un espace réservé de région sur votre page, avec le texte « Placez ici le contenu de la région de détail Spry ». Vous pouvez remplacer ce texte d’espace réservé par un objet de données Spry, tel qu’un tableau ou une liste répétée, ou par des données dynamiques provenant du panneau Liaisons (Fenêtre > Liaisons).

Pour remplacer le texte d’espace réservé par un objet de données Spry, cliquez sur le bouton de l’objet de données approprié dans le panneau Insertion.

Pour remplacer le texte d’espace réservé par une ou plusieurs données dynamiques, utilisez l’une des méthodes suivantes :

• Tirez un ou plusieurs éléments du panneau Liaisons au-dessus du texte sélectionné.

• En mode Code, tapez directement le code d’un ou plusieurs éléments. Utilisez le format suivant : {nom-ensemble-de-données::nom-élément}, comme dans {ds1::category}. ou {dsProducts::desc}. Si vous n’utilisez qu’un ensemble de données dans votre fichier, ou si vous employez des éléments du même ensemble de données que celui défini pour la région, vous pouvez omettre le nom de l’ensemble de données et simplement écrire {category} or {desc}.

Quelle que soit la méthode utilisée pour définir le contenu de votre région, les lignes suivantes sont ajoutées à votre code HTML :

Choisissez Insertion > Spry > Liste de répétition Spry.

Choisissez la balise conteneur à utiliser : UL, OL, DL ou SELECT. Les autres options varient en fonction du conteneur choisi. Si vous choisissez SELECT, vous devez compléter les zones suivantes :

• Colonne affichée : Il s’agit de ce que les utilisateurs voient lorsqu’ils affichent la page dans leur navigateur.

• Colonne de valeurs : Il s’agit de la valeur envoyée au serveur d’arrière-plan.

Par exemple, vous pouvez créer une liste de villes et montrer « Bordeaux » et « Boulogne » aux utilisateurs, tout en envoyant « BO » ou « BO » au serveur. Vous pouvez également utiliser SELECT comme outil de navigation et montrer des noms de produit tels que « Adobe Dreamweaver » et « Adobe Acrobat » aux utilisateurs, tout en envoyant des URL telles que « support/products/dreamweaver.html » et « support/products/acrobat.html » au serveur.

Choisissez votre ensemble de données Spry dans le menu.

Choisissez les colonnes à afficher.

Cliquez sur OK pour afficher une liste de répétition sur votre page. En mode Code, vous pouvez voir que des balises de sélection <ul>, <ol>, <dl> ou FORM ont été insérées dans le fichier.