Comment fixer une feuille de style externe à une page dans Dreamweaver

Après avoir créé une feuille de style externe dans Dreamweaver, vous pouvez le joindre à toute page web. Dans les instructions étape-par-étape qui suivent, vous pouvez utiliser l'une des feuilles de style prédéfinis inclus dans Dreamweaver, ou vous pouvez utiliser ces instructions pour joindre toute feuille de style que vous créez à l'aide les étapes de l'exercice précédent.

Commencez par ouvrir la page à laquelle vous souhaitez joindre la feuille de style et puis procédez comme suit:

  1. Cliquez sur l'icône plus (+) dans le panneau Sources en haut du panneau de Designer CSS et choisissez Joindre un fichier CSS existant dans la liste déroulante.

    La boîte de dialogue CSS Joindre un fichier existant ouvre.

  2. Cliquez sur le bouton Parcourir et localisez le fichier CSS dans le dossier de votre site local.




    Vous pouvez également entrer une URL si vous souhaitez utiliser un fichier CSS distant situé sur un autre site, mais il est plus courant d'utiliser une feuille de style contenues dans le site sur lequel vous travaillez.

  3. Sélectionnez le lien ou l'option Importer.

    Si vous êtes à la fixation d'une feuille de style à un fichier HTML, votre meilleur choix est presque toujours de choisir Link, qui est la valeur par défaut. Choisissez Importer si vous voulez créer un maître feuille de style externe qui contient des références à d'autres feuilles de style, une option avancée qui permet une feuille de style pour se référer à un autre.

  4. (Facultatif) Choisissez les options de la section Utilisation conditionnelle.

    Utilisez les fonctionnalités d'utilisation conditionnelles pour définir une requête de médias comme vous attachez votre feuille de style.

  5. 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 à la partie supérieure du fichier HTML. Après vous liez une feuille de style externe, tous les styles applicables sont automatiquement appliquées à la teneur de la page dans Dreamweaver et les noms des sélecteurs des styles définis dans la feuille de style devenir visible dans le panneau des sélecteurs du panneau de Designer CSS.

Vous pouvez joindre 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 mise en page dans un autre, et puis attacher à la fois pour le même document - ce qui rend tous les styles définis disponibles à la page.

De même, vous créez différentes feuilles de style pour des fins différentes, comme un pour l'impression du fichier et un autre pour l'affichage du navigateur.


» » » » Comment fixer une feuille de style externe à une page dans Dreamweaver