Vous ajoutez des images à un concept en utilisant l’élément <image>. L’élément <image> utilise l’attribut href pour créer un lien vers l’emplacement de l’image sur internet ou sur un serveur local.
Tout comme un élément <p>, vous pouvez utiliser l’élément <image> n’importe où dans l’élément <conbody>. Il est aussi assez courant d’utiliser des images à l’intérieur d’un élément <p>.
Si votre image a besoin d’un titre ou d’une légende, utilisez l’élément <fig> (ou figure). L’élément <fig> peut contenir un élément <title> et un ou plusieurs éléments <image>.
Vidéo : Créer une figure avec une image dans DITA
Pratique
- Faites une copie du fichier leçon2/l_concept_images_tableaux_debut.dita et ouvrez-le dans votre éditeur.
Vous devriez avoir ceci :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
</conbody>
</concept>
- Insérez un élément <image> dans l’élément <conbody> tel que présenté dans l’exemple suivant. Utilisez le fichier leçon2/images/canetons_nageant.jpg comme image, par exemple :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
<image href="images/canetons_nageant.jpg"/>
</conbody>
</concept>
L’élément <image> que vous avez ajouté contient un lien (href) vers l’emplacement du fichier image. Un lien à l’intérieur d’un élément <image> peut pointer vers le chemin du fichier image sur un serveur ou vers un lien internet de l’image.
- Après l’élément <image>, insérez un élément <fig> tel que présenté dans l’exemple suivant. Utilisez le fichier leçon2/images/canetons_courant.jpg comme image, par exemple :
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE concept PUBLIC "-//OASIS//DTD DITA Concept//EN" "concept.dtd">
<concept id="concept_images_tables">
<title>Croissance et développement du caneton</title>
<conbody>
...
<fig>
<title>Canetons courant</title>
<image href="images/canetons_courant.jpg"/>
</fig>
</conbody>
</concept>
L’élément <fig> est une autre façon d’ajouter une image à un concept.
L’élément que vous avez ajouté contient un élément <title> et un élément <image>. L’élément <title> vous permet d’associer une légende à votre image.
L’élément <image> est structuré de la même manière à l’intérieur de l’élément <fig> qu’à l’intérieur de l’élément <conbody>.
L’élément <fig> peut contenir un ou plusieurs éléments <image> (mais un seul élément <title>).
Remarque :
Dans un élément <fig>, l’élément <title> précède toujours l’élément <image> dans DITA, mais la légende peut apparaître au-dessus ou au-dessous de l’image (ou ailleurs) dans la publication finale.
Contributeurs
