Définition des propriétés de page

Dernière mise à jour le 25 sept. 2023

Comment définir les propriétés de la page HTML et les propriétés CSS, notamment la police, la couleur d’arrière-plan et l’image d’arrière-plan de votre page Dreamweaver.

Pour chaque page que vous créez dans Dreamweaver, vous pouvez spécifier les propriétés de formatage et de mise en forme dans la boîte de dialogue Propriétés de la page (Fichier > Propriétés de la page). Cette boîte de dialogue permet de spécifier la famille et la taille par défaut de la police, la couleur d’arrière-plan, les marges, le style des liens ainsi que d’autres aspects de la conception de page. Vous pouvez attribuer de nouvelles propriétés à chaque nouvelle page que vous créez et modifier celles des pages existantes. Les modifications que vous apportez dans la boîte de dialogue Propriétés de la page s’appliquent à la page entière.

Dreamweaver propose deux méthodes de modification des propriétés de page : CSS ou HTML. Adobe recommande d’utiliser CSS pour définir des arrière-plans et modifier les propriétés des pages.

Les propriétés de page que vous choisissez ne s’appliquent qu’au document actif. Si une page utilise une feuille de style CSS externe, Dreamweaver n’écrase pas les balises définies dans la feuille de style, car ceci affecterait les autres pages qui utilisent cette feuille.

Définir les propriétés de police de page CSS, couleur d'arrière-plan et image d'arrière-plan

Utilisez la boîte de dialogue Propriétés de page pour spécifier plusieurs options de mise en page de base pour vos pages web, notamment la police, la couleur d'arrière-plan et l'image d'arrière-plan.

Sélectionnez Fichier > Propriétés de la page ou cliquez sur le bouton Propriétés de la page de l’Inspecteur des propriétés.

Sélectionnez la catégorie Apparence (CSS) et définissez les options.

Police

Spécifie la famille de polices par défaut à utiliser dans vos pages web. Dreamweaver utilise la famille de polices que vous spécifiez, sauf si une autre police est définie spécifiquement pour un élément de texte.

Taille

Spécifie la taille de police par défaut à utiliser dans vos pages web. Dreamweaver utilise la taille de police que vous spécifiez, sauf si une autre taille de police est définie spécifiquement pour un élément de texte.

Couleur du texte

Spécifie la couleur d’affichage des polices par défaut.

Couleur d’arrière-plan

Définit une couleur d'arrière-plan pour votre page. Cliquez sur la zone couleur d'arrière-plan et sélectionnez une couleur dans le sélecteur de couleurs.

Image d’arrière-plan

Définit une image d’arrière-plan. Cliquez sur le bouton Parcourir, puis naviguez jusqu'à l'image et sélectionnez-la.Vous pouvez également saisir le chemin d'accès de l'image d'arrière-plan dans la zone Image d'arrière-plan.

