Portez facilement vos ressources sous Opale : tutoriel rapide

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 Logo des Ateliers TICE 2013au 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).

Logo des Ateliers TICE 2013

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.

Logo des Ateliers TICE 2013
PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer O. Thual, version 21 mai 2013 Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)