Légende : Créer un lien hypertexte depuis un cadre :

Transcription

1 Pour découvrir les fonctions de base de Didapages, se référer au tutoriel "Un livre simple avec Didapages 1.1.odt" disponible sur rubrique Informatique. Légende : En bleu les points les plus importants En jaune les points secondaires Créer un lien hypertexte depuis un cadre : Les liens peuvent être créés par défaut pour un cadre entier, pas pour un simple mot. Ils renvoient vers une autre page du même livre et pas vers un site internet. Pour créer un lien d'un cadre vers une page il faut ouvrir les options du cadre. On coche ensuite "Aller à la page" et on indique la page de destination. Seul le changement de forme du pointeur en main indiquera au lecteur la présence d'un lien. Permet de créer un lien hypertexte vers une autre page du livre. Ex : En cliquant sur le texte, on ira à la page 4. Un grand nombre de cadres permettent de créer des liens (texte, image, croquis auteur, animation, vidéo...). Créer un lien hypertexte depuis un mot ou une partie d'image : Didapages ne sait pas faire ce genre de liens mais on peut contourner le problème en créant une zone de texte vide et à fond transparent (option par défaut) sur laquelle on créera le lien. La zone sera ajustée au mot ou à la partie d'image puis placée au-dessus. Pour le lecteur le stratagème sera invisible. Attention : en cas de déplacement du cadre sous-jacent il faudra penser à déplacer aussi le cadre transparent contenant le lien. Exemple : Zone du lien Cadre servant pour le texte Faire un dessin, entourer, relier : Cadre vide servant pour le lien Fenêtre d'options du cadre de texte de la ligne 2 Il faut utiliser un croquis auteur dans la liste des éléments. Il se présente d'abord comme un cadre vide mais lorsqu'on clique dessus une barre d'outils apparaît au-dessus : Dessins de forme libre, droite, courbe, circulaire, rectangulaire. Epaisseur du trait Écrire sur le dessin Effacer le dessin Couleur de remplissage des formes circulaires et rectangulaires Couleur du trait P1/5

2 Réglage fin des couleurs Fenêtre Couleur du trait : Palette par défaut Couleur choisie Réglage de transparence Valider Fenêtre d'options du croquis auteur : Couleur de fond du croquis et couleur de l'entourage du cadre. Ici on peut créer un lien vers une autre page Animer un croquis auteur : Une fois le croquis auteur terminé il faut cocher "Animer le croquis" dans les options. Le lecteur verra le croquis se dessiner sous ses yeux. Cocher "Barre de contrôle" permettra au lecteur de renouveler la lecture, la mettre sur pause... Le croquis ne s'anime qu'en mode lecture, pas en mode édition. Mode édition Mode lecture Créer une zone de dessin pour le lecteur : C'est l'élément Croquis lecteur qu'il faut choisir dans la liste des éléments. En mode édition il se présente comme un cadre vide. Ses options sont les suivantes : Par défaut le lecteur aura un outil permettant de tracer des droites uniquement (Trait) ou pourra faire du dessin libre (Crayon) Épaisseur du trait par défaut Longueur maximale de l'ensemble des traits que pourra tracer le lecteur. Une barre de progression lui indiquera le niveau atteint. Couleur par défaut du crayon proposé au lecteur On peut laisser ou non le choix au lecteur de l'outil, de son épaisseur, de sa couleur. Si tout est décoché il se verra imposer les options choisies au-dessus sans pouvoir les changer. Options laissées au lecteur : Crayon Trait le dessin Épaisseur du trait Couleur du trait Barre minimum proposée au lecteur : Croquis lecteur en mode lecture. P2/5

3 Utilisations possibles du croquis lecteur pour des exercices interactifs : a) Avec une image : Réalisation : 1 élément texte pour la consigne 1élément image pour la photo 1 élément Croquis lecteur par dessus l'image pour que le lecteur puisse dessiner. Dans les options du Croquis lecteur il faut mettre Alpha à 0 pour rendre le fond du cadre transparent (idem pour le bord du cadre). Affichage en mode édition : Et en mode lecture : b) Avec du texte : Réalisation : 1 élément texte pour la consigne 2 éléments textes pour l'exercice 1 élément Croquis lecteur par dessus l'exercice pour que le lecteur puisse dessiner. Dans les options du Croquis lecteur il faut mettre Alpha à 0 pour rendre le fond du cadre transparent (idem pour le bord du cadre). Le choix de l'outil est décoché et l'outil par défaut choisi est le trait. Mode édition Mode lecture c) Autres possibilités : Surligne ce qui est juste (par défaut trait épais et alpha de la couleur du trait à 30 pour une semitransparence. Barre ce qui est faux (idem b) Fais un ensemble avec les éléments identiques (outil Crayon et pas de choix d'outil possible)... P3/5

4 Apparition d'images au survol de liens : On veut faire apparaître différentes images suivant le texte que l'on survole. 1) On place les zones de texte puis toutes les images empilées les unes sur les autres. 2) On masque les images en cliquant sur l œil 3) On crée des zones réactives que l'on place sur les zones de texte : elle permettent indirectement de rendre le texte qui est dessous réactif. On rend transparent le fond et le bord des zones réactives (c'est plus pratique pour lire le texte dessous...). Si coché, le pointeur de la souris ne se transformera pas en main au survol Ici on choisit les éléments qui doivent apparaître au survol ou au clic. P4/5

5 Le résultat : Insertion de sons : Il est possible d'insérer des sons sous réserve qu'ils soient au format MP3. Comme pour les images, il faut soit les importer dans le projet (Menu Projet / Medias / Son MP3 / Importer), soit les copier directement dans le dossier du projet (en général : C:\Program Files\Didapages\NomDuProjet). Il suffit ensuite d'ajouter un élément Son MP3 dans la liste. Dans un 1er temps l'élément Son MP3 apparaît vide. Il faut éditer ses propriétés. Choisir ensuite le fichier à jouer dans la liste déroulante. Ici il se nomme 18.MP3 N.B. : Il est possible de demander de jouer un morceau en boucle. Un lecteur remplace l'élément vide. Insertion de vidéos : Le principe est le même que pour les sons. Les vidéos doivent être au format FLV. Il est possible de les convertir avec le logiciel gratuit Super. P5/5