Guide d'utilisation Annuler

Mise en forme du contenu

  1. Guide de l’utilisateur RoboHelp
  2. Introduction
    1. Découverte de l’espace de travail RoboHelp
    2. Nouveautés de RoboHelp version 2022
      1. Nouveautés de la mise à jour 5
      2. Nouveautés de la mise à jour 4
      3. Nouveautés de la mise à jour 3
      4. Nouveautés de la mise à jour 2
      5. Nouveautés de la mise à jour 1
    3. Problèmes résolus dans RoboHelp
    4. Configuration requise pour RoboHelp
    5. Téléchargement de RoboHelp sous Windows et macOS
    6. Télécharger et installer l’application Adobe
    7. FAQ RoboHelp
    8. Nouveautés de RoboHelp version 2020
      1. Nouveautés de la mise à jour 8
      2. Nouveautés de la mise à jour 7
      3. Nouveautés de la mise à jour 6
      4. Nouveautés de la mise à jour 5
      5. Nouveautés de la mise à jour 4
      6. Nouveautés de la mise à jour 3
      7. Nouveautés de la mise à jour 2
      8. Nouveautés de la mise à jour 1
  3. Projets
    1. Planification d’un projet RoboHelp
    2. Création d’un projet
    3. Gestion des projets
    4. Utilisation des rubriques et des dossiers
    5. Génération de rapports
    6. Travailler avec l’aide contextuelle
    7. Gérer les références
    8. Définir les préférences dans RoboHelp
  4. Collaboration avec les auteurs
    1. Collaboration à l’aide de Git
    2. Collaboration à l’aide de SharePoint Online
    3. Collaboration à l’aide d’Azure DevOps (Team Foundation Server)
  5. Mise en page PDF
    1. Modèles PDF
    2. Concevoir une mise en page
    3. Publier une sortie PDF
    4. Utiliser les styles de contenu courants
    5. Composants d’un modèle PDF
    6. Prise en charge des variables de langue
    7. Personnalisation des fichiers PDF
  6. Modification et mise en forme
    1. Mise en forme du contenu
    2. Créer et gérer des références croisées
    3. Créer et gérer des liens
    4. Source unique avec des extraits de code
    5. Utilisation d’images et d’objets multimédias
    6. Création et utilisation de variables pour simplifier les mises à jour
    7. Utilisation des ensembles de variables
    8. Utilisation de la fonction Rechercher et remplacer
    9. Enregistrement automatique de votre contenu
    10. Modification côte à côte dans la vue fractionnée
    11. Utilisation de la fonction Vérification orthographique
    12. Créer et modifier des signets
    13. Insérer et mettre à jour des champs
    14. Permutation des vues
    15. Numérotation automatique dans CSS
  7. Importation et liaison
    1. Importation de fichiers Markdown dans un projet
    2. Importation de documents Word dans un projet
    3. Importation de documents FrameMaker dans un projet
  8. Tables des matières, index, glossaires et citations
    1. Création et gestion d’une table des matières
    2. Création et gestion d’un index
    3. Création et gestion d’un glossaire
    4. Création et gestion des citations
    5. Créer et gérer des séquences de navigation
    6. Utilisation des fonctions Voir aussi et Rubriques connexes
  9. Contenu conditionnel
    1. Qu’est-ce qu’un contenu conditionnel ?
    2. Création et application de balises de condition
    3. Configuration des paramètres prédéfinis de sortie de contenu conditionnel
    4. Optimisation et gestion de contenu conditionnel
  10. Microcontenu
    1. Microcontenu
  11. Révision et collaboration
    1. Révision et collaboration
  12. Traduction
    1. Traduction de contenu dans plusieurs langues
    2. Configurer un cadre de traduction pour un fournisseur de services
  13. Génération d'une sortie
    1. Génération d’une sortie
    2. Générer une sortie sans cadre
    3. Générer la sortie de la base de connaissances
    4. Génération d’une sortie PDF
    5. Génération d’une sortie en Responsive HTML5
    6. Génération d'une sortie Document Word
    7. Générer la sortie Contenu uniquement
    8. Génération d’une sortie eBook
    9. Génération d’une sortie Microsoft HTML Help
    10. Génération de la sortie de l’application mobile
  14. Publication d’une sortie
    1. Publier sur RoboHelp Server
    2. Publication sur un serveur FTP, un serveur FTP sécurisé, ou un système de fichiers
    3. Publier sur SharePoint Online
    4. Publier dans le Centre d’aide Zendesk
    5. Publier dans la base de connaissances Salesforce
    6. Publier dans la base de connaissances ServiceNow
    7. Publier dans la base de connaissances Zoho
    8. Publier sur Adobe Experience Manager
    9. Publication dans la base de connaissances Atlassian Confluence
  15. Annexe
    1. Référence des scripts Adobe RoboHelp
    2. Raccourcis clavier de RoboHelp

Découvrez comment vous pouvez mettre en forme votre contenu pour en améliorer la lisibilité et la présentation.

Remarque :

Résolvez les problèmes connus et les limitations dans les versions les plus récentes d’Adobe Captivate, Adobe FrameMaker et Adobe RoboHelp.

Pour plus d’informations, voir Résoudre les problèmes connus dans Technical Communication Suite.

Adobe RoboHelp vous permet d’ajouter facilement du texte, des images, des tableaux, des vidéos, des liens, etc. Vous pouvez également mettre en forme du texte, des caractères, des paragraphes et des tableaux en ligne et les afficher à votre manière. Les options de mise en forme sont disponibles dans la barre d’outils standard et le panneau Propriétés du contenu. Lisez Application de la mise en forme pour en savoir plus.