Dreamweaver effectue une répétition de l'image d'arrière-plan si elle ne remplit pas la fenêtre entière, tout comme le font les navigateurs. (Pour empêcher la répétition de l'image d'arrière-plan, utilisez les feuilles de style en cascade pour désactiver la répétition de l'image.)

Répétition

Indique comment l’image d’arrière-plan sera affichée sur la page :

  • Sélectionnez l'option Pas de répétition pour n'afficher l'image d'arrière-plan qu'une seule fois.

  • Sélectionnez l'option Répétition pour répéter, ou mettre en mosaïque, l'image à l'horizontale et la verticale.

  • Sélectionnez l'option Répéter-x pour former une mosaïque horizontale.

  • Sélectionnez l’option Répéter-y pour former une mosaïque verticale.

Marge gauche et Marge droite

Spécifie la taille des marges à gauche et à droite de la page.

Marge haut et Marge bas

Spécifie la taille des marges en haut et en bas de la page.

Définition des propriétés HTML d’une page

La définition de propriétés dans cette catégorie de la boîte de dialogue Propriétés de page génère un formatage HTML plutôt que CSS de votre page.

Sélectionnez Fichier > Propriétés de la page ou cliquez sur le bouton Propriétés de la page de l’Inspecteur des propriétés.

Sélectionnez la catégorie Apparence (HTML) et définissez les options.

Image d’arrière-plan

Définit une image d’arrière-plan. Cliquez sur le bouton Parcourir, puis naviguez jusqu'à l'image et sélectionnez-la.Vous pouvez également saisir le chemin d'accès vers l'image d'arrière-plan dans la zone Image d'arrière-plan.

Dreamweaver effectue une répétition de l'image d'arrière-plan si elle ne remplit pas la fenêtre entière, tout comme le font les navigateurs. (Pour empêcher la répétition de l'image d'arrière-plan, utilisez les feuilles de style en cascade pour désactiver la répétition d'image.)

Arrière-plan

Définit une couleur d'arrière-plan pour votre page. Cliquez sur la zone couleur d'arrière-plan et sélectionnez une couleur dans le sélecteur de couleurs.

Texte

Spécifie la couleur d’affichage des polices par défaut.

Lien

Spécifie la couleur à appliquer au texte qui constitue le lien.

Liens visités

Spécifie la couleur à appliquer aux liens visités.

Liens actifs

Spécifie la couleur à appliquer quand une souris (ou un pointeur) clique sur un lien

Marge gauche et Marge droite

Spécifie la taille des marges à gauche et à droite de la page.

Marge haut et Marge bas

Spécifie la taille des marges en haut et en bas de la page.

Définit les propriétés de titre et de codage d’une page

Les options Titre/codage de la boîte de dialogue Propriétés de la page permettent de définir le type de codage de document spécifique au langage utilisé pour créer vos pages Web, ainsi que le formulaire de normalisation Unicode à utiliser avec ce type de codage.

Effectuez l’une des opérations suivantes :

  • Cliquez sur Fichier > Propriétés de la page.
  • Cliquez sur Fenêtre > Propriétés, puis cliquez sur Propriétés de la page dans l’inspecteur Propriétés du texte.

Dans le panneau Propriétés de la page, sélectionnez Titre/codage. Vous pouvez configurer les options suivantes :

  • Titre : spécifie le titre de la page, qui s’affiche dans la barre de titre de la fenêtre de document et dans la plupart des fenêtres du navigateur.
  • Type de document (DTD) : spécifie une définition de type de document. Par exemple, vous pouvez rendre un document HTML compatible XHTML en sélectionnant XHTML 1.0 Transitional ou XHTML 1.0 Strict dans le menu déroulant.
  • Codage : précise le codage utilisé pour les caractères dans le document. Si vous sélectionnez Unicode (UTF 8) en tant que codage de document, le codage d’entité est superflu dans la mesure où UTF 8 permet de représenter de façon fiable tous les caractères. Si vous sélectionnez un autre codage de document, le codage d’entité peut être nécessaire pour représenter certains caractères. Pour plus d’informations sur les entités de caractère, consultez la section www.w3.org/TR/REC-html40/sgml/entities.html.
  • Recharger : convertit le document existant ou l’ouvre de nouveau avec le nouveau codage.
  • Formulaire de normalisation Unicode : activé uniquement si vous sélectionnez UTF 8 comme code par défaut. Il existe quatre Formulaires de normalisation Unicode. Le plus important est le Formulaire de normalisation Unicode C car il est le plus utilisé dans le Modèle de caractères lié au World Wide Web, mais Adobe fournit également les trois autres Formulaires de normalisation Unicode. Certains caractères Unicode semblent visuellement similaires mais peuvent être stockés de différentes manières dans le document. Par exemple, « ë » (e tréma) peut être représenté comme un caractère unique, « e tréma », ou comme deux caractères, « e latin normal » + « tréma de combinaison ». Un caractère de combinaison Unicode est un caractère qui s'utilise avec le caractère précédent, ainsi le tréma apparaîtrait au-dessus du « e latin ». Les deux formes produisent la même typographie visuelle, mais ce qui est enregistré dans le fichier est différent pour chaque forme. La normalisation est le processus consistant à s'assurer que tous les caractères pouvant être enregistrés sous différentes formes le sont tous sous la même forme. C'est-à-dire que tous les caractères « ë » dans un document sont enregistrés soit comme « e avec tréma » unique, soit comme « e » + « tréma combiné », et non sous les deux formes dans un même document.Pour plus d’informations sur la Normalisation Unicode et les formulaires spécifiques pouvant être utilisés, consultez le site web Unicode (www.unicode.org/reports/tr15).
  • Inclure une signature Unicode (BOM) : inclut une marque d’ordre d’octet (BOM, byte order mark) dans le document. Il s’agit d’une marque constituée de 2 à 4 octets placés au début d’un fichier texte identifiant un fichier comme étant au format Unicode et, dans ce cas, l’ordre des octets suivants. Le code UTF 8 ne présentant pas d’ordre octet, l’ajout d’une marque BOM UTF 8 est facultatif. Dans le cas d’UTF 16 et UTF 32, cette marque est obligatoire.