Accueil Médias sociaux Comment utiliser le panneau de texte dans le panneau de propriétés CSS de Dreamweaver - dummies

Comment utiliser le panneau de texte dans le panneau de propriétés CSS de Dreamweaver - dummies

Table des matières:

Vidéo: Dreamweaver CS6 : Place et rôle de Dreamweaver 2025

Vidéo: Dreamweaver CS6 : Place et rôle de Dreamweaver 2025
Anonim

Le panneau de texte de Dreamweaver contient un ensemble d'options qui contrôlent l'affichage du texte dans vos pages. Vous pouvez accéder aux options du panneau de texte en faisant défiler le panneau des propriétés jusqu'à ce que vous obteniez les options de mise en page ou en cliquant sur l'icône T en haut du panneau.

Le panneau Texte comprend les options de formatage suivantes:

  • Couleur: Définit la couleur du texte. Vous pouvez bien cliquer sur la couleur et choisir une couleur, utiliser la pipette pour échantillonner n'importe quelle couleur sur l'écran ou entrer un code de couleur hexadécimal dans le champ de couleur. Si vous entrez un code de couleur hexadécimal, incluez le signe dièse (#).

  • Font-Family: Définir une famille de polices ou une série de familles. Vous pouvez ajouter des polices à partir de votre disque dur local ou d'Adobe TypeKit en choisissant Gérer les polices au bas de la liste déroulante et en lançant la boîte de dialogue Gérer les polices.

  • Style de police: Entrer Normal, Italique ou Oblique. Cependant, italique et oblique sont rarement différents dans un navigateur Web, alors restez en italique sauf si vous avez une raison spécifique de ne pas le faire.

  • Police-Variant: Change le texte en petites majuscules. Testez vos conceptions attentivement car cet attribut n'est pas pris en charge par tous les navigateurs.

  • Police-Poids: Rendre le texte affiché en gras en sélectionnant Gras ou Bolder dans la liste déroulante. Vous pouvez également entrer un nombre entre 100 et 900 pour contrôler plus précisément l'affichage du texte en caractères gras. Pour supprimer le formatage en gras, choisissez Normal ou Plus clair.

  • Taille de la police: Définit la taille du texte. Vous pouvez choisir une taille numérique spécifique ou une taille relative. Les options de taille sont les suivantes: pixel (px), point (pt), pica (pc), pourcentage (%), em, rem, ex et ch. Les pixels, les ems et les pourcentages sont les options les plus couramment utilisées pour les tailles de texte.

  • Line-Height: Spécifie la hauteur de la ligne sur laquelle le texte est placé. Tout comme la taille du texte, vous pouvez spécifier la hauteur de la ligne de plusieurs façons, y compris les pixels, les ems et les pourcentages. Il est recommandé d'ajouter une hauteur de ligne sur le Web car l'augmentation de l'espace autour de votre texte facilite la lecture sur un écran d'ordinateur.

  • Alignement du texte: Alignez à gauche, alignez à droite, centrez ou justifiez votre texte en cliquant sur l'icône correspondante. La première icône, pour Hériter, est la valeur par défaut. Par exemple, vous pouvez centrer le texte dans le pied de page de votre page Web en incluant Texte-Aligner défini sur Centre dans la définition d'un style que vous appliquez à la balise en bas de la page.

  • Text-Decoration: Spécifie si le texte est souligné, surligné, barré ou affiché avec l'effet de clignotement.Vous pouvez également choisir Aucun, ce qui est fréquemment utilisé pour supprimer le soulignement du texte lié.

  • Retrait de texte: Spécifiez la quantité de texte à mettre en retrait du côté gauche de la page en entrant un nombre dans l'une des options de taille, telles que pixels, ems ou pourcentages.

Pourquoi tant de polices?

Vous avez peut-être entendu dire que vous pouvez désormais utiliser n'importe quelle police de caractères sur vos pages Web, grâce à la dernière version de Cascading Style Sheets, CSS3. Cette affirmation est vraie mais avec certaines limitations: Vous devez avoir le droit légal de publier la police, et la police doit être hébergée sur un serveur Web.

Pour vous assurer que votre texte s'affiche comme vous le souhaitez, Dreamweaver inclut des collections des polices les plus courantes sur les ordinateurs Windows et Macintosh. Ces polices sont regroupées dans des familles, telles que

  • Gotham, Helvetica Nue, Helvetica, Arial, sans serif

  • Cambria, Texte Hoefler, Libération Serif, Times, Times New Roman, Times, et serif

Vous pouvez créer vos propres collections de polices à l'aide de la boîte de dialogue Gérer les polices, accessible en sélectionnant l'option Gérer les polices au bas de la liste déroulante Famille de polices du panneau Texte du panneau Concepteur CSS.

La section Text-Shadow du panneau Text

La section Text-Shadow du panneau Text fournit des outils pour ajouter des ombres de texte, une des propriétés CSS les plus récentes incluses dans la définition CSS3. Les options les plus populaires sont les suivantes:

  • H-ombre: Ajoute une ombre à votre texte sur l'axe horizontal. Choisissez d'abord une option de taille, puis entrez un nombre dans le champ. Par exemple, entrez 2px pour ajouter une ombre horizontale de 2 pixels de large.

  • V-ombre: Ajoute une ombre à votre texte sur l'axe vertical. Choisissez d'abord une option de taille, puis entrez un nombre dans le champ.

  • Flou: Contrôle la quantité de flou dans l'ombre. Plus le nombre est grand, plus l'ombre est étendue ou floue.

  • Couleur: Entrez un code de couleur hexadécimal pour spécifier la couleur de l'ombre ou utilisez la pipette pour échantillonner n'importe quelle couleur à l'écran.

Les fonctionnalités situées en bas du panneau Texte, qui ne sont pas aussi communes que les autres options du panneau Texte, sont les suivantes:

  • Transformation de texte: Changez la casse de votre texte. Les options sont les suivantes: majuscule, majuscule et minuscule. Cliquez sur l'icône correspondante pour définir cette propriété.

  • Espacement des lettres: Définit la quantité d'espace blanc inséré entre les lettres. Les options de taille sont les suivantes: pixel (px), point (pt), pica (pc), pourcentage (%), em, rem, ex et ch.

  • Espacement des mots: Définit la quantité d'espace blanc inséré entre les mots. Les options de taille sont les suivantes: pixel (px), point (pt), pica (pc), pourcentage (%), em, rem, ex et ch. (Voir la barre latérale précédente "Comparaison des options de taille CSS.")

  • Espace blanc: Dites au navigateur comment gérer les sauts de ligne et les espaces dans un bloc de texte. Vos options sont Inherit, Normal, Nowrap, Pre, Pre-line ou Pre-wrap. Nowrap est particulièrement utile car il empêche les éléments d'être séparés s'ils doivent être intégrés dans une fenêtre de navigateur ou dans un autre conteneur.

  • Alignement vertical: Aligne les éléments en ligne, tels que le texte et les images, par rapport aux éléments qui les entourent. Vous pouvez définir une valeur numérique ou choisir Baseline, Sub, Super, Haut, Text-Top, Middle, Bottom et Text-Bottom.

Comment utiliser le panneau de texte dans le panneau de propriétés CSS de Dreamweaver - dummies

Le choix des éditeurs

Principes de base du protocole de routage IP Multicast - dummies

Principes de base du protocole de routage IP Multicast - dummies

IP Le routage multicast est le routage du trafic multicast. La nature des données IP Multicast est telle qu'elle a ses propres problèmes de routage de réseau Cisco. Il existe quatre protocoles de multidiffusion principaux pris en charge par le Cisco IOS actuel. L'illustration vous montre approximativement où les protocoles sont utilisés; Ce qui suit est ...

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Comment le protocole STP (Spanning Tree Protocol) gère les modifications du réseau - dummies

Nouveau concentrateur ou passer à un réseau mappé STP (Spanning Tree Protocol)? Pour cet exemple, un concentrateur était connecté à un port sur les deux commutateurs 11: 99 et 77: 22. Un concentrateur était utilisé car il ne disposait pas d'une intelligence réseau. L'effet net est en fait le même que ...

Types de réseau local (LAN) - nuls

Types de réseau local (LAN) - nuls

Un WAN est un type de réseau local (LAN) . Un réseau local est un réseau privé généralement constitué d'une connexion réseau fiable, rapide et bien connectée. Les alternatives sur le framework LAN incluent CAN, MAN et WAN. Ces trois options de réseau sont illustrées ci-dessous: CAN Si vous utilisez le réseau LAN ...

Le choix des éditeurs

Bebo est l'application de médias sociaux pour vous? - les nuls

Bebo est l'application de médias sociaux pour vous? - les nuls

Comment savez-vous quel est le bon média social pour vous? La culture moderne devient de plus en plus dépendante des médias sociaux tels que Bebo, Facebook, Twitter et What'sApp, ainsi que de nombreux autres. Le questionnaire suivant vous aidera à déterminer si vous avez ou non ce qu'il faut pour être social sur le nouveau ...

Comment utiliser Bebo - dummies

Comment utiliser Bebo - dummies

Bebo, la nouvelle application des médias sociaux, est aussi facile à utiliser que C'est amusant à regarder. Vous pouvez obtenir cette nouvelle application sur Google Play Store et Apple App Store. Lancez Bebo et suivez les instructions à l'écran pour terminer le processus de création de compte. Après avoir téléchargé avec succès, ...

Le choix des éditeurs

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

Ce que vous pouvez trouver dans une barre latérale de blog - des mannequins

La plupart des blogs contiennent du matériel de barre latérale. La plupart des blogs sont disposés en deux ou trois colonnes, et le contenu de la barre latérale apparaît généralement dans les deuxième et / ou troisième colonnes. Certains blogs n'ont pas de barres latérales, et sur d'autres blogs, vous pouvez découvrir des éléments supplémentaires au-delà de ce que vous voyez ici. Archives basées sur la date: Presque tous les blogs sont ...

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Lorsqu'un réseau publicitaire est approprié pour votre blog maman - les mannequins

Ne sont que quelques-unes modèles conflit en cours d'exécution des publicités avec vos meilleurs intérêts. C'est quand vous bloguez pour vendre vos propres produits ou pour promouvoir vos services professionnels. Même dans ce cas, il est toujours possible de diffuser des annonces sur ces blogs, surtout si les annonces font la promotion de produits et de services complémentaires et non concurrents. Mais si vous êtes ...

Quand maman blogue pour Swag is Okay - les mannequins

Quand maman blogue pour Swag is Okay - les mannequins

Dans certaines circonstances légitimes vous pouvez vous sentir travailler gratuitement vaut votre temps et la publicité que vous offrez à une marque. Cela peut être comparé à un stage non rémunéré. Si vous êtes stagiaire et que vous avez une excellente expérience de travail, alors c'est une entreprise précieuse. Si vous êtes stagiaire et que vous ne versez que du café et que vous livrez ...