Pour obtenir un aperçu rapide de vos modifications, vous pouvez cliquer sur icône Aperçu  dans la barre d’outils standard.

Ajout de texte et d’autres éléments

La barre d’outils standard offre des options pour ajouter du texte et d’autres éléments, comme des listes, des tableaux, des caractères spéciaux, du texte extensible, du texte déroulant, des images, etc. à une rubrique. Consultez le tableau ci-dessous pour en savoir plus sur les différents éléments que vous pouvez ajouter à votre rubrique à l’aide de la barre d’outils standard. 

Options de la barre d’outils standard

Icône  Option de mise en forme Description
Styles de liste à puces
Mettre en forme le contenu sous la forme d’une liste non triée. Voir Utilisation des listes.
Styles de liste numérotés Mettre en forme les étapes, les activités et les tâches sous forme de liste triée. Voir Utilisation des listes.
Styles de liste à niveaux multiples Mettre en forme le contenu sous la forme d’une liste non triée ou d’une liste triée à niveaux multiples. Voir Utilisation des listes.
Insertion de tableau Ajoutez des tableaux pour organiser les données et afficher le contenu dans un format simplifié. Vous pouvez organiser des textes et des objets multimédias dans un tableau, les mettre en évidence à l’aide de différentes couleurs, et plus encore. Voir Utilisation des tableaux.
Insertion d’image Ajoutez des images dans divers formats, par exemple PNG, JPEG, WEBP et SVG. Vous pouvez ajouter des images à partir de votre projet, de fichiers locaux, et de liens Web. Voir Utilisation des images et des objets multimédias.
Insertion d’objet multimédia Ajoutez des vidéos, notamment des vidéos Adobe Captivate, à partir de votre ordinateur, de YouTube et de Vimeo. Voir Ajout de vidéos.
Insertion de lien Ajoutez des références croisées vers du contenu interne ou des liens hypertexte vers du contenu interne (rubriques de votre projet) et vers du contenu externe (fichiers locaux, courriers électroniques ou pages Web). Voir Création et gestion des liens.
Insertion de signet Cette option insère le contenu sélectionné sous forme de signet. Vous pouvez utiliser ces signets pour créer des liens entre les rubriques.
Insertion de variables/extraits de code/champs Ajoutez des variables, des extraits de code et des champs dans votre rubrique au contenu à source unique et mettez rapidement à jour différents types de sorties. Voir Création et utilisation de variables et Source unique avec des extraits de code.

Insérer un caractère spécial Ajoutez différents caractères à votre texte. Choisissez parmi différents nombres fractionnaires, formes et icônes. Voir Utiliser des caractères spéciaux.
insert placeholder.png
Insérer un espace réservé

Ajoutez les différents types suivants d’espaces réservés dans votre rubrique à partir de la liste déroulante :

Insertion d’éléments HTML Ajoutez des éléments HTML, tels qu’une ligne horizontale, iframe et une Zone de texte pour contrôler l’aspect et la mise en page du contenu.
Création de texte extensible Ajoutez du texte supplémentaire sous forme extensible à proximité de portions de contenu spécifiques. Vous cliquez sur les portions de contenu en surbrillance dans la sortie pour afficher/masquer le texte supplémentaire. Voir Utilisation du texte à développer.
Création de texte déroulant Ajoutez du texte déroulant à des portions de contenu spécifiques. Vous cliquez sur les portions de contenu en surbrillance dans la sortie pour afficher/masquer le texte déroulant. Voir Utilisation du texte déroulant.

Utilisation des listes

Vous pouvez créer des listes à puces ou numérotées et appliquer d’autres améliorations, comme l’ajustement du retrait, l’ajout de couleur ou l’ajout d’un paragraphe dans une liste. Pour créer une liste, sélectionnez le texte souhaité et procédez de l’une des façons suivantes :

  • Pour créer une liste à puces, cliquez sur Styles de listes à puces  dans la barre d’outils standard et choisissez un style dans la liste déroulante. 
  • Pour créer une liste numérotée, cliquez sur Styles de listes numérotées  dans la barre d’outils standard et choisissez un style dans la liste déroulante.
  • Pour créer une liste numérotée ou à puces contenant plusieurs niveaux, cliquez sur Styles de liste à niveaux multiples  dans la barre d’outils standard et sélectionnez un style dans la liste déroulante.
    • Pour créer une liste de sous-niveaux, sélectionnez le texte et appuyez sur Onglet. Ou, dans le panneau Propriétés du contenu > onglet Police > section Retrait, cliquez sur l’icône Augmenter le retrait.
    • Pour supprimer la mise en forme de liste, cliquez sur  ou  dans la barre d’outils standard et sélectionnez le style Aucun.

Utilisation des tableaux

Pour insérer un tableau :

  1. Dans une rubrique active, placez le curseur à l’emplacement souhaité et cliquez sur l’icône Insérer un tableau  dans la barre d’outils standard.
  2. Faites glisser votre curseur sur la grille du tableau déroulant pour sélectionner le nombre requis de lignes et de colonnes.
    Les lignes et colonnes sélectionnées sont surlignées en bleu.
  3. Cliquez pour insérer les lignes et les colonnes sélectionnées dans votre rubrique.

Lorsque vous avez créé un tableau, vous pouvez exécuter les actions suivantes pour le modifier.

