Les ressources "images''
Dans ce grain (grain24.xml), nous allons explorer les différents modes d'affichage d'images. Commencez par créer un espace (sous-répertoire) nommé, par exemple, "images''. Dans ce répertoire, créez un item "Image PNG'' en ouvrant la rubrique "Ressources'' du menu des items. J'ai l'habitude de donner à ces ressources le même nom que l'image que je vais importer, en l'occurence "aticelogo2013''. À partir de cette ressource, vous pouvez importer l'image "aticelogo2013.png'' (quelque part dans le kit du tutoriel) puis cliquer sur l'onglet latéral "Props.'' pour donner un titre à l'image.
Commencez par insérer une imagette au milieu du présent texte.
Insérez à la suite un champ "Texte Illustré''. Après avoir choisi la position du texte par rapport à l'illustration et récopié le présent texte en-dessous, faites glisser la ressource "aticelogo2013.png'' sous l'icône qui resssemble à un écran de télé (représentative d'une image). |
Recopiez maintenant la présente phrase dans une zone de texte, suivi de l'insertion d'une "Ressource'' dans laquelle vous glisserez la même image "aticelogo2013.png'' pour comparer les tailles des deux cas de figures dans la visualisation. Vous pouvez faire varier la taille de l'image dans la "ressource'' et observez le résultat avec l'Aperçu du grain.