Vidéo: 07 Dreamweaver CS3 arrière plan image et propriété d'une page web 2024
Dreamweaver présente différentes options pour définir le contenu principal. L'un d'entre eux implique l'intégration de styles dans une page, ce qui n'est pas recommandé. Créez à la place des feuilles de style externes - des feuilles de style qui sont des fichiers distincts pouvant être liés à (appliqués à) plusieurs pages d'un site Web.
Cela dit, il y a un temps et un lieu pour définir le style de la page qui ne s'applique qu'à une seule page. Quand feriez-vous cela?
Vous pourriez avoir recours à la définition de styles pour une seule page lorsque vous êtes pressé de prototyper une page pour votre équipe ou un client, et vous y reviendrez plus tard pour appliquer des styles. Ou, si vous créez un site Web d'une seule page et que vous n'avez pas besoin d'une feuille de style externe qui s'appliquera à plusieurs pages.
Dreamweaver fournit des outils pour le faire dans la boîte de dialogue Propriétés de la page.
Pour ouvrir la boîte de dialogue Propriétés de la page, cliquez sur le bouton Propriétés de la page dans l'inspecteur des propriétés ou choisissez Modifier → Propriétés de la page. Les onglets Apparence (CSS), Apparence (HTML), Liens (CSS) et En-têtes (CSS) génèrent un code tête qui définit la manière dont les différents éléments de la page apparaissent. Les options sont intuitives.
Dans l'onglet Apparence, par exemple, vous pouvez définir la police, la taille et la couleur du texte ainsi que la couleur d'arrière-plan (ou l'image) d'une page. La figure montre la couleur d'arrière-plan en cours de définition. Les autres onglets de la boîte de dialogue Propriétés de la page offrent des options intuitives similaires pour définir les fonctions, telles que l'affichage des liens et l'aspect des en-têtes.
Dans sa tentative de simplifier la conception Web et de protéger les concepteurs de ce qui est «sous le capot», Dreamweaver propose des options qui génèrent du code de feuille de style CSS «inconsciemment». "
Par exemple, lorsque vous utilisez les fonctionnalités de la boîte de dialogue Propriétés de la page, vous ne réalisez peut-être pas que vous définissez des propriétés comme un fond de page ou un style de police. En raison de cette relation entre CSS et HTML, cette approche "à la volée" de la génération de CSS pourrait s'avérer utile.