Ajout de lignes d’en-tête

Vous pouvez convertir les lignes d’en-tête à partir de Propriétés du tableau également.

  1. Placez le curseur sur le tableau, puis dans le panneau de droite, ouvrez Propriétés du tableau.
  2. Sélectionnez le nombre de lignes à convertir dans la liste déroulante Lignes d’en-tête

Convertir en lignes d’en-tête

Pour convertir une ligne existante en en-tête :

  1. Sélectionnez une ligne que vous souhaitez utiliser comme ligne d’en-tête.
  2. Effectuez un clic droit, puis choisissez Convertir en> Lignes d’en-tête.

Convertir en colonnes d’en-tête

Pour convertir une ligne existante en en-tête :

  1. Sélectionnez une colonne que vous souhaitez utiliser comme colonne d’en-tête.
  2. Effectuez un clic droit, puis choisissez Convertir en> Cellules d’en-tête

Convertir en cellules d’en-tête

Pour convertir une cellule en en-tête :

  1. Sélectionnez la cellule que vous souhaitez utiliser comme cellule d’en-tête.
  2. Effectuez un clic droit, puis choisissez Convertir en> Cellules d’en-tête.
Conversion en lignes et cellules d’en-tête

Lors de la conversion de lignes ou de cellules en lignes d’en-tête ou en cellules d’en-tête, le style formaté des lignes ou cellules d’en-tête s’applique automatiquement à ces lignes ou cellules.

Remarque :

Remarque : seules les lignes supérieures sont comptées comme lignes d’en-tête. Aucune ligne située dans le corps du tableau ne peut être convertie en en-tête à partir de Propriétés du tableau.

Les lignes d’en-tête sont répétées sur toutes les pages de la sortie PDF si le tableau s’étend sur plusieurs pages.

Lignes d’en-tête dans la sortie PDF

Supprimer un en-tête

  1. Sélectionnez les cellules ou la ligne ou la colonne d’en-tête.
  2. Effectuez un clic droit, puis choisissez Convertir en> Cellules courantes.

 Lors de la conversion de lignes ou de cellules d’en-tête en lignes ou en cellules courantes, le style formaté des lignes ou des cellules courantes s’applique automatiquement à ces dernières.

Ajouter ou supprimer des lignes et des colonnes

Pour ajouter ou supprimer une ligne ou une colonne dans votre tableau, sélectionnez l’endroit souhaité, puis effectuez un clic droit.

  • Pour ajouter des lignes, cliquez sur Insérer > Ligne au-dessus ou Ligne au-dessous et pour ajouter des colonnes, cliquez sur Colonne à gauche ou Colonnes à droite.
  • Pour ajouter des cellules, cliquez sur Insérer > Cellule à gauche ou Cellule à droite.
  • Pour supprimer des lignes, des colonnes, des cellules ou tout le tableau, cliquez sur Supprimer et sélectionnez l’option souhaitée.

Fusionner les cellules

Pour fusionner des cellules :

  • Placez le curseur dans une cellule, puis sélectionnez plusieurs cellules en maintenant enfoncées à la fois la touche fléchée et la touche Maj, ou
  • Utilisez votre souris pour sélectionner les cellules, puis effectuez un clic droit et choisissez Fusionner > Cellules.

Diviser les cellules

Pour diviser les cellules d'un tableau :

  1. Placez le curseur dans la cellule que vous voulez diviser.
  2. Effectuez un clic droit, puis choisissez DiviserCellules horizontalement ou Cellules verticalement, selon la façon dont vous souhaitez diviser la cellule.

Gérer la largeur de colonne

Vous pouvez ajuster automatiquement votre tableau ou vos colonnes en fonction de la taille du contenu. Pour ce faire, effectuez un clic droit n’importe où sur le tableau et :

  • Sélectionnez Largeur de colonne > Ajuster automatiquement au contenu pour redimensionner les cellules et les ajuster à leur contenu.
  • Sélectionnez Largeur de colonne > Ajuster automatiquement à la fenêtre pour étirer le tableau sur la page et l’adapter à la rubrique. 
  • Sélectionnez Largeur de colonne > Largeur fixe pour définir manuellement la largeur des colonnes.
  • Sélectionnez Largeur de colonne > Répartir uniformément pour définir une largeur égale pour les colonnes.

Sélectionner des cellules, lignes et colonnes de tableaux

  • Pour sélectionner une ligne dans un tableau, effectuez un clic droit n’importe où dans la ligne et choisissez Sélectionner > Ligne.
  • Pour sélectionner une colonne dans un tableau, effectuez un clic droit n’importe où dans la colonne et choisissez Sélectionner > Colonne.
  • Pour sélectionner une cellule individuelle, effectuez un clic droit sur la cellule et choisissez Sélectionner > Cellule.
  • Pour sélectionner un tableau entier, effectuez un clic droit n’importe où dans le tableau et choisissez Sélectionner > Tableau.
Remarque :

Remarque : vous pouvez également sélectionner des lignes, des colonnes, des cellules ou un tableau à l’aide de la souris ou des chemins de navigation de l’éditeur dans la barre située au-dessus de la page thématique.

Formater des tableaux

