HTML avec feuilles de style en cascade

Découvrez comment fonctionne la relation entre un document XML et un fichier CSS (feuilles de style en cascade) dans FrameMaker structuré.

Lorsqu’un document XML est ouvert dans Adobe FrameMaker, FrameMaker traite la CSS3 (Cascading Style Sheet 2, feuille de style en cascade de niveau 2) en mettant les informations de cette feuille de style en correspondance avec les règles EDD du document EDD.

Le traitement au format CSS3 dans FrameMaker est décrit dans les exemples suivants :

Note: Un fichier XML ouvert dans FrameMaker peut comporter plusieurs fichiers CSS. FrameMaker prend uniquement en charge la feuille de style du créateur du document et non celle de l’utilisateur.

Importation de styles d’éléments CSS 3 dans un fichier EDD

Le formatage d’éléments des feuilles de style CSS 3 dans les EDD peut être importé, garantissant ainsi l’harmonisation du formatage entre différentes applications XML. Le fichier CSS peut être référencé dans le document XML ou importé manuellement. Il est possible d’importer séquentiellement plusieurs fichiers CSS, pour un formatage multiniveau.

Lors de l’importation de styles d’éléments dans FrameMaker, les informations contextuelles (sélecteur ou caractéristique d’élément) issues de la CSS sont conservées et importées dans les contextes EDD adéquats.

Note: FrameMaker importe les informations de style uniquement au niveau de l’élément.

Vous pouvez également définir les préférences CSS dans XML à l’aide de FrameMaker structuré. Pour plus d’informations, consultez le manuel Développement d’applications structurées avec Adobe FrameMaker

  1. Ouvrez le fichier EDD dans FrameMaker structuré.

  2. Sélectionnez Structure > Importer les styles CSS. La boîte de dialogue Importer les styles CSS s’affiche.

  3. Sélectionnez un fichier CSS, puis cliquez sur Ouvrir.

  4. Si un élément d’application structurée du fichier EDD ne définit pas un nom d’application, la boîte de dialogue Utiliser l’application structurée s’affiche. Sélectionnez l’application structurée utilisée pour créer le fichier EDD. Cliquez sur Continuer.

Le fichier CSS est ensuite importé dans le fichier EDD.

Note: Si l’EDD contient déjà les règles de formatage, les propriétés CSS sont ajoutées aux règles existantes. Si les propriétés CSS correspondent à des règles existantes, les propriétés CSS remplacent les règles existantes dans l’EDD. L’EDD ne prend pas en charge les propriétés et sélecteurs définis dans CSS 3.0. Si la mise en correspondance d’une propriété ou d’un sélecteur du fichier CSS avec une règle EDD équivalente n’est pas possible, la propriété ou le sélecteur est ignoré. Dans ce cas, aucune erreur ne s’affiche et aucun journal d’erreurs n’est créé.

Une fois les styles CSS importés, vous pouvez importer les définitions d’éléments à partir de l’EDD vers un modèle, puis ouvrir un fichier XML à l’aide du modèle.

Vous pouvez aussi ouvrir dans FrameMaker un fichier XML auquel des styles CSS sont déjà associés. Lorsque vous ouvrez le fichier XML dans FrameMaker, les fichiers CSS et DTD sont lus et un modèle temporaire est généré pour ouvrir le fichier XML.

Exportation de CSS pour un fichier XML FrameMaker

Vous pouvez exporter les informations de style XML disponibles dans le document pour tous les éléments utilisant le format CSS2 (Cascading Style Sheets 2) vers un fichier EDD. Ensuite, vous pouvez importer ces définitions de style CSS à partir d’un fichier EDD vers de nouveaux fichiers XML. Les feuilles de style en cascade permettent aux auteurs d’attacher des styles, tels que des polices et l’espacement, à des fichiers XML structurés. Le format CSS2 est une norme W3C.

Lorsque vous choisissez la commande Générer CSS2, des styles issus de documents structurés correctement formés sont générés, selon les informations de formatage disponibles dans l’EDD associée au document source. FrameMaker exporte les informations de style uniquement au niveau de l’élément. Ainsi, si vous appliquez un style à un mot spécifique d’un élément Texte, le style appliqué au mot n’est pas exporté.

Vous pouvez définir les préférences CSS2 dans l’application XML. Vous pouvez, par exemple, déterminer si le fichier CSS2 est automatiquement généré lors d’une exportation au format XML. Pour plus d’informations, consultez le manuel Développement d’applications structurées avec Adobe FrameMaker.

  1. Ouvrez le modèle ou le document et l’EDD qui lui est associée dans FrameMaker structuré.

  2. Sélectionnez Structure > Générer CSS2….