Text Mise en forme à l'aide d'Adobe CS5 Dreamweaver Property Inspector - duos

L'inspecteur de propriétés Dreamweaver d'Adobe Creative Suite 5 (Adobe CS5) permet d'appliquer des balises HTML et de créer des classes CSS pour mettre en forme la couleur du texte, le visage, la taille et d'autres caractéristiques. L'inspecteur de propriétés est divisé en deux vues: HTML et CSS. Vous pouvez les basculer en utilisant les boutons sur le côté gauche du panneau.

change les attributs du texte.

Voici ce que signifient tous les boutons de l'inspecteur des propriétés:

• Format (HTML): Utilisez la liste déroulante Format pour appliquer des balises HTML qui mettent en forme un paragraphe entier, y compris les balises d'en-tête 6) qui sont généralement appliqués aux en-têtes et aux titres, à l'étiquette de paragraphe et à l'étiquette de texte préformatée. Vous pouvez facilement affiner les attributs de ces balises plus tard en utilisant CSS.

  Le dernier choix de la liste déroulante Format est Préformaté, ce qui permet à votre navigateur d'afficher le texte exactement comme vous l'avez composé.

• ID (HTML): Ce paramètre applique un style d'identifiant CSS à un élément. Les ID sont un type spécifique de règle CSS (ou sélecteur) qui est utilisé pour stocker des informations de mise en forme propres à un seul élément de la page (par exemple, des informations de positionnement pour un conteneur).

• Classe (HTML): Cette liste déroulante applique un style de classe existant à une sélection sur la page. Les styles de classe peuvent être créés à l'aide de l'inspecteur des propriétés ou directement à partir du panneau Styles CSS.

• Lien (HTML): Tapez un lien hypertexte (tel que www.wiley.com) ou cliquez sur l'icône du dossier pour naviguer et créer un lien vers une autre page de votre site Web.

• Cible (HTML): Choisissez où la cible liée apparaîtra.

• Gras (HTML / CSS): Texte sélectionné en gras.

• Italique (HTML / CSS): Mettez en italique le texte sélectionné.

• Alignement (CSS): Vous pouvez cliquer sur les boutons d'alignement de la barre d'outils pour appliquer l'alignement à gauche, au centre et à droite. Pour revenir à l'alignement par défaut à gauche, cliquez à nouveau sur le bouton d'alignement sélectionné.

• Liste non ordonnée (HTML): Insérer automatiquement des puces devant les éléments listés. À mesure que vous avancez dans l'utilisation des feuilles de style en cascade, vous pouvez appliquer beaucoup plus d'attributs aux listes, y compris la personnalisation des puces.

• Liste des commandes (HTML): Numérote automatiquement chaque ligne de texte supplémentaire chaque fois que vous appuyez sur la touche Entrée (Windows) ou Retour (Mac).

  Pour forcer le texte sur une autre ligne sans ajouter de numérotation automatique, appuyez sur Maj + Entrée (Windows) ou Maj + Retour (Mac).

• Text Outdent (HTML): Annuler l'insertion du retrait avec le bouton Text Outdent. Cette option supprime la balise

  créée par le bouton Retrait de texte.

• Retrait de texte (HTML): Utilisez cette option pour mettre en retrait du texte. Placez simplement le curseur dans le paragraphe que vous souhaitez mettre en retrait et appuyez sur le bouton Retrait du texte. Une balise

  est appliquée.

• Règle ciblée (CSS): Modifier une règle CSS existante ou en créer une nouvelle. Cette liste déroulante indique clairement si vous créez une nouvelle règle ou en modifiez une existante dans l'inspecteur des propriétés.

• Boutons Modifier le panneau Règle / CSS (CSS): Pour la règle affichée dans la liste déroulante Règle ciblée, vous pouvez modifier les propriétés et les valeurs de cette règle dans la boîte de dialogue Définition de règle CSS ou l'afficher dans le panneau Styles CSS sur la droite, respectivement.

• Police (CSS): La police est la police choisie pour l'affichage du texte. Gardez à l'esprit que la police que la visionneuse voit est basée sur la disponibilité des polices sur l'ordinateur de cet utilisateur. Pour cette raison, les jeux de polices sont limités aux polices système de base installées sur la plupart des ordinateurs, quel que soit le système d'exploitation.

  Il se peut que le spectateur ne dispose pas de polices que vous chargez dans vos jeux de polices. Essayez donc de coller à des polices de caractères communes telles que celles déjà incluses dans les jeux de polices Dreamweaver existants.