Bonjour,
moi c'est Andréa !
Je vous propose de découvrir comment fonctionnent les diapositives-cases.
Une diapositive-case met en scène un personnage dont les paroles s'affichent dans une bulle... comme dans une bande dessinée.
Bonjour,
moi c'est Andréa !
Je vous propose de découvrir comment fonctionnent les diapositives-cases.
Avec BIG, le texte placé dans la bulle adapte sa taille à l'espace dans lequel il s'affiche... W3CSS stylise la bulle, quelques textes spécifiques et...
le thème coloré !
Dans ce type de présentation, la flèche de la bulle est intégrée au dessin SVG du personnage...
Ce sont les paramètres grid-template-rows
qui déterminent le positionnement de l'image et de la bulle dans chaque diapositive.
Les proportions de l'image SVG jouent aussi un rôle dans le positionnement de l'image par rapport à la bulle... et donc dans le positionnement de la flèche de bulle par rapport à la même bulle !
En fait, il est inévitable de devoir tatônner un peu avant de trouver le bon réglage ;-)
Il vous faut donc des compétences de base en HTML et CSS... et savoir produire des dessins SVG simples.
Je ne suis pas très difficile à dessiner en SVG avec un logiciel open source !
Je vais me faire un café... En attendant, réfléchissez à tout ce que vous pourriez scénariser en utilisant un dispositif comme celui-là !
Expérimentez, testez et faites des choix !
Formations IMeP et CDUI
Yves Goguely