Pour appliquer d’autres mises en forme au tableau, effectuez un clic droit sur le tableau et choisissez Sélectionner > Tableau. Cela ouvre le panneau « Propriétés du contenu » avec les options de mise en forme suivantes :

  • Largeur du tableau. Pour redimensionner la largeur du tableau entier, indiquez la largeur du tableau.
  • Largeur de colonne. Sélectionnez le numéro de la colonne que vous souhaitez redimensionner, puis spécifiez la largeur.
  • Hauteur de ligne. Sélectionnez le numéro de la ligne que vous souhaitez redimensionner, cliquez sur la zone Hauteur de ligne, puis spécifiez la hauteur.
  • Modèles. Sélectionnez un style dans la galerie Styles de tableau et cliquez dessus pour l’appliquer à votre tableau.
  • Légende du tableau. Vous pouvez ajouter une légende au tableau. Utilisez les icônes suivantes pour sélectionner le positionnement de la légende :
    • Affiche la légende au-dessus du tableau.
    • Affiche la légende sous le tableau.
    •  Supprime la légende du tableau.

Options d’alignement

Dans la section Mise en page du panneau Propriétés du tableau, vous pouvez aligner le texte verticalement et horizontalement. Utilisez les contrôles Alignement horizontal et Alignement vertical.

Remarque : si vous souhaitez aligner vers la gauche ou vers la droite avec un habillage de texte, vous devez utiliser l’option Flotter vers la gauche ou droite dans la section Mise en page.

Styles de tableau

Pour appliquer un style au tableau, sélectionnez <table> dans Style dans le panneau de droite ou CSS dans le Sommaire. Le style peut être appliqué à l’ensemble du tableau ainsi qu’à différentes sections du tableau telles que les lignes d’en-tête, les colonnes paires, la première colonne, la dernière ligne, etc. Sélectionnez Effacer le formatage pour supprimer tout le formatage de la section stylisée du tableau. 

Appliquez un formatage à votre tableau à partir de l’éditeur CSS. Cela comprend le formatage du texte, des cellules, de la police, des bordures, de la mise en page, de la pagination et de l’arrière-plan. 

Utiliser des caractères spéciaux

L’option Insérer un caractère spécial vous permet de rechercher et d’insérer des caractères spéciaux à partir d’un ensemble de caractères, organisé en différentes catégories.

  1. Dans une rubrique active, placez le curseur à l’emplacement souhaité et cliquez sur l’icône Insérer Insérer un Caractère spécial  dans la barre d’outils standard. 
    Vous pouvez également appuyer sur CTRL+4 pour insérer des caractères spéciaux.

  2. Choisissez l’une des options suivantes dans la liste déroulante :

    • Flèches
    • Symboles monétaires
    • ASCII étendu
    • Symboles divers
    • Formes numérales
    • Ponctuation
    • Caractères spéciaux
  3. Survolez un caractère pour afficher son nom lisible complet. Ensuite, choisissez le caractère que vous souhaitez insérer et double-cliquez dessus ou cliquez sur Insérer.
    Le symbole sera ajouté au point du curseur. Vous pouvez également rechercher un caractère spécifique en tapant un nom dans la zone de recherche.

  4. Cliquez sur Fermer.

Utilisation du texte à développer

Dans une rubrique avec beaucoup de contenu, vous pouvez utiliser le texte à développer pour ajouter du texte supplémentaire à côté d’une portion de contenu. Le texte supplémentaire peut être affiché dans un état développé ou réduit dans la sortie. Pour insérer du texte à développer :

  1. Dans une rubrique ouverte, choisissez le texte que vous voulez développer, puis cliquez sur Créer du texte à développer dans la barre d’outils standard.

    Le texte sélectionné devient le titre du texte à développer. Un espace réservé de contenu apparaît.

  2. Dans l’espace réservé, spécifiez le contenu du texte à développer.

  3. Gérer les textes à développer de la façon suivante :

    • Basculez l’affichage des limites de tous les espaces réservés de développement de texte de votre rubrique : sélectionnez Affichage > Afficher > Développement/Déroulement de la limite de texte.
    • Basculez l’affichage d’un espace réservé de texte à développer spécifique : cliquez avec le bouton droit de la souris sur l’en-tête du texte et cliquez sur Afficher le texte à développer ou Masquer le texte à développer
    • Supprimer un texte à développer : cliquez avec le bouton droit sur l’en-tête du texte et cliquez sur Supprimer le texte à développer
    • Réduire ou développer un texte à développer : cliquez deux fois sur l’en-tête du texte.
    • Réduire ou développer tous les textes à développer de votre rubrique : cliquez avec le bouton droit de la souris sur un en-tête de texte à développer, puis cliquez sur Réduire tout le texte ou Développer tout le texte.
    • Définir un texte séparé pour le titre d’un texte en expansion à l’état comprimé : cliquez sur le texte en expansion. Dans le panneau Propriétés du contenu > champ Texte réduit, saisissez le nouveau titre. Comme les textes à développer sont réduits par défaut, le nouveau titre s’affiche à l’état réduit dans votre sortie. Lors du développement du texte, le texte original sur lequel le texte à développer a été créé s’affiche.
    • Ajouter des icônes (+). Voir Ajouter ou modifier des icônes.
  4. Cliquez sur l’icône Enregistrer tout  dans la barre d’outils standard.

