Les ressources Spry d'Adobe Dreamweaver sont des éléments de page prédéfinis composés de HTML, de feuilles de style en cascade et de JavaScript. HTML est le langage de balisage de page utilisé pour créer des pages Web; Les feuilles de style en cascade, ou CSS, sont utilisées pour mettre en forme l'apparence des documents HTML; et JavaScript est un langage de script côté client largement utilisé. Dreamweaver est fourni avec de nombreux éléments Spry permettant de créer plusieurs types de menus, de barres de navigation et d'éléments de formulaire. Vous pouvez modifier l'apparence d'un élément Spry en modifiant ses règles CSS.
1
Ouvrez le fichier HTML Dreamweaver contenant un élément Spry que vous souhaitez modifier ou démarrez un nouveau fichier HTML en cliquant sur le menu "Fichier" et en sélectionnant "Nouveau". La boîte de dialogue Nouveau document s'ouvre. Choisissez "HTML" dans la liste Type et sélectionnez la mise en page souhaitée dans la liste Mise en page. Cliquez sur le bouton "Créer".
2
Cliquez sur le menu "Fichier" et choisissez "Enregistrer sous". La boîte de dialogue Enregistrer sous s'ouvre. Nommez et enregistrez votre fichier.
3
Cliquez sur le curseur de votre souris dans la page à l'endroit où vous souhaitez insérer un élément Spry.
4
Cliquez sur le menu "Insertion", choisissez "Spry", puis choisissez un élément Spry dans le menu déroulant. Dreamweaver insère l'élément Spry dans la page. Le type d'élément de page créé dépend de l'option Spry. Par exemple, si vous choisissez un menu Spry, Dreamweaver insère un menu; si vous avez choisi un champ de formulaire Spry, Dreamweaver insère un champ de formulaire. Vous pouvez modifier un objet spécifique dans l'élément, tel qu'une étiquette de menu ou une bordure de champ de formulaire, en le sélectionnant, puis en modifiant les règles CSS de l'objet.
5
Sélectionnez l'objet que vous souhaitez modifier.
6
Allez dans le panneau "Propriétés" et cliquez sur le bouton "Modifier la règle" pour ouvrir la boîte de dialogue Définition de règle CSS pour l'objet sélectionné. Vous pouvez apporter de nombreuses modifications à l'apparence de l'objet. Par exemple, pour modifier l'apparence du texte, cliquez sur "Type" dans la liste des catégories. Cela affiche les options de modification des propriétés du texte sélectionné dans l'élément de page, telles que la famille de police, la taille de police et le style de police. Vous pouvez également modifier l'arrière-plan, le style de bordure et de nombreuses autres propriétés à partir de cette boîte de dialogue.
7
Terminez vos modifications, puis cliquez sur «Appliquer». Dreamweaver affiche les modifications sur la page. Cliquez sur "OK" pour fermer la boîte de dialogue Définition de règle CSS.
8
Sélectionnez un autre objet que vous souhaitez modifier et cliquez sur le bouton "Règle CSS".
9
Apportez les modifications décrites aux étapes 6 et 7.