Vidéo: Lier sa feuille de style à sa page HTML 2024
Une fois que vous avez créé une feuille de style externe dans Dreamweaver, vous pouvez l'attacher à n'importe quelle page Web. Dans les instructions étape par étape qui suivent, vous pouvez utiliser l'une des feuilles de style prédéfinies incluses dans Dreamweaver ou vous pouvez utiliser ces instructions pour joindre une feuille de style créée en suivant les étapes de l'exercice précédent.
Commencez par ouvrir la page à laquelle vous souhaitez attacher la feuille de style, puis procédez comme suit:
-
Cliquez sur l'icône plus (+) dans le panneau Sources en haut du panneau CSS Designer et choisissez Attacher un fichier CSS existant dans la liste déroulante.
La boîte de dialogue Attacher un fichier CSS existant s'ouvre.
-
Cliquez sur le bouton Parcourir et localisez le fichier CSS dans votre dossier de site local.
Vous pouvez également entrer une URL si vous souhaitez utiliser un fichier CSS distant situé sur un autre site Web, mais il est plus courant d'utiliser une feuille de style contenue dans le site Web sur lequel vous travaillez.
-
Sélectionnez l'option Lien ou Importer.
Si vous joignez une feuille de style à un fichier HTML, le meilleur choix est presque toujours de choisir Lien, qui est la valeur par défaut. Choisissez Importer si vous souhaitez créer une feuille de style externe principale contenant des références à d'autres feuilles de style, une option avancée qui permet à une feuille de style de faire référence à une autre.
-
(Facultatif) Choisissez les options dans la section Utilisation conditionnelle.
Utilisez les fonctions d'utilisation conditionnelle pour définir une requête multimédia lorsque vous attachez votre feuille de style.
-
Cliquez sur OK.
La boîte de dialogue se ferme et Dreamweaver définit le lien vers la feuille de style en ajoutant une ligne de code en haut du fichier HTML. Après avoir lié une feuille de style externe, tous les styles applicables sont automatiquement appliqués au contenu de la page dans Dreamweaver et les noms des sélecteurs des styles définis dans la feuille de style deviennent visibles dans le panneau Sélecteurs du panneau Concepteur CSS.
Vous pouvez attacher plusieurs feuilles de style à la même page HTML et vous pouvez utiliser des feuilles de style internes et externes dans le même document. Par exemple, vous pouvez enregistrer vos styles de texte dans une feuille de style, enregistrer vos styles de disposition dans un autre, puis les joindre au même document, ce qui rend tous les styles définis disponibles pour la page.
De même, vous créez des feuilles de style différentes à des fins différentes, par exemple une pour l'impression du fichier et une autre pour l'affichage du navigateur.