Dans une rubrique avec beaucoup de contenu, vous pouvez ajouter du texte déroulant à des portions de contenu spécifiques. Pour ajouter du texte déroulant :

  1. Dans une rubrique ouverte, choisissez le texte que vous souhaitez dérouler, puis cliquez sur Créer du texte déroulant  dans la barre d’outils standard.

    Le texte sélectionné devient le titre du texte déroulant. Un espace réservé de contenu apparaît sous le texte sélectionné.

  2. Dans l’espace réservé, spécifiez le contenu du texte déroulant.

  3. Gérez les textes déroulants de la façon suivante :

    • Basculez l’affichage des limites de tous les espaces réservés de texte déroulant de votre rubrique : sélectionnez Affichage > Afficher > Développement/Déroulement de la limite de texte.
    • Basculez l’affichage d’un espace réservé de texte déroulant spécifique : cliquez avec le bouton droit de la souris sur l’en-tête du texte et cliquez sur Afficher le texte déroulant ou Masquer le texte déroulant
    • Supprimer un texte déroulant : Cliquez avec le bouton droit sur l’en-tête du texte et cliquez sur Supprimer le texte déroulant
    • Réduire ou développer un texte déroulant : Double-cliquez sur l’en-tête du texte.
    • Réduire ou développer tous les textes déroulants de votre rubrique : cliquez avec le bouton droit de la souris sur un en-tête de texte déroulant, puis cliquez sur Réduire tout le texte ou Développer tout le texte.
    • Définir un texte séparé pour le titre d’un texte déroulant à l’état réduit : cliquez sur le texte déroulant. Dans le panneau Propriétés du contenuschamp Texte réduit, saisissez le nouveau titre. Comme les textes déroulants sont réduits par défaut, le nouveau titre s’affiche à l’état réduit dans votre sortie. Lors du développement du texte, le texte original sur lequel le texte déroulant a été créé s’affiche.
    • Ajouter des icônes (+). Voir Ajouter ou modifier des icônes.
  4. Cliquez sur l’icône Enregistrer tout  à gauche de la barre d’outils standard.

Ajouter ou éditer des icônes (+)

Les icônes sont des images que vous pouvez ajouter pour les états développé et réduit du texte développé, du texte déroulant ou des tables des matières thématiques. Vous pouvez afficher les images respectives dans les états développé et réduit dans l’aperçu et la sortie. Pour ajouter des icônes (+) :

  1. Dans le panneau Styles, sélectionnez Styles de lien hypertexte dans la liste déroulante.
  2. Cliquez sur  en regard d’un style de lien hypertexte que vous souhaitez appliquer.
  3. Dans le panneau Propriétés du style, cliquez sur le bouton de liste déroulante Icônes (+). Cela ouvre le panneau Icônes (+) où vous pouvez ajouter des images pour les états développé et réduit.
  4. Cliquez sur l’icône  en regard de la zone Image en cas de champ développé pour ouvrir la boîte de dialogue Insérer une image. Sélectionnez une image dans vos fichiers de projet, fichiers locaux ou via un lien Web. Ensuite, cliquez sur Insérer. L’image sera insérée pour l’état développé.
  5. Cliquez sur l’icône  en regard de la zone Image en cas de champ réduit et répétez l’étape précédente pour insérer une image pour un état réduit.
  6. Cliquez sur pour placer les images au début du texte (par défaut) ou sur pour les placer à la fin du texte. 
  7. Cliquez sur l’icône Enregistrer tout  dans la barre d’outils standard.
  8. Dans une rubrique ouverte, sélectionnez le texte déroulant ou en développement, ou le mot Légende dans la table des matières d’une rubrique où vous voulez appliquer les icônes (+).
  9. Ouvrez la liste Styles de lien hypertexte dans le panneau Styles et cliquez sur le style de lien hypertexte modifié. Le style d’icône est appliqué au texte et peut être affiché dans l’aperçu et la sortie. 
Remarque :

Après avoir défini des icônes (+) pour un style de lien hypertexte particulier, vous pouvez appliquer les mêmes icônes (+) à différents éléments en appliquant le même style de lien hypertexte dans le panneau Styles. 

Application de la mise en forme

Vous pouvez modifier le type et le style des polices, l’espacement des caractères, le retrait, la couleur et d’autres mises en forme standard à l’aide des panneaux Propriétés du contenu et Styles dans la barre de droite. Pour afficher le panneau Propriétés du contenu, dans la fenêtre de création, sélectionnez Contenu, puis double-cliquez sur une rubrique pour l’ouvrir. Cela affiche le panneau par défaut Propriétés du contenu.

Configurer les propriétés du contenu

Le panneau Propriétés du contenu vous permet d’appliquer la mise en forme standard suivante à votre contenu.

Utilisation des éléments de texte

Dans votre rubrique, cliquez ou sélectionnez un élément pour afficher le type associé dans le champ Type. Par exemple, la sélection d’un titre de rubrique affiche h1 (En-tête 1) comme type et un paragraphe affiche p comme type.

Pour un élément sélectionné affiché dans le champ Type, vous pouvez :

  • Modifier la mise en forme, appliquer la même mise en forme à tous les autres éléments de la même classe dans votre projet et mettre à jour la feuille de style. Pour ce faire, cliquez sur l’icône Mettre à jour le style en regard du champ Type. 
    Par exemple, la police par défaut (selon la feuille de style) d’une rubrique est Arial 20 points. Vous pouvez appliquer la police Adobe Clean 24 points à tous les titres de rubrique de votre projet et mettre à jour la feuille de style en cliquant sur Mettre à jour le style.
  • Effacez la mise en forme actuelle en sélectionnant le texte puis en cliquant sur en regard du champ Type ou en choisissant Modifier > Supprimer la mise en forme.
    Par exemple, supposons que vous avez remplacé la valeur par défaut de la police (Arial 20 points) par Adobe Clean 24 points, mais que vous n’avez pas mis à jour la feuille de style. Pour restaurer la police par défaut Arial 20 points, sélectionnez le texte et cliquez sur .

