|
Ressources de Dreamweaver CS4
|
Définition des propriétés de texte dans l'inspecteur Propriétés
Vous pouvez utiliser l'inspecteur Propriétés de texte pour appliquer un formatage HTML ou CSS. Lorsque vous appliquez une mise en forme HTML, Dreamweaver ajoute des propriétés au code HTML du corps de la page. Lorsque vous appliquez une mise en forme CSS, Dreamweaver écrit les propriétés dans l'en-tête du document ou dans une feuille de style séparée.
Remarque : Lorsque vous créez des styles CSS intégrés, Dreamweaver ajoute directement le code d'attribut du style au corps de la page.
Modification de règles CSS dans l'inspecteur Propriétés- Si ce n'est pas déjà fait, ouvrez l'inspecteur Propriétés (Fenêtres > Propriétés) puis cliquez sur le bouton CSS.
- Effectuez l'une des opérations suivantes :
Placez le point d'insertion dans un bloc de texte qui a été mis en forme à l'aide d'une règle que vous voulez modifier. La règle s'affiche dans le menu Règle cible.
Choisissez une règle dans le menu Règle cible.
- Apportez les modifications désirées à la règle à l'aide des différentes options de l'inspecteur Propriétés CSS.
- Règle cible
- La règle que vous modifiez dans l'inspecteur Propriétés CSS. Lorsqu'un style existant est appliqué au texte, la règle qui influe sur le format du texte s'affiche lorsque vous cliquez dans le texte sur la page. Vous pouvez également utiliser le menu Règle cible pour créer de nouvelles règles CSS et de nouveaux styles intégrés, ou pour appliquer des classes existantes au texte sélectionné. Si vous créez une nouvelle règle, vous devez remplir la boîte de dialogue Nouvelle règle CSS. Pour plus d'informations, consultez les liens dans le bas de cette rubrique.
- Modifier la règle
- Ouvre la boîte de dialogue Définition des règles CSS pour la règle cible. Par contre, si vous choisissez Nouvelle règle CSS dans le menu Règle cible puis que vous cliquez sur le bouton Modifier la règle, Dreamweaver ouvre la boîte de dialogue Définition de nouvelle règle CSS.
- Panneau CSS
- Ouvre le panneau Styles CSS et affiche les propriétés de la règle cible en mode Actuel.
- Police
- Modifie la police de la règle cible.
- Taille
- Définit la taille de police de la règle cible.
- Couleur du texte
- Définit la couleur sélectionné comme couleur de police dans la règle cible. Sélectionnez une couleur sécurisée pour le Web en cliquant sur le sélecteur de couleur ou tapez directement une valeur hexadécimale (par exemple, #FF0000) dans le champ de texte adjacent.
- Gras
- Ajoute la propriété gras à la règle cible.
- Italique
- Ajoute la propriété italique à la règle cible.
- Aligner à gauche, Centrer et Aligner à droite
- Ajoute les propriétés d'alignement respectives à la règle cible.
Remarque : Les propriétés Police, Taille, Couleur du texte, Gras, Italique et Alignement affichent toujours les propriétés de la règle qui s'applique à la sélection actuelle dans la fenêtre de document. Lorsque vous modifiez l'une de ces propriétés, vous influez sur la règle cible.
Définition de mise en forme HTML dans l'inspecteur Propriétés- Si ce n'est pas déjà fait, ouvrez l'inspecteur Propriétés (Fenêtres > Propriétés) puis cliquez sur le bouton HTML.
- Sélectionnez le texte que vous souhaitez mettre en forme.
- Définissez les options que vous voulez appliquer au texte sélectionné :
- Format
- Définit le style de paragraphe du texte sélectionné. Paragraphe applique un format par défaut pour une balise <p>, En-tête 1 ajoute une balise H1, et ainsi de suite.
- ID
- Attribue un ID à votre sélection. Le menu ID présente (le cas échéant) tous les ID non utilisés et déclarés dans le document.
- Classe
- Affiche le style de classe appliqué au texte sélectionné. Si aucun style n'est appliqué à la sélection, la mention Aucun styleCSS apparaît dans le menu déroulant. Si plusieurs styles sont appliqués à la sélection, le menu est vide.
Le menu Style permet d'effectuer les opérations suivantes :
Sélectionnez le style à appliquer à la sélection.
Choisissez Aucun pour ne plus appliquer le style sélectionné.
Pour renommer le style, choisissez Renommer.
Sélectionnez Attacher une feuille de style pour ouvrir une boîte de dialogue qui vous permet d'attacher une feuille de style externe à la page.
- Gras
- Applique soit <b> soit <strong> au texte sélectionné en fonction de la préférence de style définie dans la catégorie Général de la boîte de dialogue Préférences.
- Italique
- Applique soit <i> soit <em> au texte sélectionné en fonction de la préférence de style définie dans la catégorie Général de la boîte de dialogue Préférences.
- Liste non ordonnée
- Crée une liste à puces à partir du texte sélectionné. Si aucun texte n'est sélectionné, une nouvelle liste à puces est ouverte.
- Liste numérotée
- Crée une liste numérotée à partir du texte sélectionné. Si aucun texte n'est sélectionné, une nouvelle liste numérotée est ouverte.
- Retrait et retrait négatif
- Augmente ou supprime la mise en retrait du texte sélectionné, en insérant ou supprimant la balise blockquote. Au sein d'une liste, l'ajout d'un retrait crée une liste imbriquée et sa suppression ramène les éléments de la liste au niveau parent.
- Lien
- Crée une liste à puces à partir du texte sélectionné. Cliquez sur l'icône de dossier pour rechercher un fichier de votre site, faites glisser l'icône Pointer vers un fichier sur un fichier du panneau Fichiers ou faites glisser un fichier du panneau Fichiers sur la zone.
- Cible
- Spécifie la fenêtre ou le cadre dans lequel sera chargé le document lié :
_blank charge le document lié dans une nouvelle fenêtre, sans nom, du navigateur.
_parent charge le document lié dans le jeu de cadres parent (ou dans la fenêtre parente) du cadre contenant le lien. Si le cadre contenant le lien n'est pas imbriqué, le document lié sera chargé dans la fenêtre de base du navigateur.
_self charge le document lié dans le même cadre (ou la même fenêtre) que le lien. Il s'agit de la cible par défaut, de sorte qu'il est le plus souvent inutile de la spécifier.
_top charge le document lié dans la fenêtre de base du navigateur, en supprimant tous les cadres.
|
PDF (adobe.com)