Définir les attributs

Le panneau Attributs vous permet d’attribuer un identifiant du contenu, une classe, un attribut de traduction et des balises de condition. Vous pouvez utiliser l’attribut Traduire pour traduire ou non l’élément texte. Pour appliquer des balises, sélectionnez le texte et cliquez sur Appliquer des balises. Cela ouvre la boîte de dialogue Appliquer des balises de condition. Dans la liste déroulante, cliquez sur la balise que vous souhaitez appliquer. La balise sélectionnée apparaît dans le volet droit de la zone. Ensuite, cliquez sur Appliquer.

Mise en forme du texte

Pour mettre en forme un texte, cliquez sur la section déroulante Police. Ce panneau inclut les options suivantes :

  • Famille de police. Utilisez la liste déroulante pour sélectionner le type de police souhaité. Vous pouvez modifier la liste des polices dans les paramètres du projet.
  • Décoration de texte. Vous pouvez choisir de souligner, de surligner le texte sélectionné ou d’insérer une barre horizontale à travers le texte sélectionné.
  • Taille de police. Entrez la taille de police souhaitée ou utilisez les boutons d’incrémentation et de décrémentation pour modifier automatiquement la taille actuelle. 
  • Style de police. Utilisez la liste déroulante pour sélectionner le style de police souhaité (italique, oblique, etc.).
  • Style de texte. Vous pouvez mettre en forme le texte sélectionné : gras, italique, souligné, exposant ou indice.
  • Couleur de la police. Vous pouvez changer la couleur de la police en utilisant l’une de ces deux méthodes :
    • Boîte de dialogue Couleur. Cela vous permet de choisir une couleur spécifique dans un ensemble d’échantillons de couleurs prédéfinis ou en générant une valeur de couleur personnalisée. Voir Utiliser la boîte de dialogue Couleur.
    • Pipette. Elle vous permet de choisir n’importe quelle couleur à l’écran et de l’appliquer à votre contenu. Pour ce faire, placez le curseur où vous voulez appliquer la couleur, cliquez sur l’icône de la pipette  et survolez les pixels souhaités sur l’écran, puis cliquez. Si vous ne souhaitez pas choisir une couleur, effectuez un clic droit ou appuyez sur la touche Echap. Le compte-gouttes du Sélecteur de couleurs fonctionne également dans une configuration multi-moniteur, au cas où vous voulez choisir des couleurs sur plusieurs moniteurs.
  • Hauteur de ligne. Utilisez la liste déroulante pour choisir une hauteur de ligne.
  • Interlettrage. Entrez l’interlettrage souhaité.
  • Alignement du texte. Vous pouvez choisir l’une des options données pour aligner votre texte à gauche, au centre, à droite ou le justifier.
  • Retrait. Utilisez l’icône respective pour augmenter ou diminuer la distance entre la marge et le contenu.

Utilisation des bordures

Pour ajouter et modifier des bordures à votre contenu, cliquez sur la section Bordures. Le panneau Bordures offre les options suivantes :

  • Bordure. Choisissez l’icône correspondant aux côtés auxquels vous souhaitez appliquer les bordures.
  • Style. Utilisez la liste déroulante pour sélectionner le style de bordure préféré.
  • Couleur de la bordure. Cliquez sur l’icône Modifier la couleur pour sélectionner la couleur de bordure préférée ou spécifier les codes RVB.
  • Largeur. Entrez une valeur pour la largeur de votre bordure dans l’unité de mesure souhaitée (px, pt, rem, em, ou %). Ou utilisez les flèches vers le haut et vers le bas pour changer la largeur.
  • Rayon. Il vous permet d’arrondir les coins de la bordure. Entrez une valeur pour arrondir uniformément les quatre coins de votre bordure. Pour appliquer un arrondi spécifique à chaque coin, cliquez sur l’icône de verrouillage, puis attribuez une valeur souhaitée en regard de l’icône pour chaque coin.

Formater la mise en page

Pour effectuer la mise en page de votre contenu, cliquez sur la section déroulante Mise en page. Le panneau Mise en page offre les options suivantes :

  • Hauteur. Spécifiez la hauteur du contenu ou utilisez les flèches vers le haut et vers le bas pour changer la hauteur. 
  • Largeur. Spécifiez la largeur du contenu ou utilisez les flèches vers le haut et vers le bas pour augmenter et diminuer la largeur.
  • Marge. Spécifiez une valeur pour une marge uniforme sur les quatre côtés. Ou cliquez sur l’icône en forme de verrou  pour attribuer différentes marges aux différents côtés.  
  • Remplissage. Spécifiez une valeur pour appliquer le remplissage sur les quatre côtés, qui correspond à l’espace entre la bordure et le contenu à l’intérieur. Ou cliquez sur l’icône e forme de verrou  pour attribuer un remplissage différent pour aux différents côtés.  
  • Alignement vertical. Vous pouvez choisir d’aligner votre contenu en haut, au centre ou en bas.
  • Flotter. Cet outil est utilisé pour le positionnement et la mise en page du contenu sur des pages Web. Sélectionnez une valeur flottante dans la liste déroulante. La valeur « Aucun » indique que l’élément ne flotte pas, tandis que les valeurs « gauche » et « droite » indique la direction du conteneur dans laquelle flotte le contenu.
  • Supprimer. Cette option spécifie quels éléments peuvent flotter à côté de l’élément désactivé et de quel côté. Sélectionnez une valeur claire dans la liste déroulante :
    • Les deux Option indiquant qu’aucun élément flottant n’est autorisé sur le côté gauche ou droit
    • Aucun Option indiquant que les éléments flottants sont autorisés sur le côté gauche et droit
    • Gauche et Droite Options indiquant qu’aucun élément flottant n’est autorisé à gauche ou à droite
  • Position. Sélectionnez une position d’affichage souhaitée dans la liste des options.
  • Affichage. Sélectionnez un style d’affichage dans la liste des options.
  • Portée de colonne. Spécifiez si votre contenu doit s’étendre sur toutes les colonnes ou sur aucune colonne.

Remarque : lorsque vous attribuez des valeurs à différents paramètres, vous pouvez sélectionner l’une de ces unités de mesure : px (pixels), pt (points), rem, em ou %.

Formater l’arrière-plan

Pour mettre en forme votre arrière-plan de contenu, cliquez sur la section déroulante Arrière-plan. Le panneau Arrière-plan offre les options suivantes :

  • Trame. Cliquez sur  pour choisir votre couleur de fond préférée. Vous pouvez également saisir le code de couleur dans ce champ. Le texte de l’arrière-plan est noir, par défaut.
  • Chemin de l’image. Insérez une image d’arrière-plan en parcourant votre ordinateur.
  • Taille de l’image. Spécifiez une valeur dans la section Hauteur ou Largeur pour définir la taille de l’image d’arrière-plan. Ou cliquez sur l’icône  pour saisir des valeurs différentes pour la hauteur et la largeur.
  • Répétition en arrière-plan. Sélectionnez une option dans le menu déroulant pour appliquer la répétition souhaitée de l’arrière-plan.

Autres options de mise en forme

  • Pour copier la mise en forme du contenu sélectionné, choisissez Edition > Copier la mise en forme. Ensuite, sélectionnez le contenu auquel vous souhaitez appliquer la mise en forme copiée.
  • Pour supprimer la mise en forme du contenu sélectionné, choisissez Modifier > Supprimer la mise en forme. Le contenu sélectionné affiche la mise en forme par défaut.
  • Pour enregistrer les modifications, cliquez sur l’icône Enregistrer tout dans la barre d’outils standard.

Application des styles

Une fois que vous ajoutez du contenu à vos rubriques, vous pouvez utiliser l’option Styles pour ajouter des styles prédéfinis à votre contenu, modifier les styles, ajouter de nouveaux styles et prévisualiser les styles. Par exemple, vous pouvez utiliser le style « En-tête 1 » pour l’en-tête de votre rubrique et le style « légende de mini-table des matières » pour les légendes de la table des matières.

Afficher et appliquer des styles

Pour afficher et appliquer des styles :

  1. Cliquez sur l’icône Styles dans la barre d’outils à droite.
    Cela ouvre le panneau STYLES qui contient toutes les options de style. 
  2. Cliquez sur la flèche déroulante en haut à gauche du panneau et sélectionnez la classe Style que vous souhaitez afficher ou sélectionnez Tous les styles pour afficher la liste de tous les styles.
  3. Placez le curseur où vous voulez appliquer la classe et cliquez sur le style souhaité dans la liste.
    Le contenu reflète le style sélectionné.

Modifier les styles

Pour modifier les styles prédéfinis :

  1. Sélectionnez le style à modifier dans la liste.
    Le style sélectionné s’ouvre dans l’éditeur CSS.
  2. Vérifiez le nom du STYLE , sélectionnez l’élément PSEUDO CLASS, apportez toutes les modifications nécessaires et enregistrez.
  3. Lorsque vous modifiez un style dans l’éditeur CSS, vous pouvez afficher les modifications dans le panneau Aperçu.
  4. Après avoir vérifié un style modifié, cliquez sur l’icône Enregistrer.
Modification des styles

Propriétés des styles

Vous pouvez afficher ou modifier les propriétés personnalisées supplémentaires d’un style dans le tableau Propriétés. Dans le panneau Propriétés sous le panneau Aperçu, modifiez les styles avec le nom et la valeur de propriété personnalisée ou sélectionnez-les directement dans la liste déroulante.

Paramètres de la liste des styles

Dans le Sommaire, cliquez sur le dossier CSS et ouvrez un fichier .css. Cela ouvre la liste Styles dans l’éditeur CSS. Cliquez sur l’icône des paramètres pour modifier l’affichage de la liste.

  • Afficher un aperçu du style Pour obtenir un aperçu des styles dans la liste. 
  • Afficher le sélecteur complet Pour afficher le nom complet des styles dans la liste. Seuls les noms d’affichage des styles s’affichent si cette option est désélectionnée.
  • Trier par ordre alphabétique Pour trier les styles par ordre alphabétique dans la liste.

Si vous désélectionnez une option, la liste des styles affiche la vue par défaut. 

Paramètres de la liste des styles

Remarque :

Remarque : vous pouvez sélectionner plusieurs paramètres à la fois.

Utilisez Rechercher pour rechercher le style de votre choix dans une longue liste.

Pour filtrer la liste des styles, cliquez sur l’icône de filtre en regard de la barre de recherche. Sélectionnez les options de styles dans la liste déroulante pour filtrer la liste des styles. Vous pouvez effectuer des sélections uniques et multiples. 

rechercher et filtrer des styles

Ajouter de nouveaux styles

Pour ajouter un nouveau style :

  1. Sélectionnez l’icône Styles dans la barre d’outils à droite.
    Cela ouvre le panneau Styles qui contient toutes les options de style.
    Vous pouvez également ouvrir Ressources cssdefault.css dans le panneau Table des matières.
  2. Sélectionnez l’icône     pour ajouter un nouveau style.

    La boîte de dialogue Ajouter un style s’ouvre.

  3. Dans la boîte de dialogue, ajoutez les informations suivantes :

    Classe : ajoutez un nom de classe pour le nouveau style.

    Balise : ajoutez une balise pour le nouveau style ou sélectionnez-en une dans la liste déroulante.

    Pseudo-classe : ajoutez une pseudo-classe pour le nouveau style. Cela permet de définir un état spécifique des éléments. Vous pouvez également sélectionner plusieurs pseudo-classes.

    Sélecteur : ajoutez le sélecteur pour le nouveau style. Le champ Sélecteur permet d’ajouter des sélecteurs personnalisés en plus de la combinaison Classe, Balise et Pseudo-classe. Vous pouvez par exemple créer un style de tableau a.link pour l’ensemble des liens hypertexte d’un tableau.

    Pour plus d’informations sur les balises CSS, consultez Grammaire de style CSS.

  4. Cliquez sur Terminé.

    Un nouveau style est ajouté au projet.

    ajouter un nouveau style

Ajout de styles avec @import

Importez des feuilles de style supplémentaires dans la feuille de style en cours à l’aide de la règle @import. Lorsque vous importez des feuilles de style, tous les nouveaux styles s’affichent dans l’éditeur CSS et le panneau Styles.

  1. Ouvrez la feuille de style (fichier .css) dans la vue Source. La feuille de style sélectionnée doit être liée à la rubrique.
  2. Ajouter une ligne @import ’<filename.css>’ dans la vue Source. Le fichier filename.css est le fichier .css que vous souhaitez importer avec la feuille de style liée (fichier .css).
  3. Enregistrez les modifications.
    Les styles importés à partir de la feuille de style sont répertoriés dans l’onglet Style du panneau droit de la rubrique sélectionnée.

Aperçu des styles

L’icône Afficher l’aperçu du style dans le panneau Styles vous permet de basculer entre les options Afficher l’aperçu du style et Afficher le nom du style pour afficher ou masquer l’aperçu des styles. Lorsque vous sélectionnez Afficher les styles d’aperçu, chaque nom de style reflète son style correspondant.

Utiliser la boîte de dialogue Couleur

La boîte de dialogue Couleur vous permet de choisir une couleur spécifique dans une palette de couleurs de base ou en générant une couleur personnalisée. 

  1. Choisissez l’un des trois modes de couleur suivants : HEX, RVB ou HSB. 
  2. Choisissez une couleur en utilisant l’une des deux méthodes ci-dessous :
    • Choisissez une couleur dans la grille des échantillons de couleurs prédéfinis (E). Vous pouvez survoler un échantillon de couleurs pour voir le nom de la couleur et sa valeur de couleur associée dans le mode de couleur choisi. La première nuance visible dans la liste des nuances prédéfinies correspond à l’option Aucun ou Aucun remplissage . Pour supprimer une couleur sélectionnée, cliquez sur Aucun.
      Vous pouvez modifier cette grille d’échantillons de couleurs dans les paramètres du projet.
    • Créez votre propre couleur en utilisant des valeurs de couleur ou des barres de nuance. Pour le mode de couleur HEX, saisissez un nombre hexadécimal (comme #0000FF) dans l’espace vide fourni. Pour les modes de couleur RVB ou HSB, saisissez des valeurs pour les trois composants constitutifs. 
  3. Vous pouvez aussi définir l’opacité de la couleur à l’aide du composant Alpha (D) ou en faisant glisser la barre de transparence du remplissage (B). Le paramètre Alpha est un nombre compris entre 0 (entièrement transparent) et 100 (entièrement opaque). 
  4. Cliquez sur Terminé.
Boîte de dialogue Couleur
Boîte de dialogue Couleur

Supprimer les attributs de texte

Les attributs de texte font référence à tous les attributs de balise et styles en ligne, tels que les variables, les extraits de code, les balises span et les liens hypertexte qui sont insérés dans un paragraphe.   Vous pouvez les supprimer en sélectionnant chacun d’eux ou les supprimer en bloc dans une section de votre contenu en suivant ces étapes :

  1. Dans une rubrique ouverte, sélectionnez du texte ou un paragraphe du chemin de navigation dans lequel vous voulez supprimer les attributs.
  2. Cliquez avec le bouton droit sur le texte sélectionné et dans le menu contextuel, sélectionnez Supprimer les attributs de texte.
    Vous pouvez aussi cliquer avec le bouton droit sur la balise d’élément ou de paragraphe dans les chemins de navigation de l’éditeur de rubriques et sélectionner Supprimer les attributs de texte.
  3. Dans la boîte de dialogue Supprimer les attributs de texte, sélectionnez tous les attributs ou simplement ceux que vous souhaitez supprimer. Cliquez sur Supprimer.
    Cela supprime les attributs et convertit le contenu en texte brut.
Illustration de la suppression des attributs de texte
Illustration de la suppression des attributs de texte

 Adobe

Recevez de l’aide plus rapidement et plus facilement

Nouvel utilisateur ?